﻿#mobilenavholder{display:none}

@media only screen and (max-width:480px) {
    .search input{padding:5px}
    div.logo{width:100%}
    td.logo{width:100%;table-layout:fixed}
    td.controls{padding-top: 10px; padding-right: 0;text-align:center;width:100%}
    div.outerholder{width:100%;margin:0;padding:0}
    div.leftcolumn,div.rightcolumn{float:none;margin-left:0;width:100%;clear:both;padding-left:0}
    div.leftcolumn a, div.leftcolumn span{padding:15px 10px;}
    #ctl00_Panel_fader, #ctl00_Panel_promo,.itemvalue,.itemtax,#sagepaylogo, .topnav,.secondarynav,#gallery{display:none}
    div.maincontent{margin:0}
    #ctl00_HyperLink_logo img{max-width:100%}
    table.header{background-image:none}
    table.header td{display:inline-table}
    #ctl00_outerholder .footer{height:auto}
    .footer .col,.footer .end{float:none;width:100%;height:auto;text-align:center;padding-left:0;border-width:0}
    .footer a{display:block;margin:5px 0}  
    #ctl00_ContentPlaceHolder1_Button_AddToBasket{margin-top:5px}    
    .basketcontrols .genericbtnsmall{display:inline;}
    .promocode{float:none;margin-top:0}      
    /*a#jump{display:block;text-align:center;border-radius: 10px;border:1px solid #CCC;padding:5px;text-decoration:none;background-color:#FFF}*/
    a#jump:hover{background-color:#EEE}
    div.cc{margin-left:0} 
    #mobilenavholder{display:block;text-align:center}
    #mobilenav{padding:5px}   
    .cc td{display:inline-table}
    #ctl00_ContentPlaceHolder1_Panel_calendar td{display:table-cell}
    #div_tmprc{display:none}

    .threecolumn {
        width: 44%;
        margin: 0 3% 1.5em 3%
    }

    .imageled img {
        max-width: 100%;
        height:auto;
    }

    .imageleddivider {
        clear: none
    }

    .stockstatus {
        font-size: 0.9em
    }

    .imageled p {
        margin-bottom: 2em
    }

    .pagingcontrols td {
        display: table-cell
    }

    #ctl00_td_search {
        float: left;
        /*border:1px solid #000;*/
        width: 59%;
        margin-left: 19%;
    }

        #ctl00_td_search input[type=text] {
            width: 50%;
        }

    #ctl00_Panel_normalcontrols {
        float: right;
        /*border: 1px solid #000;*/
        width: 20%;
        font-size: 0.7em;
        padding: 1em 0;
    }

        #ctl00_Panel_normalcontrols span {
            display: block;
        }

    a#jump {
        float: left;
        display: inline;
        margin-top: -45px;
        margin-left: 3%;
        border: 1px solid #CCC;
        width: 13%;
        overflow: hidden;
        padding-left: 13%;
        box-sizing: border-box;
        position: relative;
        height: 3em;
        border-radius: 5px;
    }

        a#jump:before {
            content: "";
            position: absolute;
            left: 15%;
            top: 0.4em;
            width: 70%;
            height: 0.4em;
            background: #666;
            box-shadow: 0 0.75em 0 0 #666, 0 1.5em 0 0 #666;
        }

    input.genericbtnlarge {
        border-radius: unset;
    }
    .search{margin-top:10px}
    h1.prod + div table:first-child{max-width:45%}
    #ctl00_ContentPlaceHolder1_HyperLink_image1 img{max-width:100%;height:auto}
    iframe{max-width:100% !important}
}
@media only screen and (max-width:360px) {
    #ctl00_Panel_spotlights td{display:inline-table;
                               background-size:cover !important}
    .spotlight{width:100%;margin-bottom:10px}
    .spotlight h3{position:absolute;bottom:0;left:0;right:0}     
}
@media only screen and (orientation:portrait) {
   
}