code: function($super) {
              if(!this.hasSVG) {
                  $super();
                  return;
              }
              var i, loopSplit, loopKeyName, loopKeyElem, loopValElem,
                  $tooltip = $('.highcharts-tooltip', $(this.renderTo)),
                  tooltipElements = (this.hasSVG) ? $('tspan', $tooltip) :
                                                    $('span > span', $tooltip);
  
              for(i = 0; i < tooltipElements.length; i += 3) {
                  loopKeyElem =tooltipElements[i];
                  if(tooltipElements.length < i + 2) {
                      break;
                  }
                  loopValElem = tooltipElements[i + 1];
                  loopSplit = (this.hasSVG) ? loopKeyElem.textContent.split(':') :
                                              $(loopKeyElem).html().split(':');
                  loopKeyName = loopSplit[0];
                  this.addClassToElement(loopKeyElem, 'key');
                  this.addClassToElement(loopKeyElem, loopKeyName + '-key');
                  this.addClassToElement(loopValElem, 'value');
                  this.addClassToElement(loopValElem, loopKeyName + '-value');
              }
          }
docs: we have to override here because the tooltip structure is different