#login_desktop{position:relative;margin-left:auto;margin-right:auto;margin-top:55px; width:100%;height:auto;}
#login_mobile{position:relative;margin-top:55px;width:100%;}
#out_contain{position:relative; width:100%; height:auto; margin-top:55px;}
p #msg{display:none}

.text_xsmall,.text_small,.text_medium,.text_large,.text_title{color:#222}
.text_xsmall,.text_xsmall_l{  }
.text_small,.text_small_l{  }
.text_medium,.text_medium_l{  }
.text_large,.text_large_l{  }

h1{ font-size:1.5em !important; clear:both; }
h2{ font-size:1.35em !important; }
h3{ font-size:1.15em !important; }
h4{ font-size:0.95em !important; }
h5{ font-size:0.84em !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
h6{ font-size:0.74em !important; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 7px 0;
    color: #111;
}

p { margin:5px 0px 5px 0px; padding:5px 0px 5px 0px; color:#111; }
p.notopspacing {margin:0px 0px 5px 0px !important; padding:0px 0px 5px 0px !important;}
p.right { text-align:right; }
p.vertical_middle, span.vertical_middle {padding:0 !important; margin:0 !important; vertical-align:middle;}
a { text-decoration:none; border:0; color:#111;}

a.link { text-decoration:underline; }
a.question { cursor:help; text-decoration:underline; }

.collapse_border {
    border-collapse: collapse;
}

.italic{ font-style:italic;}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color:#111; }
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color:#333; }
a:focus { outline: 5px auto -webkit-focus-ring-color; }
.h7{ padding-top:5px; padding-bottom:5px; }
.text_title,.text_title_l{ text-align:center; padding:0; }
.text_xsmall_l, .text_small_l, .text_medium_l, .text_large_l, .text_title_l, .quote_small_l{  }

#details_list{height:auto;width:100%;padding:0;margin-left:0;margin-right:auto;list-style-type:none;margin-top:0px;margin-bottom:0px}
#details_list.terms{ padding:30px; width:auto}
/*#details_list > li{ list-style-position:none outside none; padding:0px 0px 0px 0px; }
#details_list > li:first-child{ padding:0px 0px 0px 0px; }
#details_list > li { margin-bottom:5px; }*/
#details_list > li p.header{ text-align:right; font-family:'Segoe UI Light','Segoe UI',Frutiger,'Frutiger Linotype','Dejavu Sans','Helvetica Neue',Arial,sans-serif; }
#details_list > li p.title_desc{ text-align:left; margin-bottom:10px; padding:5px 1px 5px 1px; }
#details_list > li.page_title{ padding:0px 0px 10px 0px; }
.details_list{ height:auto; list-style-type:none; padding:0 }
.details_list > li p.col_1,.details_list li p.col_1_fixed{ float:left; text-align:right; margin-right:10px; margin-top:5px }
.details_list > li p.col_1_fixed{ width:30% }
.details_list > li p.col_2{ float:left; margin-top:5px }
.details_list > li img.col_edit{ width:14px; float:right; padding:0; margin:5px; margin-bottom:3px; margin-right:0 }

.panel_basic{ padding:10px 0px 10px 0px; margin-bottom:10px; }
.link{cursor:pointer}
.link:hover{  }
.panel_link{cursor:pointer}
.panel_header { font-size: 1.3em !important; padding: 0; margin: 0; }

/*hr{background-color:#fff;color:#fff;border:0;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #DDD;margin-top:10px;margin-bottom:10px}*/
hr{background-color:#fff;border:0;border-top:1px solid #AAA;margin-top:10px;margin-bottom:10px}
hr.dotted{background-color:#fff;border:0;border-top:1px dotted #AAA;margin-top:10px;margin-bottom:10px}
.oneline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.half_width{width: 50%;}
.row_image{vertical-align:middle}
.row_image i.material-icons {  }
.left_input_column{text-align:right;vertical-align:middle;padding:1px 5px 1px 5px}
.left_text_column{text-align:right;vertical-align:middle;padding:3px 5px 3px 5px}
.right_input_column{text-align:left;vertical-align:middle;padding:2px 1px 2px 1px;width:60%}
.right_text_column{text-align:left;vertical-align:middle;padding:2px 5px 2px 5px;width:60%;color:#000}
p.error_msg{ display:none; text-align:left; padding:10px; }

/*
.terms_container { padding:0px 0px 0px 0px;}
.terms_container_signup {height:200px; margin-top:10px; overflow:auto; overflow-x:hidden; background: #FFF; padding-left: 10px;}
.terms_container .termTitle{ color:#222; margin-bottom:5px; margin-top:15px; background:transparent; font-size:0.9em; }
.terms_container .termText,.terms_container .termList{ padding:0; color:#777; list-style:none; background:transparent; font-size:0.7em; }
.terms_container .termList li{padding:10px 5px 10px 0;border-bottom:1px solid #EEE}
#terms_container .termList li{padding:10px 5px 10px 0;border-bottom:1px solid #EEE}
.terms_container .termList li li{padding:10px 5px 0 0;border-bottom:0}
.terms_container .terms_buttons { padding-top: 15px; }
.terms_container .terms_buttons input { float:right; margin-left:10px; }
*/

.note{padding:35px;text-align:center;color:#fff}
#noticeboard{padding:20px;text-align:center;color:#fff}
#noticeboard .noticeboardtable{width:100%;margin-top:12px;margin-bottom:15px}
#noticeboard .noticeboardtable td{vertical-align:top}
#noticeboard .noticeboardtable .noticeboardtableimg{width:20px}
#noticeboard .noticeboardtable .noticeboardtabletxt .menu_item{padding-left:0;background:0}
.map_border{border:5px Solid #fff;-moz-box-shadow:0 0 8px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.7);box-shadow:0 0 8px rgba(0,0,0,0.7)}

.unsaved_changes{display:none;}
#warning_note{text-align:center;}
.default_ul{list-style: none; padding: 2% 0 2% 0;}

.advert_container
{
    position:relative;
    width:100%;
    height:auto;
}
.advert_container img
{
    width:100%;
    height:auto;    
    border:1px Solid #EAEAEA;
}

#inc_login_inner{width:100%; max-width:1050px; margin-left:auto; margin-right:auto;}

.left_info
{
    text-align:left;
    margin: 5px 0px 5px 0px;
}
.center_info
{
    text-align:center;
    margin: 10px 10px 10px 10px;
}
.right_info
{
    text-align:right;
    margin: 5px 0px 5px 0px;
}

.popupmenu_link > .material-icons
{
    color: inherit;
}

.signedout_left_panel
{
    width:45%;
    vertical-align:middle;
    text-align:right;
    border-right:none;
    min-width:150px;
    max-width:400px;
    padding-right:20px;
}

.dotted_underline
{
    border-bottom-width:1px;
    border-bottom-style:dotted;
}

.progressbar
{
    position:relative; 
    display:block; 
    width:100%; 
    background:#EFEFEF;
    height:25px;
    margin-bottom:5px;
    margin-top:5px;
    padding:2px;
    border:1px solid #DDD;
    border-radius:5px;
    box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1);
}
.progressbar .text
{
    text-shadow:0px 0px 3px #FFFFFF;
    position:absolute; 
    width:100%; 
    text-align:center; 
    z-index:5; 
    top:0px; 
    padding-top:7px; 
    color:#000;
}
.progressbar .bar
{
    display:block; 
    height:100%; 
    width:0%; 
    box-shadow:inset 0px 0px 10px rgba(0,0,0,0.6);
    border-radius: 3px
}

.profileimage
{
    border:1px solid #000;
    border-radius:50%;
    max-height:50px;
    max-width:50px;
}

.inner_download
{
    background: rgba(255, 255, 255, 1);
    padding:5%;
    font-size:0.9em;
}
.inner_download h1, .inner_download .download_header1, .inner_download .download_header2
{
    text-align:center;
}

.app_desc
{
    text-align: justify;
}

.downloadapp_imagewrap img {
    width: 100%;
    min-width: 200px;
    text-align: center;
}
.downloadapp_textwrap
{
    width: 33%;
    padding-top: 4%;
    float: left;
    text-align: center;
}
.downloadapp_textwrap p
{
    text-align: justify;
    padding: 5px 10px 5px 10px;
    margin:0px;
    color: #111;
}
.appstore_icon
{
    width: 33.3%;
    float: left;
    text-align: center;
    padding: 15px 0px 15px 0;
}

.center_app_text
{
    text-align: center;
}

.basket_custref, .delivery_location
{
    margin-top:5px;
}

#menu_basket_table
{
    width:100%;
    border-collapse: collapse;
    margin-bottom:10px;
}
#menu_basket_table .b_r1 > .b_d1 
{
    vertical-align:top;
    text-align:left;
}
#menu_basket_table .b_r1 > .b_d2 
{
    vertical-align:top;
    text-align:right;
}
#menu_basket_table .b_r2 > .b_d1 
{
    vertical-align:top;
    text-align:left;
    padding-bottom:10px;
}

.basket_table
{
    width:100%;
    border-collapse: collapse;
}
.basket_table .b_rhead > .b_d0
{
    vertical-align:top;
    width:30px;
    text-align:left;
}
.basket_table .b_rhead > .b_d1 
{
    vertical-align:top;
    text-align:left;
}
.basket_table .b_rhead > .b_d2 
{
    vertical-align:top;
    width:80px;
    text-align:right;
}
.basket_table .b_rsub > .b_d0
{
    vertical-align:top;
    width:30px;
    text-align:left;
}
.basket_table .b_rsub > .b_d1 
{
    vertical-align:top;
    text-align:right;
}
.basket_table .b_rsub > .b_d2 
{
    vertical-align:top;
    width:80px;
    text-align:right;
}
.basket_table .b_rsub > .b_d3 
{
    vertical-align:top;
    width:120px;
    text-align:right;
}
.basket_table .b_r1 > .b_d0
{
    vertical-align:top;
    width:30px;
    text-align:left;
    padding-top:7px;
}
.basket_table .b_r1 > .b_d1 
{
    vertical-align:top;
    text-align:left;
    padding-top:7px;
}
.basket_table .b_r1 > .b_d2 
{
    vertical-align:top;
    width:80px;
    text-align:right;
    padding-top:7px;
}
.basket_table .b_r1 > .b_d3 
{
    vertical-align:top;
    width:120px;
    text-align:right;
}
.basket_table .b_r2 > .b_d1 
{
    vertical-align:top;
    text-align:left;
    padding-bottom:15px;
}
.basket_table .b_r2 > .b_d2 
{
    vertical-align:bottom;
    text-align:right;
    padding-bottom:15px;
}

.basket_price_p
{
    text-align:right;
}

.allergen_image
{
    width:64px;   
    height:64px;
}

.cookie_notification table tr td:nth-child(3n+3) {
    padding: 5px;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
}

.cookie_notification {
    top: 55px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    padding: 20px;
    position: fixed;
    background: rgba(0,0,0,1);
    color: #FFFFFF;
    cursor: pointer;
    z-index: 19;
    font-size: 0.8em;
}
.cookie_notification a
{
    color:#FFFFFF;
    text-decoration:underline;
}
.add_to_homescreen p {
    color:#ffffff;
}
.homeScreen_btn {
    float: left;
}
.homeScreen_close {
    float: right;
}
.add_to_homescreen {
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    padding: 8px 20px;
    position: fixed;
    background: #222;
    color: #FFFFFF;
    cursor: pointer;
    z-index: 99999999999;
    font-size: 0.8em;
}
.nojavascript_notificaton {
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    padding: 20px;
    position: fixed;
    background: #222;
    color: #FFFFFF;
    z-index: 500;
}
.nojavascript_notificaton a
{
    color:#DDD;
}
.nojavascript_notificaton a:hover
{
    color:#FFF;
}

#whoops_wrapper
{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:table;
}
#whoops_wrapper .whoops_inner_wrapper
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    max-width:500px;
}
#whoops_wrapper .whoops_inner_wrapper .whoops_img_wrapper
{
    text-align:center;
    width:100%;
}
#whoops_wrapper .whoops_inner_wrapper .whoops_img_wrapper img
{
    max-height:400px; 
    max-width:400px; 
    width:90%; 
    padding:0px 5% 0px 5%;
}
#whoops_wrapper .whoops_inner_wrapper .whoops_txt_wrapper
{
    text-align:center;
    width:100%;
}
#whoops_wrapper .whoops_inner_wrapper .whoops_txt_wrapper p
{
    text-align:center;     
    margin-left:auto; 
    margin-right:auto;    
    padding:10px; 
    color:#777; 
    max-width:400px; 
}
#whoops_wrapper .whoops_inner_wrapper .whoops_txt_wrapper p.text_title
{
    color:#222;
}

.title_image
{
    max-width:40%;
    min-width:200px;
    border-radius:50%;
    border:10px solid rgba(0,0,0,0.05);
    margin-top:10px;
    margin-bottom:10px;
}

.accountdetails_minor
{
    font-size: 0.9em;
}

.invitation_wrapper
{
    margin-left:auto;
    margin-right:auto;
    padding:20px;
    background:white;
    width:100%;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.image_circle
{
    border-radius: 50%;
}
.image_rounded
{
    border-radius:3px;
}



.basic_wrapper, .idea_panel
{
    background:rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0.15);
    padding:20px 20px 20px 20px;
    margin-bottom:15px;
    border-radius:10px 10px 10px 3px;
}
.idea_panel
{
    background:rgba(255,255,255,0.5);
    border:1px solid rgba(0,0,0,0.1);
}
.basic_wrapper hr
{
    border-top: 1px solid rgba(0,0,0,0.1);
}
.basic_wrapper p, .idea_panel p
{
    margin:15px 0px 0px 0px;
    padding:0px;
    font-size: 1em;
}
.link_break
{
    padding:0px 4px 0px 4px;
    color:rgba(0,0,0,0.7);
}


#recentactivity_quantityfound
{
    padding:0px;
    margin:10px 0px 0px 0px;
    font-size:1em;
}


.current_basket_count
{
    padding-left:10px;
    font-size:0.8em;
    font-style:italic;
}
p.current_basket_count.mobile
{
    text-align:center;
    padding:5px 0px 0px 0px;
}
.cc_pricewrapper
{
    font-size: 0.8em;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    text-align: right;
}
.cc_pricewrapper > .cc_price
{
    font-size: 1.5em;
    font-weight: lighter;
    font-style: italic;    
}


.card_icon
{
    width: 40px;
    display: inline-block;
    margin: 5px 10px 5px 0px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    background-color:#FFF;
}
.card_icon.selected
{
    border-color:rgba(0,0,0,0.9);
}
.card_icon.unselected
{
    opacity:0.3;
}


.downloadapp_panel
{
    background:rgba(250,250,250,1);
    border:1px solid rgba(200,200,200,1);
    border-radius:3px;
    padding:5px;
}
.downloadapp_panel:hover
{
    background:rgba(240,240,240,1);
}
.downloadapp_panel table
{
    width:100%;
}
.downloadapp_panel table td:first-child
{
    width:1px;
}
.downloadapp_panel table td:first-child > .material-icons
{
    font-size:1.8em;
    padding-top:0px;
}
.downloadapp_panel table td:last-child
{
    padding-left:5px;
    font-size:0.8em;
}


#paypalpayment-form
{
    padding:10px 0px 10px 0px;
}

.inner_helpcentre
{
    padding:5%;
    font-size:0.9em;
    text-align: center;
}

.HelpCentreTextBox
{
    width: 10px;
}

.HelpTitle
{
    font-size: 1.5em;
    text-align: center;
    display: inherit;
    padding-bottom: 10px;
}

#help_centre_buttons
{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.infopanel_wrapper
{
    display:none;
}
.blackout, .blackout_temp
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1000;
    background:rgba(0,0,0,0.75);
}
.blackout_temp
{
    animation: animation_fadeout 2s;
    animation-iteration-count: 1;
    opacity:0;
}
@keyframes animation_fadeout {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    display:none;
  }
}
.infopanel_wrapper > .infopanel_innercontainer, .infopanel_wrapper > .imagepanel_innercontainer
{
    position:fixed;
    top:70px;
    left:50%;
    transform:translateX(-50%);
    width:90%;
    max-width:400px;
    background:#FFF;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.2);
    z-index:1000;
    padding:5%;
    text-align:center;
}
.infopanel_wrapper > .imagepanel_innercontainer
{
    padding:10px;
    max-width:500px;
}
.infopanel_wrapper > .imagepanel_innercontainer > img {
    max-width: 100%;
    max-height: 100%;
    min-height: 350px;
}
.infopanel_wrapper > .infopanel_innercontainer > p
{
    padding:0px;
    margin:0px;    
}
.infopanel_wrapper > .infopanel_innercontainer > .header
{
    font-size:1.5em;
}
#signinrequired_panel .sir_h1
{
    font-size:2em;
}
#signinrequired_panel .sir_p1, #signinrequired_panel .sir_p2, .infopanel_wrapper > .infopanel_innercontainer > .text
{
    padding-top:2%;
    padding-bottom:2%;
}
#signinrequired_panel #sir_btnlogin, #signinrequired_panel #sir_btnsignup, #sir_btnguestcheckout 
{
    width: 100%;
}

#loginstatus
{
    display:none;
    visibility:hidden;
    width:0px;
    height:0px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}


.image_tile_container
{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
}
.image_tile_container  > .image_tile
{
    width:70px;
    height:70px;
    display:block;
    margin: 5px;
    background-repeat:no-repeat;
    background-position:center;
    background-size: contain;
    cursor:pointer;
    position:relative;
    opacity:1;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.image_tile_container  > .image_tile > i
{
    color: rgba(255,255,255,0.8);
    position: absolute;
    bottom: 5px;
    right: 0px;
    font-size: 1.7em;
    text-shadow: 0px 0px 10px #000;
}
.image_tile_container  > .image_tile:hover
{
    opacity:0.6;
}
.image_tile_container  > .image_tile:hover > i
{
    color:rgba(255,255,255,1);
}
.image_tile_container  > .image_tile:last-child
{
    padding-right:0px;
}


#full_screen_loader
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 100;
    animation:full_screen_loader_anim 4s linear 0s infinite alternate;
}
#full_screen_loader:after
{
    /*content: 'Please Wait...';*/
    content: url(../images/ring_loader.gif);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    font-size: 23px;
    color: #FFF;
    text-align: center;
    font-weight: lighter;
    font-family: 'Raleway';
    height:70px;
    width:70px;
}
#full_screen_loader.--pleasewait:after
{
    content: 'Please Wait...';
}
#full_screen_loader.--loading:after
{
    content: 'Loading...';
}
#full_screen_loader.--processing:after
{
    content: 'Processing...';
}
@keyframes full_screen_loader_anim 
{
    0%   { background-color:rgba(0,0,0,0.8); }
    100%  { background-color:rgba(10,10,10,0.9); }
}


.clickandcollectimagewrapper
{
    display:none;
}

/* Customer Ref limit text */
._cust_ref_info { font-family: 'Open Sans',Segoe UI,Calibri,sans-serif; font-size: 0.45em; text-transform: capitalize; font-weight: lighter; }

/* Notification Panel Styling */
.Notification_Panel { background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 1); margin-top: 10px; padding: 10px; }
._Hide_Notification_Panel { display: none; }

/* Account Details CSS */
.account_link       { cursor: pointer; padding: 10px 0 10px 10px; }
.account_link:hover { background-color: #EAEAEA; }

/* Password changed message */
.password_success
{
    text-align: center;
}