/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
        cursor: default;
        list-style: none;
}

.hoverbox a
{
        cursor: default;
}

.hoverbox a .preview
{
        display: none;
}

.hoverbox a:hover .preview
{
        display: block;
        position: absolute;
        top: -22px;
        left: -20px;
        z-index: 1;
}

.hoverbox img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        text-align: left;
        vertical-align: top;
        width: 100px;
        height: 75px;

}

.hoverbox li
{
        /*background: #eeeeee; */
        border-color: #dddddd #bbbbbb #aaaaaa #cccccc;
        border-style: solid;
        border-width: 0px;
        color: inherit;
        display: inline;
        float: left;
        margin: 15px;
        margin-bottom: 19px;
        position: relative;
        left: 5px;
}

.hoverbox .preview
{
        border-color: #000;
        width: 165px;
        height: 120px;
}