<tpl if="type !== 'center'">
        <div class='carouselCard vertical'>
            <div class="imageArea">
                <img src='{image}' />
            </div>
            <div class="textArea">
                <div class='{logo}'></div>
                <div class='title'>{title}</div>
                <div class='text'>{text}</div>
                <div class='linkArea'>
                    <tpl if="links">
                    <table>
                    <tr>
                        <tpl for="links">
                            <td>
                            <div link="{link}" transition="{transition}"><a><img src="{image}" title="{text}" /></a></div>
                            </td>
                        </tpl>
                    </tr>
                    </table>
                    </tpl>
                </div>
            </div>
        </div>
    </tpl>
    <tpl if="type === 'center'">
        <div class='carouselCard center'>
            <div class='imageArea'>
                <img src='{image}' />
            </div>
            <div class='textArea'>
                <table><tr><td class="first">
                <div>
                    <div class='{logo}'></div>
                    <div class='title'>{title}</div>
                    <div class='text'>{text}</div>
                </div>
                <div class='linkArea'>
                    <tpl if="links">
                    <table>
                    <tr>
                        <tpl for="links">
                            <td>
                            <div link="{link}" transition="{transition}"><a><img src="{image}" title="{text}" /></a></div>
                            </td>
                        </tpl>
                    </tr>
                    </table>
                    </tpl>
                </div>
                </td></tr></table>
            </div>
        </div>
    </tpl>

<tpl if="type === 'top'">
        <div class='carouselCard vertical'>
            <div class="imageArea">
                <img src='{image}' />
            </div>
            <div class="textArea">
                <div class='{logo}'></div>
                <div class='title'>{title}</div>
                <div class='text'>{text}</div>
                <div class='linkArea'>
                    <tpl if="links">
                    <table>
                    <tr>
                        <tpl for="links">
                            <td>
                            <div link="{link}" transition="{transition}"><a><img src="{image}" title="{text}" /></a></div>
                            </td>
                        </tpl>
                    </tr>
                    </table>
                    </tpl>
                </div>
            </div>
        </div>
    </tpl>
    <tpl if="type === 'bottom'">
        <div class='carouselCard vertical'>
            <div class='textArea'>
                <div class='{logo}'></div>
                <div class='title'>{title}</div>
                <div class='text'>{text}</div>
                <div class='linkArea'>
                    <tpl if="links">
                    <table>
                    <tr>
                        <tpl for="links">
                            <td>
                            <div link="{link}" transition="{transition}"><a><img src="{image}" title="{text}" /></a></div>
                            </td>
                        </tpl>
                    </tr>
                    </table>
                    </tpl>
                </div>
            </div>
            <div class='imageArea'>
                <img src='{image}' />
            </div>
        </div>
    </tpl>
    <tpl if="type === 'center'">
        <div class='carouselCard center'>
            <div class='imageArea'>
                <img src='{image}' />
            </div>
            <div class='textArea'>
                <table><tr><td class="first">
                <div>
                    <div class='{logo}'></div>
                    <div class='title'>{title}</div>
                    <div class='text'>{text}</div>
                </div>
                <div class='linkArea'>
                    <tpl if="links">
                    <table>
                    <tr>
                        <tpl for="links">
                            <td>
                            <div link="{link}" transition="{transition}"><a><img src="{image}" title="{text}" /></a></div>
                            </td>
                        </tpl>
                    </tr>
                    </table>
                    </tpl>
                </div>
                </td></tr></table>
            </div>
        </div>
    </tpl>
    <tpl if="type == 'left'">
        <div class='carouselCard horizontal'>
            <table>
                <tr>
                    <td class='imageArea'>
                        <img src='{image}' />
                    </td>
                    <td class='textArea'>
                        <div>
                            <div class='{logo}'></div>
                            <div class='title'>{title}</div>
                            <div class='text'>{text}</div>
                        </div>
                        <div class='linkArea'>
                            <tpl if="links">
                            <table>
                            <tr>
                                <tpl for="links">
                                    <td>
                                    <div link="{link}" transition="{transition}"><a><img src="{image}" title="{text}" /></a></div>
                                    </td>
                                </tpl>
                            </tr>
                            </table>
                            </tpl>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </tpl>
    <tpl if="type == 'right'">
         <div class='carouselCard horizontal'>
            <table>
                <tr>
                    <td class='textArea'>
                        <div>
                            <div class='{logo}'></div>
                            <div class='title'>{title}</div>
                            <div class='text'>{text}</div>
                        </div>
                        <div class='linkArea'>
                            <tpl if="links">
                            <table>
                            <tr>
                                <tpl for="links">
                                    <td>
                                    <div link="{link}" transition="{transition}"><a><img src="{image}" title="{text}" /></a></div>
                                    </td>
                                </tpl>
                            </tr>
                            </table>
                            </tpl>
                        </div>
                    </td>
                    <td class='imageArea'>
                        <img src='{image}' />
                    </td>
                </tr>
            </table>
        </div>
    </tpl>

