body {
    font-family: sans-serif;
}

a {
    text-decoration: none;
    outline: none;
}

a img {
    border: none;
}

#product {
    width: 70%;
    margin: 0 auto;
    min-width: 600px;
    border: solid 2px #D7D7D7;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-top: 14px;
    overflow: hidden;
    zoom: 1;
    position: relative;
    margin-bottom: 20px;
}

    h1 {
        font-size: 1.1em;
        font-weight: bold;
        margin: 6px 0 40px 30px;
        position: relative;
        z-index: 40;
        background-color: #FFFFFF;
    }

    #close {
        position: absolute;
        top: 10px;
        right: 10px;
        visibility: hidden;
        cursor: pointer;
        z-index: 40;
    }

    #productbody {
        overflow: hidden;
        zoom: 1;
        padding: 0 30px;
        height: 280px;
        position: relative;
    }

    #description {
        font-size: 0.8em;
        width: 55%;
        float: left;
        position: absolute;
    }

    #pictures {
        position: absolute;
        right: 45px;
        top: 190px;
        text-align: center;
    }

        .detailedimg {
            cursor: url("../img/cursor-magnify.png"), pointer;
            position: absolute;
            right: 30px;
        }

        .dragging {
            cursor: url("../img/cursor-hand.png"), move;
        }

        #thumbnails, #detailedthumbs {
            list-style: none;
            padding: 4px 2px;
            margin: 0 auto 0 auto;
            background-color: #EDEDED;
            border: 1px solid #EDEDED;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;

        }

        #thumbnails {
            width: 146px;
        }

            .thumbs li {
                display: inline;
            }

            .thumbs li img {
                vertical-align: bottom;
                cursor: pointer;

            }
            .thumbs li img.selected {
                outline: 1px solid #0085CF;
            }

        #detailedthumbs {
            position: absolute;
            bottom: 14px;
            left: 10px;
            margin: 0;
            padding: 8px 8px;
            visibility: hidden;
            z-index: 60;
        }

            #detailedthumbs li {
                margin-right: 8px;
            }

            #detailedthumbs a:hover img, #detailedthumbs a.selected img {
                outline: 1px solid #0085CF;
            }

    #todo .done {
        text-decoration: line-through;
    }