/* client-specfic index CSS */
@media (min-width: 900px) {
    #idxWrap            {display: inline-block; width: 60%; vertical-align: top}
    #rightCol           {display: inline-block; width: 40%; vertical-align: top}
}

@media (max-width: 899px) {
    #idxWrap            {display: block;}
    #rightCol           {display: block; margin: 35px 6px 6px 10px;}

    table, tbody, tr, td {
        display: block;
    }
}

#layoutTable                        {padding-right: 10px;}
#stockWrap, #catWrap span.count     {display: none !important}
span.iBlock.catTxt                  {font-size: 14pt !important; font-weight: bold !important}
.catDiv > span                      {max-width: 194px !important}
#leftbar                            {padding-top: 0px !important}

#idxWrap        {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 2px; padding: 0px 10px; margin-bottom: 20px;}
#animContainer  {-moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px;}

.banner img     {width: 320px; height: 190px}

#rightCol {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#rightCol h1:not(:first-child)  {margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px rgb(180, 30, 22)
}

#idxWrap, #animContainer, #rightCol, #rightCol * {
    max-width: 100%;
}

#rightCol p {
    margin: 4px 0 4px 0;
}