@media print 
{  
    html, body, body * 
    {
        visibility:hidden;
    }         
          
    .printarea, .printarea * 
    {
        visibility:visible;        
    }
        
    .printarea .block_printarea
    {
        display:block !important;
    }
    
    .printarea .exclude_printarea, .printarea .exclude_printarea *
    {
        visibility:hidden !important;
        display:none !important;
        height:0 !important;
    }    
  
    .printarea
    {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        margin:0;
        padding:0 10% 0 10%;
    }
    
    .main_area_desktop, .table_main
    {
        margin:0 !important;
        padding:0 !important;
        top:0 !important;
        left:0 !important;
        width:100% !important;        
    }
    
    .table_main .col1
    {
        display:none;
    }
}

@media screen and (min-width:980px) {
    .desktop            { display:block; }   
    .desktop_td         { display:table-cell; }
    .desktop_tr         { display:table-row; }
    .tablet             { display:none; }
    .tablet_td          { display:none; }
    .mobile             { display:none; }
    .mobile_inline      { display:none; }
    .mobile_td          { display:none; }
    .mobile_tr          { display:none; }
    .mobile_col         { display:none; }
    .not_desktop        { display:none; }
    .not_desktop_td     { display:none; }
    .not_mobile         { display:block; }
    .not_mobile_inline  { display:inline; }
    .not_mobile_td      { display:table-cell; }
    .not_mobile_tr      { display:table-row; }
    .not_mobile_col     { display:table-column; }
    
    #header {display:block;}
    #headerLogin_small { display: none; }
    #headerLogin_large { display: block; }
    #content_menu,#content_text { display: table-cell; }
    #footer { display: table; }
    #footer_mobile { display: none; }
    a.btn_cancel { display: inline; }
    .right_input_column,.right_text_column { width: 60%; }
    .terms_container { width: 100%; }
    .removeable_section { display: block; }
    .replacable_col,.replacable_row,.replacable_section { display: none; }
    .removeable_inline { display: inline; }
    .replacable_inline { display: none; }
    .removeable_col { display: table-cell; }
    .removeable_row,.removeable_m_row { display: table-row; }
    .table_main > tbody > tr > td.col1 { }
    .table_main > tbody > tr > td.col2 { padding:15px 0px 0px 15px; }
    .table_main > tbody > tr > td.colfull { padding:0px 0px 0px 15px; }
    .table_main > tbody > tr:first-child > td:first-child { padding-left:0px; }
    #footer .col1,#footer .col2 { width: 33.33%; }
    #footer .col3 { width: 33.33%; display: table-cell; }
    .toolbar { position: fixed; }
    #pagetitle { margin-top: 0; }
    #inc_login_inner { margin-top:50px; margin-bottom:50px; }
    
    .login_wrapper > .login_logo.left { display:block; }
    .login_wrapper > .mobile_login_logo { display: none; }
    .login_wrapper > .login_form { display:block; }
    #breadcrumb { width: 800px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .is_mobile { display: none; }
}

