<% Html.Obout(new ListBox("ListBox1")
    {
        Width = 400,
        Height = 250,
        HeaderTemplate = new OboutMvcTemplate<ListBoxHeaderTemplateContainerInfo>((info) =>
                {%>
                    <div class="header c1"> </div>
	                <div class="header c2">PRODUCT NAME</div>
	                <div class="header c3">PRICE</div>
                <%}),
            ItemTemplate = new OboutMvcTemplate<ListBoxItem>((item) =>
                {%>
                    <div class="item c1"><img src="/Content/Resources/sample-product.jpg" alt="" /></div>
	                <div class="item c2"><%= ((oboutSuite.Product)item.DataItem).ProductName%></div>
	                <div class="item c3"><%= string.Format("{0:C2}", ((oboutSuite.Product)item.DataItem).UnitPrice)%>
                    </div>
                <%}),
            FooterTemplate = new OboutMvcTemplate<ListBoxFooterTemplateContainerInfo>((data) =>
                {%>
                    Displaying <%= data.ItemsCount %> items.
                <%})
      
        }); %>
    

    <% Html.Obout(new ListBox("ListBox1")
    {
        Width = 400,
        Height = 250,
        HeaderTemplate = new OboutMvcTemplate<ListBoxHeaderTemplateContainerInfo>(
            @:<div class="header c1"> </div>
	            <div class="header c2">PRODUCT NAME</div>
	            <div class="header c3">PRICE</div>
            ),
        ItemTemplate = new OboutMvcTemplate<ListBoxItem>(
            @:<div class="item c1"><img src="/Content/Resources/sample-product.jpg" alt="" /></div>
	            <div class="item c2">@(((oboutSuite.Product)item.DataItem).ProductName)</div>
	            <div class="item c3">@(string.Format("{0:C2}", ((oboutSuite.Product)item.DataItem).UnitPrice))
                </div>
            ),
        FooterTemplate = new OboutMvcTemplate<ListBoxFooterTemplateContainerInfo>(
            @:Displaying @(item.ItemsCount) items.
            )
        }); %>
    

 
    .ob_iLboICBC li, .ob_iLboICBC li b, .ob_iLboICBC li.ih i
    {
        height: 50px !important;
        line-height: 50px !important;
    }
        
    .ob_iLboICBC li b img, .ob_iLboICBC li div img
    {
        margin-top: 3px !important;
        height: 45px !important;
    }
        
    .ob_iLboICBC li.ih, .ob_iLboICBC li.ih b, .ob_iLboICBC li.ih i
    {
        background-image: none !important;
        background-color: #CEF0F9 !important;
    }
        
    .item
    {
        position: relative !important;
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        overflow: hidden;
        white-space: nowrap;
        height: 50px;
    }
        
    .header
    {
        margin-left: 2px;
    }
   
    .c1
    {
        width: 45px;
    }
        
    .c2
    {
        margin-left: 10px;
        width: 180px;
    }
        
    .c3
    {
        margin-left: 10px;
        width: 90px;
    }