IMVU Product Page Layout Code

<html>
    <head>
        <style type="text/css">
            #layoutWrapper {
                background-color: #121212;
                border: 1px solid #666666;
                height: 470px;
                position: relative;
                width: 900px;
            }

            #productImage, #productTitle, #productDescription, #productNotes, #relatedProducts {
                position: absolute;
            }

            #productTitle, #productDescription, #productNotes {
                border-left: 1px dotted #666666;
                border-bottom: 1px dotted #666666;
            }

            #productImage, #productTitle, #productDescription, #productNotes, span, #relatedProducts {
                text-align: center;
            }

            #productImage {
                border-bottom: 1px dotted #666666;
                height: 350px;
                width: 500px;
            }

            #productImage img {
                max-height: 350px;
                max-width: 500px;
            }

            #productTitle {
                color: #7CFF7C;
                height: 55px;
                left: 502px;
                width: 396px;
            }

            #productDescription {
                color: #66AFFF;
                height: 196px;
                left: 502px;
                top: 57px;
                width: 396px;
            }

            #productDescription p {
                padding: 0 20px;
            }

            #productNotes {
                color: #B92E2E;
                height: 96px;
                left: 502px;
                top: 254px;
                width: 396px;
            }

            span {
                border-bottom: 1px dotted #666666;
                color: #FFFFFF;
                display: block;
                font-size:
                font-weight: bold;
            }

            #layoutWrapper h4 {
                margin: 0px;
                text-transform: uppercase;
            }

            #layoutWrapper ul {
                list-style: none;
                margin: 5px 0px 0px 0px;
                padding: 0px;
            }

            #relatedProducts {
                height: 96px;
                top: 351px;
                width: 900px;
            }

            #relatedProducts a {
                display: inline-block;
                margin-top: 5px;
                padding: 3px;
            }
        </style>
    </head>
    <body >
        <div id="layoutWrapper">
            <div id="productImage">
                <img src="" />
            </div>
            <div id="productTitle">
                <span><h4>Title</h4></span>

            </div>
            <div id="productDescription">
                <span><h4>Description</h4></span>
                <p></p>
            </div>
            <div id="productNotes">
                <span><h4>Notes</h4></span>
                <ul>
                    <li>Try BEFORE you buy!</li>
                    <li>Please Leave a review!</li>
                    <li>Problems or comments, send me a message!</li>
                </ul>
            </div>
            <div id="relatedProducts">
                <span><h4>Related Products</h4></span>
                <a href=""><img style="width: 100px; height: 80px;" src="" /></a>
                <a href=""><img style="width: 100px; height: 80px;" src="" /></a>
                <a href=""><img style="width: 100px; height: 80px;" src="" /></a>
                <a href=""><img style="width: 100px; height: 80px;" src="" /></a>
            </div>
        </div>
    </body>
</html>