@media screen and (max-width:980px) {
    .desktop            { display:block; }
    .desktop_td         { display:table-cell; }
    .desktop_tr         { display:table-row; }
    .tablet             { display:none; }
    .tablet_td          { display:none; }
    .mobile             { display:none; }
    .mobile_inline      { display:none; }
    .mobile_td          { display:none; }
    .mobile_tr          { display:none; }
    .mobile_col         { display:none; }
    .not_desktop        { display:none; }
    .not_desktop_td     { display:none; }
    .not_mobile         { display:block; }
    .not_mobile_inline  { display:inline; }
    .not_mobile_td      { display:table-cell; }
    .not_mobile_tr      { display:table-row; }
    .not_mobile_col     { display:table-column; }
    
    #header {display:block;}
    #headerLogin_small { display: none; }
    #headerLogin_large { display: block; }
    #content_menu,#content_text { display: table-cell; }
    #footer { display: table; }
    #footer_mobile { display: none; }
    a.btn_cancel { display: inline; }
    .right_input_column,.right_text_column { width: 60%; }
    .terms_container { width: 100%; }
    .removeable_section { display: block; }
    .replacable_col,.replacable_row,.replacable_section { display: none; }
    .removeable_inline { display: inline; }
    .replacable_inline { display: none; }
    .removeable_col { display: table-cell; }
    .removeable_row,.removeable_m_row { display: table-row; }
    .table_main > tbody > tr > td.col1 { }
    .table_main > tbody > tr > td.col2 { padding:15px 0px 0px 15px; }
    .table_main > tbody > tr > td.colfull { padding:0px 0px 0px 15px; }
    .table_main > tbody > tr > td:first-child { padding-left:0px; }
    #footer .col1,#footer .col2 { width: 33.33%; }
    #footer .col3 { width: 33.33%; display: table-cell; }
    .toolbar { position: fixed; }
    #pagetitle { margin-top: 0; }
    #inc_login_inner { margin-top:50px; margin-bottom:50px; }
    
    .login_wrapper > .login_logo.left { display:block; }
    .login_wrapper > .mobile_login_logo { display: none; }
    .login_wrapper > .login_form { display:block; }
    #breadcrumb { width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media screen and (max-width:768px) {
    .desktop            { display:none; }
    .desktop_td         { display:none; }
    .desktop_tr         { display:none; }
    .tablet             { display:block; }
    .tablet_td          { display:table-cell; }
    .mobile             { display:none; }
    .mobile_inline      { display:none; }
    .mobile_td          { display:none; }
    .mobile_tr          { display:none; }
    .mobile_col         { display:none; }
    .not_desktop        { display:block; }
    .not_desktop_td     { display:table-cell; }
    .not_mobile         { display:block; }
    .not_mobile_inline  { display:inline; }
    .not_mobile_td      { display:table-cell; }
    .not_mobile_tr      { display:table-row; }
    .not_mobile_col     { display:table-column; }
    
    #header {display:block;}
    #headerLogin_large { display: none; }
    #headerLogin_small { display:block; }
    #content_menu { display: none; }
    #content_text { display: table-cell;}
    #footer { display: table; }
    #footer_mobile { display: none; }
    a.btn_cancel { display: inline; }
    .right_input_column,.right_text_column { width: 60%; }
    .terms_container { width: 100%; }
    .removeable_section { display: block; }
    .replacable_col,.replacable_row,.removeable_m_row,.replacable_section { display: none; }
    .removeable_inline { display: inline; }
    .replacable_inline { display: none; }
    .removeable_col { display: table-cell; }
    .removeable_row { display: table-row; }
    .table_main > tbody > tr > td.col1 { }
    .table_main > tbody > tr > td.col2 { padding:15px 15px 0px 15px; }
    .table_main > tbody > tr > td.colfull { padding:0px 15px 0px 15px; }
    #footer .col1,#footer .col2 { width: 50%; }
    #footer .col3 { width: 0; display: none; }
    .toolbar { position: fixed; }
    #pagetitle { margin-top: 0; }
    #inc_login_inner { margin-top:0px; margin-bottom:30px; }
    #btnLogin2 { width:100%; margin-top:10px; }
    
    .login_wrapper > .login_logo.left { display:none; }
    .login_wrapper > .mobile_login_logo { display: none; }
    .login_wrapper > .login_form { display:block; width: 90%; margin-left: 5%; }
    .downloadapp_textwrap p { text-align: center; }
    .downloadapp_textwrap { width: 100%; padding: 10px 0px 10px 0px; }
    .appstore_icon { width: 100%; padding: 5px 0 5px 0; }
    
    table.layout_17 td.top_left .listitem_inner { margin-bottom: 10px; }
    .not_desktop .help_btn { padding: 15px; font-size: 0.9em; }
    #breadcrumb { width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .not_desktop .help_btn { margin-bottom: 10px; }
}

