/*
#Stock Check
|Locations Used|
|---------|
|Stock Check|
|Product Pages|

|Classes|
|---------|
||

```
<a target="_blank" onclick="" href="#">    
    <img src="/Products/Image/GetImage/995?typeCode=M" alt="ModelNum Stock Check">
</a>
```

#3D

|Locations Used|
|------|
|Product pages|

|Classes|
|------|
|prod-add-ons|
|prod-resources|
|prod-resources-img|
|prod-resources-title|

```
<img src="/Products/Image/GetImage/994?typeCode=M" alt="ModelNum 3D Model">
```

#PDF

|Locations Used|
|--------|
|Landing pages|

|Classes|
|------|
||

```
<img src="/products/image/getimage/991?typecode=m" alt="PDF Title">
```

#RoHS

|Locations Used|
|----------|
|Product Pages|

|Classes|
|--------|
||

```
<img src="/products/image/getimage/993?typecode=m" alt="RoHS Compliance">
```
#PTP

|Locations Used|
|---------|
|Resource Hub|


|Classes|
|---------|
||

```
<img src="/products/image/getimage/1689?typecode=m" alt="PTP Title">
```

#PPT

|Locations Used|
|--------|
|Landing pages|

|Classes|
|------|
||

```
<img src="/products/image/getimage/992?typecode=m" alt="Encapsulated Ac-Dc Modules">
```

#Video Icon

|Locations Used|
|--------|
|Landing pages|

|Classes|
|------|
||

```
<img src="/products/image/getimage/996?typecode=m" alt="The video title goes here">
```

#Search Icon

|Locations Used|
|---------|
|Stock Check|
|3D Model Library|
|navigation bar|

|Classes|
|---------|
||

```
<input id="stockchecksearchbutton" class="" type="image" src="/images/icons/search-button-regular.png" alt="Submit" value="Search">
```

#Social Media
|Locations Used|
|---------|
|Sitewide|


|Classes|
|---------|
|social|
|img|

```
<section>
    <div style="position:inherit;" class="social"> <!-- style="position:inherit;" was added to keep the bar from sticking to the right side of the screen --> 
        <ul>
            <li>
                <a href="http://www.facebook.com/#!/pages/CUI-Inc/156848194430?ref=ts" class="img" target="blank">
                    <img src="/images/icons/facebook.png" alt="CUI on Facebook">
                </a>
            </li>
            <li>
                <a href="https://twitter.com/#!/CUIInc" class="img" target="blank">
                    <img src="/images/icons/twitter.png" alt="CUI on Twitter">
                </a>
            </li>
                <li>
                <a href="https://plus.google.com/b/111284534911495373102/#111284534911495373102/posts" class="img" target="blank">
                    <img src="/images/icons/google-plus.png" alt="CUI on Google+">
                </a>
            </li>
                <li>
                <a href="http://www.linkedin.com/companies/99891" class="img" target="blank">
                    <img src="/images/icons/linkedin.png" alt="CUI on Linkedin">
                </a>
            </li>
            <li>
                <a href="https://www.youtube.com/user/CUIproducts" class="img" target="blank">
                    <img src="/images/icons/youtube.png" alt="CUI on Linkedin">
                </a>
            </li>
        </ul>   
    </div>
</section>
```

|Locations Used|
|---------|
|Sitewide|


|Classes|
|---------|
|img|
```
<a href="http://www.facebook.com/#!/pages/CUI-Inc/156848194430?ref=ts" class="img" target="blank">
                        <img src="/images/icons/facebook.png" alt="CUI on Facebook">
                    </a>
```


|Locations Used|
|---------|
|Sitewide|


|Classes|
|---------|
|img|
```
<a href="https://twitter.com/#!/CUIInc" class="img" target="blank">
                        <img src="/images/icons/twitter.png" alt="CUI on Twitter">
                    </a>
```

|Locations Used|
|---------|
|Sitewide|


|Classes|
|---------|
|img|
```
<a href="https://plus.google.com/b/111284534911495373102/#111284534911495373102/posts" class="img" target="blank">
                        <img src="/images/icons/google-plus.png" alt="CUI on Google+">
                    </a>
```

|Locations Used|
|---------|
|Sitewide|


|Classes|
|---------|
|img|
```
<a href="http://www.linkedin.com/companies/99891" class="img" target="blank">
                        <img src="/images/icons/linkedin.png" alt="CUI on Linkedin">
                    </a>
```

|Locations Used|
|---------|
|Sitewide|


|Classes|
|---------|
|img|
```
<a href="https://www.youtube.com/user/CUIproducts" class="img" target="blank">
                        <img src="/images/icons/youtube.png" alt="CUI on Youtube">
                    </a>
```

#Landing Page Icons

|Locations Used|
|-------------|
|Site wide|

|Classes|
|------|
|nav-item|


```

Power:<img src="/products/image/getimage/1686?typecode=m">
Components:<img src="/products/image/getimage/1685?typecode=m">
Resources:<img src="/products/image/getimage/1685?typecode=m">
Company:<img src="/products/image/getimage/1684?typecode=m">
```

#Product Addons

<h3>Product Addons Wrapper</h3>

|Locations Used|
|------|
|Product pages|

|Classes|
|-----|
|prod-add-ons|

```
<section class="unit size1of1 prod-add-ons">
    <div class="line">
        <!-- -----------------------------------------------------------------------------------------
            --
            -- Start product add ons section. This will house all the data sheets, RoHS, and 3D model 
            -- links. responsively set to house up to 7 different resources accross. 
            --
        ------------------------------------------------------------------------------------------ -->
                    <!-- Start Datasheets Link -->
                    <div class="unit size1of7 prod-resources">
                        <div class="unit size1of3 prod-resources-img">
                            <a href="/product/resource/pdf/css-0575a-smt.pdf" data-eventaction='Datasheet-CUI'  data-eventlabel='CSS-0575A-SMT' target="_blank">
                                <img src="/products/image/getimage/991?typecode=m" alt="CSS-0575A-SMT.pdf Datasheet">
                            </a>
                        </div>
                        <div class="unit size2of3 prod-resources-title">
                            <a class="productResourceLink" href="/product/resource/pdf/css-0575a-smt.pdf" data-eventaction='Datasheet-CUI' data-eventlabel='CSS-0575A-SMT' target="_blank">Datasheet</a>
                                             
                        </div>
                    </div>
                    <!-- Start Datasheets Link -->
                    <div class="unit size1of7 prod-resources">
                        <div class="unit size1of3 prod-resources-img">
                            <a href="/product/resource/pdf/buzzers-buzzersounds.pdf" data-eventaction='Product Training Presentations'  data-eventlabel='CSS-0575A-SMT' target="_blank">
                                <img src="/products/image/getimage/992?typecode=m" alt="Buzzers_BuzzerSounds.pdf Datasheet">
                            </a>
                        </div>
                        <div class="unit size2of3 prod-resources-title">
                            <a class="productResourceLink" href="/product/resource/pdf/buzzers-buzzersounds.pdf" data-eventaction='Product Training Presentations' data-eventlabel='CSS-0575A-SMT' target="_blank">Product Training Presentations</a>
                                             
                        </div>
                    </div>
                    <!-- Start Datasheets Link -->
                    <div class="unit size1of7 prod-resources">
                        <div class="unit size1of3 prod-resources-img">
                            <a href="/product/resource/pdf/2125.pdf" data-eventaction='PCN'  data-eventlabel='CSS-0575A-SMT' target="_blank">
                                <img src="/products/image/getimage/991?typecode=m" alt="2125.pdf Datasheet">
                            </a>
                        </div>
                        <div class="unit size2of3 prod-resources-title">
                            <a class="productResourceLink" href="/product/resource/pdf/2125.pdf" data-eventaction='PCN' data-eventlabel='CSS-0575A-SMT' target="_blank">PCN</a>
                                             
                        </div>
                    </div>
                    <!-- Start 3D Model Link -->
                    <div class="unit size1of7 prod-resources">
                        <div class="unit size1of3 prod-resources-img">
                            <a href="#" onclick="javascript:show3DView('CSS-0575A-SMT'); //GA tracking on ModelViewer.cshtml">
                                <img src="/products/image/getimage/994?typecode=m" alt="CSS-0575A-SMT 3D Model">
                            </a>
                        </div>
                        <div class="unit size2of3 prod-resources-title">
                                <a href="#" onclick="javascript:show3DView('CSS-0575A-SMT'); //GA tracking on ModelViewer.cshtml"> 3D Model </a>
                        </div>
                    </div>
                <!-- Start RoHS Link -->
                <div class="unit size1of7 prod-resources">
                    <div class="unit size1of3 prod-resources-img">
                        <a href="#" data-eventaction='RoHS-CUI' data-eventlabel='View RoHS' onclick="javascript:showGeneratedResource('css-0575a-smt', 'Compliance');">
                            <img src="/products/image/getimage/993?typecode=m" alt="RoHS Compliance">
                        </a>
                    </div>
                    <div class="unit size2of3 prod-resources-title">
                        <a href="#" data-eventaction='RoHS-CUI' data-eventlabel='View RoHS' onclick="javascript:showGeneratedResource('css-0575a-smt', 'Compliance');"> Compliance </a>
                    </div>
                </div>
                <div class="unit size1of7 prod-resources">
                    <div class="unit size1of3">
                        <a href="#" onclick="javascript:showStockCheckFilter('CSS-0575A-SMT'); return false;">
                            <img src="/products/image/getimage/995?typecode=m" alt="Stock Check CSS-0575A-SMT">
                        </a>
                    </div>
                    <div class="unit size3of5 prod-resources-title">
                        <a href="#" onclick="javascript:showStockCheckFilter('CSS-0575A-SMT'); return false;">Stock Check</a>
                    </div>
                </div>
    </div>
</section>
```

<h3>Datasheet</h3>

|Locations Used|
|------|
|Product pages|

|Classes|
|------|
|prod-add-ons|
|prod-resources|
|prod-resources-img|
|prod-resources-title|

```
<div class="unit size1of7 prod-resources">
    <div class="unit size1of3 prod-resources-img">
        <a href="/product/resource/pdf/css-0575a-smt.pdf" data-eventaction='Datasheet-CUI' data-eventlabel='CSS-0575A-SMT' target="_blank">
            <img src="/products/image/getimage/991?typecode=m" alt="CSS-0575A-SMT.pdf Datasheet">
        </a>
    </div>
    <div class="unit size2of3 prod-resources-title">
        <a class="productResourceLink" href="/product/resource/pdf/css-0575a-smt.pdf" data-eventaction='Datasheet-CUI' data-eventlabel='CSS-0575A-SMT' target="_blank">Datasheet</a>
                                             
    </div>
</div>
```

<h3>Product Training Presentation</h3>

|Locations Used|
|------|
|Product pages|

|Classes|
|------|
|prod-add-ons|
|prod-resources|
|prod-resources-img|
|prod-resources-title|

```
<div class="unit size1of7 prod-resources">
    <div class="unit size1of3 prod-resources-img">
        <a href="/product/resource/pdf/buzzers-buzzersounds.pdf" data-eventaction='Product Training Presentations'  data-eventlabel='CSS-0575A-SMT' target="_blank">
            <img src="/products/image/getimage/992?typecode=m" alt="Buzzers_BuzzerSounds.pdf Datasheet">
        </a>
    </div>
    <div class="unit size2of3 prod-resources-title">
        <a class="productResourceLink" href="/product/resource/pdf/buzzers-buzzersounds.pdf" data-eventaction='Product Training Presentations' data-eventlabel='CSS-0575A-SMT' target="_blank">Product Training Presentations</a>
                                             
    </div>
</div>
```

<h3>Product Change Notice</h3>

|Locations Used|
|------|
|Product pages|

|Classes|
|------|
|prod-add-ons|
|prod-resources|
|prod-resources-img|
|prod-resources-title|

```
<div class="unit size1of7 prod-resources">
    <div class="unit size1of3 prod-resources-img">
        <a href="/product/resource/pdf/2125.pdf" data-eventaction='PCN'  data-eventlabel='CSS-0575A-SMT' target="_blank">
            <img src="/products/image/getimage/991?typecode=m" alt="2125.pdf Datasheet">
        </a>
    </div>
    <div class="unit size2of3 prod-resources-title">
        <a class="productResourceLink" href="/product/resource/pdf/2125.pdf" data-eventaction='PCN' data-eventlabel='CSS-0575A-SMT' target="_blank">PCN</a>
                                             
    </div>
</div>
```

<h3>3D Model</h3>

|Locations Used|
|------|
|Product pages|

|Classes|
|------|
|prod-add-ons|
|prod-resources|
|prod-resources-img|
|prod-resources-title|

```
<div class="unit size1of7 prod-resources">
    <div class="unit size1of3 prod-resources-img">
        <a href="#" onclick="javascript:show3DView('CSS-0575A-SMT'); //GA tracking on ModelViewer.cshtml">
            <img src="/products/image/getimage/994?typecode=m" alt="CSS-0575A-SMT 3D Model">
        </a>
    </div>
    <div class="unit size2of3 prod-resources-title">
            <a href="#" onclick="javascript:show3DView('CSS-0575A-SMT'); //GA tracking on ModelViewer.cshtml"> 3D Model </a>
    </div>
</div>
```

<h3>RoHs Compliance</h3>

|Locations Used|
|------|
|Product pages|

|Classes|
|------|
|prod-add-ons|
|prod-resources|
|prod-resources-img|
|prod-resources-title|

```
<div class="unit size1of7 prod-resources">
    <div class="unit size1of3 prod-resources-img">
        <a href="#" data-eventaction='RoHS-CUI' data-eventlabel='View RoHS' onclick="javascript:showGeneratedResource('css-0575a-smt', 'Compliance');">
            <img src="/products/image/getimage/993?typecode=m" alt="RoHS Compliance">
        </a>
    </div>
    <div class="unit size2of3 prod-resources-title">
        <a href="#" data-eventaction='RoHS-CUI' data-eventlabel='View RoHS' onclick="javascript:showGeneratedResource('css-0575a-smt', 'Compliance');"> Compliance </a>
    </div>
</div>
```

<h3>Stock Check</h3>

|Locations Used|
|------|
|Product pages|

|Classes|
|------|
|prod-add-ons|
|prod-resources|
|prod-resources-img|
|prod-resources-title|

```
<div class="unit size1of7 prod-resources">
    <div class="unit size1of3">
        <a href="#" onclick="javascript:showStockCheckFilter('CSS-0575A-SMT'); return false;">
            <img src="/products/image/getimage/995?typecode=m" alt="Stock Check CSS-0575A-SMT">
        </a>
    </div>
    <div class="unit size3of5 prod-resources-title">
        <a href="#" onclick="javascript:showStockCheckFilter('CSS-0575A-SMT');}); return false;">Stock Check</a>
    </div>
</div>
```



*/