/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
    width: 100%;
    margin-top: 30px;
}

#leftnav
{
    float: left;
    width: 100px;
    text-align: center;
}

#rightnav
{
    float: right;
    width: 100px;
    margin-right: 20px;
    text-align: center;
}

#numnav
{
    float: inherit;
    text-align: center;
}

/* Window Event Box */

#outerpair1
{
    background: url(../../images/popup/upperrightfade.png) right top no-repeat;
    width: 400px;
}

#outerpair2
{
    background: url(../../images/popup/lowerleftfade.png) left bottom no-repeat;
    padding-top: 8px;
    padding-left: 8px;
}

#shadowbox
{
    background-image: url(../../images/popup/shadow.png);
    background-position: right bottom;
}

#innerbox
{
    position: relative;
    left: -8px;
    top: -8px;
    border: solid 1px black;
}

#navtxt
{
    position: relative;
    text-align: left;
    font: normal 12px arial;
    background-color: white;
    color: black;
    left: -8px;
    top: -8px;
    border: solid 1px black;
}
/* fuck you IE */