@media screen and (max-width:480px) {
    .desktop            { display:none; }
    .desktop_td         { display:none; }
    .desktop_tr         { display:none; }
    .tablet             { display:none; }
    .tablet_td          { display:none; }
    .mobile             { display:block; }
    .mobile_inline      { display:inline; }
    .mobile_td          { display:table-cell; }
    .mobile_tr          { display:table-row; }
    .mobile_col         { display:table-column; }
    .not_desktop        { display:block; }
    .not_desktop_td     { display:table-cell; }
    .not_mobile         { display:none; }
    .not_mobile_inline  { display:none; }
    .not_mobile_td      { display:none; }
    .not_mobile_tr      { display:none; }
    .not_mobile_col     { display:none; }
    
    #header {display:block;}
    #headerLogin_large { display: none; }
    #headerLogin_small { display: block; }
    #content_menu { display: none; }
    #content_text { display: table-cell; padding:10px 10px 0px 10px; }
    #footer { display: none; }
    #footer_mobile { display: table; }
    #footer_mobile td { text-align: center; }
    a.btn_cancel { display: none; }
    .right_input_column,.right_text_column { width: 75%; }
    .terms_container { width: 98%; }
    .removeable_col,.removeable_row,.removeable_m_row,.removeable_section { display: none; }
    .replacable_section { display: block; }
    .removeable_inline { display: none; }
    .replacable_inline { display: inline; }
    .replacable_col { display: table-cell; }
    .replacable_row { display: table-row; }
    .table_main > tbody > tr > td.col1 { padding:10px 10px 10px 10px; }
    .toolbar { position: fixed; }
    #pagetitle { margin-top: 0; }
    #inc_login_inner { margin-top:0px; margin-bottom:0px; }
    
    input[type='button'], input[type='submit'], a.desktop_button { display: block; width:100% !important; float:none !important; margin-top:10px !important; margin-left:auto !important; margin-right:auto !important;}     
    
    .login_wrapper > .login_logo.left { display:none; }
    .login_wrapper > .mobile_login_logo { display: block; }
    .login_wrapper > .login_form { display:block; width: 90%; margin-left: 5%; }
    .downloadapp_textwrap { width: 100%; padding: 10px 0px 10px 0px; }
    .downloadapp_textwrap .material-icons { font-size: 14px; }
    .downloadapp_textwrap p { text-align: center; }
    .appstore_icon { width: 100%; padding: 5px 0 5px 0; }
    
    #content_text { padding: 5px 5px 0px 5px; }
    .basic_wrapper { margin-bottom:10px; padding: 12px;}
    ul.listitem_wrapper > li:not(.linebreak) div.listitem_inner, .basic_wrapper {  }
    
    /* popup menus for Account and Basket */
    .popup_menu:before { left:50%; margin-left:-9px; }
    .popup_menu:after { left:50%; margin-left:-7px; }
    .popup_menu { top:55px !important; left:0px !important; width:100% !important; border-radius:0px !important; border-left:none; border-right:none; box-shadow: 0px 10px 10px rgba(0,0,0,0.2); max-width:none;}
    #mobile_menu.popup_menu { width:325px !important; border-radius:0px 0px 3px 0px !important; }
    
    /* Help Centre */
    .help_faq { display: none; }
    .help_links > li { display: inline-block; width: 100%; margin-bottom: 10px; }
    .help_links > li:last-child { margin-bottom: 0px; }
    #help_centre { margin-bottom: 0px; }
    #help_header { border-top: 1px solid rgba(0,0,0,0.15) }
    .mobile .help_btn { padding: 15px; font-size: 0.9em; }
    .not_desktop .help_btn { padding: 15px; font-size: 0.9em; }
    table.layout_18 .dateofbirth select { margin-left:0px !important; margin-bottom:5px !important; width:100% !important; }
    table.layout_19 tr td:nth-child(2) { display:none; }
    #breadcrumb { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    #details_list .basic_wrapper:first-child .panel_link { font-size: 0.95em; }
}