body {
        background: #fff;
}

a img {
    border: 0;
}

.prev, .next {
        background-image: url(/images/ico_arrows.gif);
        background-repeat: no-repeat;
        display: block;
        width: 10px;
        height: 38px;
        margin-top: 13px;
        overflow: hidden;
        text-indent: -9999px;
}
.prev {
        background-position: 0 0;
}
.next {
        background-position: -10px 0;
}

/* {{{  preview with links */
#preview {
        position: relative;
        margin: 10px 0;

}
html>body #preview { overflow: hidden; }
* html #preview { height: 1%; }
* html #preview div { height: 1%; }
#preview a {
        float: left;
        margin-right: 11px;
}
#preview .panel {
        float: left;
        left: 0;
        width: 380px;
        overflow: hidden;
        height: 64px;
        position: relative;
}
#preview .panel-content {
        float: none;
        left: 0;
        height: 64px;
        position: relative;
        overflow: visible;
        width: 450px;
}
.panel-content a {
    width: 64px;
    background: white;
    height: 75px;
    position: relative;
    text-decoration: none;
}
.panel-content a span {
    position: absolute;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    top: 5px;
    left: 20px;
}
/* }}}  preview with links */


/* {{{  preview with table */
#preview2 {
        position: relative;
        margin: 10px 0;
        width: 420px;
}
#preview2 .prev, #preview2 .next {
        position: absolute;
        top: 5px;
}
#preview2 .prev {
        left: 0;
}
#preview2 .next {
        right: 0;
}
#preview2 .panel {
        width: 380px;
        overflow: hidden;
        height: 66px;
        margin: 0 20px;
        position: relative;
}
#preview2 table {
        left: 0;
        height: 64px;
        position: relative;
        width: 450px;
        table-layout: fixed;
}
#preview2 td {
    width: 75px;
    background: orange;
    padding: 0;
}
/* }}}  preview width table */

/* {{{  preview with links */
#preview3 {
        position: relative;
        margin: 10px 0;
}
html>body #preview3 { overflow: hidden; }
* html #preview3 { height: 1%; }
* html #preview3 div { height: 1%; }
#preview3 a {
        float: left;
        margin-right: 11px;
}
#preview3 .panel {
        float: left;
        left: 0;
        width: 375px;
        overflow: hidden;
        height: 64px;
        position: relative;
}
#preview3 .panel-content {
        float: none;
        left: 0;
        height: 64px;
        position: relative;
        overflow: visible;
        width: 450px;
}
.panel-content a {
    width: 64px;
    background: white;
    height: 75px;
}
/* }}}  preview with links */