* { box-sizing: border-box; } 
body { 
    background: #000000;  
    color: #7F7F7F; 
    font-family: tahoma, arial; 
    font-size: 10px; 
    margin: 0px; 
    padding: 0px; 
    text-align: center; 
    width: 100%; 
} 
* html body { } 
#banner img { 
    width: 100%; 
    height: auto; 
    display: block; 
} 
img { 
    max-width: 100%; 
    height: auto; 
    border: 0px; 
} 
a:link { color: #9D9D9B; font-size: 11px; font-weight: bold; text-decoration: underline; } 
a:visited { color: #9D9D9B; font-size: 11px; font-weight: bold; text-decoration: underline; } 
a:hover, a:active { color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; } 
#footer a:link { color: #FFFFFF; font-size: 11px; font-weight: bold; margin-left: 10px; margin-right: 10px; text-decoration: none; } 
#footer a:visited { color: #FFFFFF; font-size: 11px; font-weight: bold; margin-left: 10px; margin-right: 10px; text-decoration: none; } 
#footer a:hover, #footer a:active { color: #000000; font-size: 11px; font-weight: bold; margin-left: 10px; margin-right: 10px; text-decoration: underline; } 
#banner { clear: both; height: auto; min-height: 100px; width: 100%; overflow: hidden; } 
#container { margin: 0px auto; text-align: left; width: 776px; max-width: 100%; padding: 0 10px; } 
#content { clear: both; background-image: url(images/content-bg.gif); background-repeat: repeat; width: 100%; overflow: hidden; } 
#footer { background: url(images/footer-bg.gif) no-repeat; clear: both; color: #FFFFFF; display: block; font-size: 11px; height: auto; min-height: 108px; padding-top: 20px; padding-bottom: 20px; text-align: center; width: 100%; } 
#headlines { background: #1F1F1F; padding: 10px; width: 100%; overflow: hidden; } 
#left { background: #333333 url(images/content-top-bg.gif) no-repeat 0% 0%; float: left; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 80px; width: 462px; } 
#logo { height: auto; width: 100%; } 
#logo img { width: 100%; height: auto; display: block; } 
#nav { clear: both; display: block; height: auto; min-height: 43px; width: 100%; background-image: url(images/nav-bg.gif); background-repeat: repeat-x; padding-bottom: 5px; } 
#nav ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; text-transform: uppercase; color: #FFFFFF; text-decoration: none; } 
#nav ul { list-style: none; margin: 0px; padding: 0px; text-align:center; } 
.nlink, .nlinkend { float:left; width:auto; list-style: none; display:inline; text-align:center; padding-top: 15px; padding-left: 17px; padding-right: 17px; height:28px; } 
.nlink{ background-image: url(images/nav-line.gif); background-repeat: no-repeat; background-position: right top; } 
.nlinkend { background-image: none; } 
#right { float: left; width: 274px; } 
#right p { margin-top: 0px; } 
* html #right p { margin-top: -5px; } 
#stats { background: #494949; padding: 10px; width: 100%; } 
* html #stats { height: 170px; } 
.date { color: #827961; font-weight: bold; } 
.flt-lft { float: left; margin-right: 20px; } 
.flt-rgt { float: right; } 
.heading1 { background: url(images/heading-bg-1.gif) no-repeat; color: #909090; display: block; font-family: arial, tahoma; font-size: 14px; font-weight: bold; height: 21px; margin-bottom: 12px; padding-left: 40px; padding-top: 4px; width: 181px; } 
* html .heading1 { margin-bottom: 5px; } 
.heading2 { background: url(images/heading-bg-2.gif) no-repeat; color: #909090; display: block; font-family: arial, tahoma; font-size: 14px; font-weight: bold; height: 21px; margin-bottom: 5px; padding-left: 38px; padding-top: 4px; width: 161px; }

/* ==========================================================================
   NEW RESPONSIVE MEDIA QUERY FOR CELL PHONES
   ========================================================================== */
@media screen and (max-width: 776px) {
    body {
        font-size: 14px; /* Increases global font size so text is readable on mobile */
    }
    #container, #content, #left, #right, #footer, #headlines, #stats {
        width: 100% !important; /* Forces containers to fill the mobile screen width */
        float: none !important; /* Cancels desktop side-by-side positioning */
        height: auto !important; /* Prevents heights from clipping long text elements */
    }
    #left {
        padding-top: 30px; /* Lowers header spacing on smaller screens */
    }
    #nav {
        height: auto !important;
    }
    #nav ul {
        display: flex;
        flex-wrap: wrap; /* Allows menu links to wrap nicely to new lines on narrow screens */
        justify-content: center;
    }
    .nlink, .nlinkend {
        float: none !important;
        display: inline-block !important;
        padding: 10px 12px !important;
        height: auto !important;
        background-image: none !important; /* Removes desktop divider lines */
    }
    table {
        width: 100% !important; /* Makes your store merchandise table fit mobile screens */
    }
    td {
        display: block; /* Stacks table details vertically for easy reading */
        width: 100%;
        text-align: center;
        padding: 5px 0;
    }
}