﻿
@media all and (min-width:1024px){
    html
    {
    background: url(https://lib.store.yahoo.net/lib/usappliance/ey-site-wrapper.jpg) repeat-x #d2d2d2;
    }

    body
    {
    margin: 0 auto;
    color: black;
    font: normal 12px arial;
    }

    img
    {
    border: 0;
    }

    #ys_cartPage .searchGo
    {
    left: 575px;
    position: absolute;
    top: 58px;
    }

    #ys_cartPage .searchIn
    {
    /*background: none repeat scroll 0 0 transparent;*/
    border: 0 none;
    left: 346px;
    position: absolute;
    top: 55px;
    width: 215px;
    }

    #ys_shipBillPage .searchGo, #ys_reviewPage .searchGo, #ys_confirmationPage .searchGo, #ys_statusPage .searchGo, #ys_catreqPage .searchGo
    {
    display: none;
    }

    #ys_shipBillPage .searchIn, #ys_reviewPage .searchIn, #ys_confirmationPage .searchIn, #ys_statusPage .searchIn, #ys_catreqPage .searchIn
    {
    display: none;
    }

    #cartTop
    {
    display: block;
    }

    #ys_catreqPage #ys_pageBody form #ys_cartInfo #cartTop
    {
    display: none !important;
    }

    .review-message
    {
    font: bold 12px arial;
    color: #545353;
    }

    #Header
    {
    position: relative;
    width: 985px;
    }

    .header-links
    {
    position: absolute;
    top: 4px;
    right: 9px;
    font: normal 12px arial;
    color: #545353;
    }

    .header-links a
    {
    font: normal 12px arial;
    color: #545353;
    text-decoration: none;
    }

    .header-links a:hover
    {
    font: normal 12px arial;
    color: #545353;
    text-decoration: underline;
    }

    .header-links a:visited
    {
    font: normal 12px arial;
    color: #545353;
    text-decoration: none;
    }

    .header-links a:active
    {
    font: normal 12px arial;
    color: #545353;
    text-decoration: none;
    }

    .ys_wrapper
    {
    width: 985px !important;
    background: #ffffff;
    }

    #ys_pageBody
    {
    width: 923px !important;
    background: #ffffff;

    }

    #ys_pageBody.ys_sideBar
    {
    border: none !important;
    background: #ffffff;
    width: 965px !important;
    }

    #ys_cartInfo
    {
    width: 923px !important;
    margin: 10px auto;
    }

    table.ys_basket thead tr.ys_head th
    {
    display: none;
    }

    #ys_cartInfo #ys_cart
    {
    margin: 0;
    }

    table.ys_basket thead tr
    {
    background: #dbdbdb;
    font: normal 12px arial;
    text-transform: uppercase;
    }

    table.ys_basket tbody tr.ys_updateQty
    {
    background: #ffffff !important;
    }

    table.ys_basket tbody tr.ys_orderLine
    {
    background: #dbdbdb;
    }

    table.ys_basket tbody tr.ys_lastRow td.ys_first
    {
    font: bold 18px arial;
    color: #d20808;
    }

    table.ys_basket tbody tr.ys_lastRow td.ys_last
    {
    font: bold 18px arial;
    color: #d20808;
    }

    td.ys_last, table.ys_basket .ys_cost
    {
    text-align: center !important;
    }

    #ys_pageBody #ys_relatedItems
    {
    margin: 0 auto;
    width: 923px;
    }

    #ys_cartPage #ys_pageBody #ys_relatedItems h3
    {
    display: none;
    }

    div.ys_pageActions
    {
    margin: 20px auto;
    width: 923px;
    }

    #ys_pageBody #ys_pageMessage
    {
    text-align: center;
    }

    #ys_mastFoot
    {
    background: #d2d2d2;
    }

    table.ys_basket tbody td img
    {
    float: right;
    }

    #Footer
    {
    clear: both;
    width: 985px;
    background: url(https://lib.store.yahoo.net/lib/usappliance/ey-footer-gradient.jpg) repeat-x center bottom #2c60c2;
    position: relative;
    }

    .footer-links
    {
    position: absolute;
    left: 216px;
    top: 6px;
    font: normal 12px arial;
    color: #ffffff;
    }

    .footer-links a
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: none;
    }

    .footer-links a:hover
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: underline;
    }

    .footer-links a:visited
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: none;
    }

    .footer-links a:active
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: none;
    }

    #Footer p
    {
    margin: 0;
    padding: 20px 0 0;
    }

    #Footer .bottom-links
    {
    font: normal 12px arial;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    }

    #Footer .bottom-links a
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: none;
    }

    #Footer .bottom-links a:hover
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: underline;
    }

    #Footer .bottom-links a:visited
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: none;
    }

    #Footer .bottom-links a:active
    {
    font: normal 12px arial;
    color: #ffffff;
    text-decoration: none;
    }

    .copyright
    {
    text-align: center;
    margin-top: 10px;
    }

    #ys_mastFoot #ys_merchFooter, #ys_mastFoot #ys_yFooter
    {
    }

    #ys_pageMessage p
    {
    display: inline;
    }

    #ys_pageMessage p span img
    {
    vertical-align: middle;
    }

    .toll-free
    {
    position: absolute;
    top: 40px;
    right: 20px;
    font: normal 12px arial;
    color: #545353;
    }

    .auto-style4
    {
    font: normal 16px arial;
    color: #1559AC;
    text-decoration: none;
    }

    .seallogo
    {
    position: absolute;
    right: 10px;
    top: 44px;
    }

    .monfri
    {
    position: absolute;
    color: #6c6c6c;
    right: 80px;
    top: 45px;
    font: normal 10px arial;
    }

    .telnum
    {
    position: absolute;
    color: #2b5fc2;
    right: 80px;
    top: 57px;
    font: bold 23px arial;
    }
    
    .mobile-header{
        display:none;
    }
    
}


@media all and (max-width:1023px){
    .mobile-header{
        display:block !important;
    }
    
    .mobile-header > a{
        display:block;
        text-align: center;
    }
    
    .mobile-header > div{
        text-align: center;
        padding:10px 0;
    }
    
    .mobile-header img{
        margin:0 auto;
        max-width:80%;
        height: auto;
    }
    
    #universal_badge{
        display:none;
    }
}