<div class='listItem'>
        <table>
            <tr>
            <tpl if="image !== ''">
                <td><img src='{image}'></td>
                <td><div class='title'>{title}</div><div class='text'>{text}
                    <tpl if="links.length != 1">
                        <table><tr>
                            <tpl for="links">
                                <td style="padding-right:15px;">
                                    <div link="{link}" transition="{transition}"><a href="#" class="infoLink">{text}</a></div>
                                </td>
                            </tpl>
                        </tr></table>
                    </tpl>
                    </div>
                </td>
            </tpl>
            <tpl if="image === ''">
                <td colspan=2><div class='title'>{title}</div><div class='text'>{text}
                    <tpl if="links.length != 1">
                        <table><tr>
                            <tpl for="links">
                                 <td style="padding-right:15px;">
                                    <div link="{link}" transition="{transition}"><a href="#" class="infoLink">{text}</a></div>
                                </td>
                            </tpl>
                        </tr>
                        </table>
                    </tpl>
                    </div>
                </td>
            </tpl>
            </tr>
    </table>
    </div>

<div class="infoItem">
        <tpl if="type == 'left'">
            <table>
                <tr>
                    <td>
                        <img src='{image}' style='max-height: 10em;margin:.8em;' />
                    </td>
                    <td>
                        <div class='title'>{title}</div>
                        <div class='text'>{text}</div>
                        <tpl if="links">
                        <table>
                        <tr>
                            <tpl for="links">
                                <td>
                                <div link="{link}" transition="{transition}"><a href="#" class="infoLink">{text}</a></div>
                                </td>
                            </tpl>
                        </tr>
                        </table>
                        </tpl>
                    </td>
                </tr>
            </table>
        </tpl>
        <tpl if="type == 'right'">
            <table>
            <tr>
                <td>
                    <div class='title'>{title}</div>
                    <div class='text'>{text}</div>
                    <tpl if="links">
                        <table>
                        <tr>
                            <tpl for="links">
                                <td>
                                <div link="{link}" transition="{transition}"><a href="#" class="infoLink">{text}</a></div>
                                </td>
                            </tpl>
                        </tr>
                        </table>
                    </tpl>
                </td>
                <td>
                    <img src='{image}' style='' />
                </td>
            </tr> 
            </table>
        </tpl>
    </div>

<div class='productItem'>
        <table>
            <tr>
                <td>
                    <img class='productImage' src='{image}'>
                </td>
                <td>
                    <div class='title'>{title}</div>
                    <div class='text'>{text}</div>
                    <table>
                    <tr>
                        <td>
                            <tpl if="features">
                            <table>
                            <tr>
                                <tpl for="features">
                                    <td>
                                    <div link="{link}" transition="{transition}"><a><img class='featureImage' src="{image}" title="{text}" /></a></div>
                                    </td>
                                </tpl>
                            </tr>
                            </table>
                            </tpl>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <div class='price'>{price}</div>
                        </td>
                    </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>

<div class="infoMastHead">
        <div class='spacer'> </div>
        <div class='container'>
            <tpl if="type === 'top'">
                
                
                <div class='title'>{title}</div>
                <div class='text'>{text}</div>
            </tpl>
            <tpl if="type === 'left'">
                <table>
                    <tr>
                        <td>
                            <img src='{image}'/>
                        </td>
                        <td>
                            <div class='{logo}'></div>
                            <div class='title'>{title}</div>
                            <div class='text'>{text}</div>
                        </td>
                    </tr>
                </table>
            </tpl>
            <tpl if="type === 'right'">
                <table>
                    <tr>
                        <td>
                            <div class='{logo}'></div>
                            <div class='title'>{title}</div>
                            <div class='text'>{text}</div>
                        </td>
                        <td>
                            <img src='{image}'/>
                        </td>
                    </tr>
                </table>
            </tpl>
            <tpl if="type === 'bottom'">
                <div class='{logo}'></div>
                <div class='title'>{title}</div>
                <div class='text'>{text}</div>
                <img src='{image}'/>
            </tpl>
            <tpl if="type === 'center'">
                <img src='{image}' />
                <div style='position:absolute;top:25%;left:0px;text-align:center;width:100%;'>
                    <div class='{logo}'></div>
                    <div class='title' style='color:white'>{title}</div>
                    <div class='text' style='color:white'>{text}</div>
                </div>
            </tpl>
        </div>
    </div>

Choose your experience

Tablet users can view our full site or experience our mobile optimized site.