Images

Image Shape Style

<img src="..." class="img-rounded">
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

Image Lightbox Style

    <div class="fancybox_style">
    <ul>
	  <li> <a rel="group" class="fancybox" title="Exciting Title!" href="/Portals/Commerce2/fancy01.jpg"> <img alt="" src="/portals/commerce2/fancy01_thum.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Yup, More Text.." href="/Portals/Commerce2/fancy02.jpg"> <img alt="" src="/portals/commerce2/fancy02_thum.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Yelf Up." href="/Portals/Commerce2/fancy03.jpg"> <img alt="" src="/portals/commerce2/fancy03_thum.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Bonjour!!" href="/Portals/Commerce2/fancy04.jpg"> <img alt="" src="/portals/commerce2/fancy04_thum.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Exciting Title!" href="/Portals/Commerce2/fancy05.jpg"> <img alt="" src="/portals/commerce2/fancy05_thum.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Yup, More Text.." href="/Portals/Commerce2/fancy06.jpg"> <img alt="" src="/portals/commerce2/fancy06_thum.jpg" /><span class="img-overlay"> </span> </a></li>

	</ul>  
  </div>