anchor.diff:  
       #${n} .carousel-container {
           margin: 0 auto;
  +    }
  +
  +    #${n} .marketplace_carousel_inner .carousel-caption {
  +        background-color: rgba(32, 32, 32, 0.2);
  +        border-radius: 25px;
  +        -moz-border-radius: 25px;
  +        -webkit-border-radius: 25px;
       }
       
       #${n} .marketplace_carousel_inner img {
  
positive.code:             }
          });
  
          var MenuController = Backbone.View.extend({
              events: {
                  'click .marketplace_add_to_tab_link': 'addPortlet',
                  'click .marketplace_add_favorite': 'addFavorite',
                  'click .marketplace_remove_favorite': 'removeFavorite'
              },
              template: _.template($('#${n}options-menu').text(), null, {
                  // use jinja style templates instead of the up default (mustache style)
                  // Mostly... I just find these easier to read!
                  evaluate: /{%([\s\S]+?)%}/g,
                  interpolate: /{%=([\s\S]+?)%}/g,
                  escape: /{%-([\s\S]+?)%}/g
              }),
              options: {
                  portletChannelId: '${portlet.portletDefinitionId}'
              },
  
negative.code:     {% }); %}
  </script>
  
  <script type="text/template" id="${n}screen-shots">
      {% if (screenShots.length > 0) { %}
          <div class="row">
              <div class="col-md-12">
                  <h1>
                      <spring:message code="screenshots.cap" text="Screenshots/Videos"/>
                  </h1>
              </div>
          </div>
          <div class="row">
              <div class="col-md-offset-3 col-xs-6">
                  <div class="carousel-container">
                      <div id="${n}marketplace_screenshots_and_videos" class="carousel slide" data-ride="carousel" data-interval="9000" data-wrap="true">
                          <div class="carousel-inner marketplace_carousel_inner" role="listbox">
                              {% _(screenShots).each(function(screen, idx) { %}
                                  <div class="item marketplace_screen_shots {% if (idx === 0) { %} active {% } %}">
                                      <img src="{%= screen.url %}" alt="screenshot for portlet">
                                          {% _(screen.captions).each(function(caption) { %}
                                              <div class="carousel-caption">
                                                  <h3>{%- caption %}</h3>
                                              </div>
                                          {% }); %}
                                      </img>
                                  </div>
                              {% }); %}
                          </div>
                          {% if (screenShots.length > 1) { %}
                              <ol class="carousel-indicators marketplace_carousel_indicators">
                                  {% _(screenShots).each(function(screen, idx) { %}
                                      <li data-target="#${n}marketplace_screenshots_and_videos" data-slide-to="{%= idx %}"></li>
                                  {% }); %}
                              </ol>
                              <a class="left carousel-control carousel-marketplace-control" href="#${n}marketplace_screenshots_and_videos" role="button" data-slide="prev">
                                  <span class="glyphicon glyphicon-chevron-left"></span>
                              </a>
                              <a class="right carousel-control carousel-marketplace-control" href="#${n}marketplace_screenshots_and_videos" role="button" data-slide="next">
                                  <span class="glyphicon glyphicon-chevron-right"></span>
                              </a>
                          {% } %}
                      </div>
                  </div>
              </div>
          </div>
      {% } %}
  </script>
  
  <div id="${n}">
      <div>
          <div class="row">
  