Red stripe

Embedding is as simple as placing the following code inside your HTML page:

<script type="text/javascript" src="//www.deliverymaxx.com//Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="//www.deliverymaxx.com//Scripts/jquery.carouFredSel-6.2.0-packed.js"></script>
<style>
    table.review_header_table
    {
        width: 100%;
        border-spacing: 0px;
        margin: 0;
    }
    p.review {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }
    a.fill-div {
        display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
    }
    a.review_link {
        text-decoration: none;
        color: black;
    }
    .review_header_table td.star_rating_column
    {
        text-align: left;
    }
    .review_header_table td.date_column
    {
        vertical-align: top;
        padding: 0px;
        font-weight: bolder;
    }
    .review_date
    {
        padding: 0px;
        text-align: right;
        font-size: 10pt;
    } 
    #container_box {
        position: relative;
    }
    .carousel_item {
        padding: 10px 5px 10px 5px;
        margin: 10px 10px 10px 10px;
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
        -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
        background-color: white;
        width: 400px;
        height: 260px;
        display: block;
        float: left;
    }
    .delivery_image {
        border-radius: 10px 10px 10px 10px;
        border: 1px solid #ccc;
        background-color: white;
        padding: 7px;
        margin: 5px;
        display: block;
        float: left;
    }
    .star_image {
        width: 100px;
        height: 40px;
        display: block;
        float: left;
    }
    .review_text {
        font-size: 10px;
        display: block;
        float: left;
    }
</style>
<div style="margin:20px 0 0 20px">
<script type="text/javascript">
    $(document).ready(function () {
        $("#container_box").carouFredSel({
            auto: {
                items: 4,
                duration: 24000,
                easing: "linear",
                timeoutDuration: 0,
                pauseOnHover: "immediate"
            }
        });
    })
</script>
<script language="JavaScript" src="//www.deliverymaxx.com/RSS.aspx?DealerCode=VNDX,ZSTM,TYEE&make=KIA&model=&mode=carousel&num=10" charset="UTF-8" type="text/javascript"></script>
</div>

Stylesheet file is also available at //www.deliverymaxx.com/Styles/carousel.css - if used, the entire <style> </style> section can be ommitted