<div class="tour-tip">
    <span class="tour-arrow tt-{{ ttPlacement }}"></span>
    <div class="tour-content-wrapper">
        <p ng-bind="ttContent" style="width:250px;font-size:1.1em"></p>
		<span style="float:left;background:url('{{ ttImage1 }}') no-repeat; height:30px; margin:4px 12px 0px 4px">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><p style="width:262px;">{{ ttNextHeading }} <span>{{ ttNextLine }} </span></p>
		<span style="float:left;background:url('{{ ttImage2 }}') no-repeat; height:30px; margin:4px 12px 0px 4px">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><p style="width:262px;">{{ ttNextHeading1 }} <span>{{ ttNextLine1 }} </span></p>
		<span style="float:left;background:url('{{ ttImage3 }}') no-repeat; height:30px; margin:4px 12px 0px 4px">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><p style="width:262px;">{{ ttNextHeading2 }} <span>{{ ttNextLine2 }} </span></p>
		<span style="float:left;background:url('{{ ttImage4 }}') no-repeat; height:30px; margin:4px 12px 0px 4px">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><p style="width:262px;">{{ ttNextHeading3 }} <span>{{ ttNextLine3 }} </span></p>
        <p style="margin-bottom:36px"><a ng-click="setCurrentStep(getCurrentStep() + 1)" ng-bind="ttNextLabel" style="float:right;border-radius:unset;font-size:0.9em" class="button tour-next-tip"></a></p>
        <!--<a ng-click="closeTour()" class="tour-close-tip"><img src="img/close.png" /></a>-->
		
		<!--border-radius:50%;border:2px solid grey;height:30px;margin:6px;float:left;-->
    </div>
</div>

	