| Global | Colliers International

<div class="panelSavedProperties">
		<div class="modalHeader">
			<h2><span class="savedCount">{{Count}}</span> Saved Properties</h2>
			<a href="#" id="clearSavedProperties" class="clearSavedProperties">Remove All</a>
		</div>

<a href="#" class="moreLink email"><span class="icon email"></span>Email List<span class="icon moreLink"></span></a>
			<a href="#" class="moreLink print"><span class="icon printer"></span>Print List<span class="icon moreLink"></span></a>
		</div>
		<div class="clear"></div>

<div id="savedPropertiesListWrapper">
			<table id="savedPropertiesList">
				<thead>
					<tr>
						<th class="description">Description</th>
						<th class="size" data-column="LocalizedSpaceAvailable"><span class="labelWrap">Total Space</span></th>
						<th class="type" data-column="PropertyType"><span class="labelWrap">Property Type</span></th>
						<th class="term" data-column="OfferType"><span class="labelWrap">Offer Type</span></th>
					</tr>
				</thead>
				<tbody class="propertiesList">
					{{#Properties}}
					<tr>
						<td class="description">
							<a href="{{PropertyUrl}}" class="thumb">{{#ThumbnailUrl}}<img src="{{ThumbnailUrl}}" alt="{{Title}}"/>{{/ThumbnailUrl}}</a>
							<div class="propertyInfo">
								<h3><a href="{{PropertyUrl}}">{{Title}}<span class="icon moreLink"></span></a></h3>
								<h4>{{Subtitle}}</h4>
								<p>{{Summary}} <br /><a href="{{PropertyUrl}}" class="saveProperty pill" data-property-id="{{Id}}" data-label-save="Save" data-label-remove="Remove" data-label-close="Close"><span class="btnText">Remove</span><span class="icon moreLink"></span></a></p>
							</div>
						</td>
						<td class="size">{{LocalizedSpaceSummary}}</td>
						<td class="type">{{PropertyType}}</td>
						<td class="term">{{OfferType}}</td>
					</tr>
					{{/Properties}}
				</tbody>
			</table>
		</div>
		<div class="modalFooter"></div>
	</div>

<div class="panelPropertySelection">
		<div class="modalHeader">
			<h2 class="emailPanels">Email Properties</h2>
			<p>Select properties to email by checking or unchecking each property to the left.</p>
		</div>

<div class="links">
			<a href="#" class="return-saved">Return to Saved Properties</a>
			<a href="#" class="btn nofx email-next">Next</a>
		</div>

<div class="links">
			<a href="#" class="return-saved">Return to Saved Properties</a>
			<a href="#" class="btn nofx email-next">Next</a>
		</div>
		<div class="modalFooter"></div>
	</div>

<div class="panelEmailProperties emailPropertiesFormContainer">
        <div class="modalHeader">
			<h2 class="emailPanels">Email Properties</h2>
		</div>

<div class="selectedPropertiesContent propertyList"></div>

</div>
	    <div class="modalFooter"></div>
    </div>

<table class="includeCheckboxStyles">
		<thead>
			<tr>
				<th class="propertySelection"></th>
				<th class="description">Description</th>
				<th class="size" data-column="LocalizedSpaceAvailable"><span class="labelWrap">Total Space</span></th>
				<th class="type" data-column="PropertyType"><span class="labelWrap">Property Type</span></th>
				<th class="term" data-column="OfferType"><span class="labelWrap">Offer Type</span></th>
			</tr>
		</thead>
		<tbody class="propertiesList">
			{{#Properties}}
			<tr>
				<td class="propertySelection">
					<input type="checkbox" name="property" value="{{Id}}" checked="checked">
				</td>

<td class="description">
					<a href="{{PropertyUrl}}" class="thumb">{{#ThumbnailUrl}}<img src="{{ThumbnailUrl}}" alt="{{Title}}"/>{{/ThumbnailUrl}}</a>
					<div class="propertyInfo">
						<h3><a href="{{PropertyUrl}}">{{Title}}<span class="icon moreLink"></span></a></h3>
						<h4>{{Subtitle}}</h4>
						<p>{{Summary}}</p>
					</div>
				</td>
				<td class="size">{{LocalizedSpaceSummary}}</td>
				<td class="type">{{PropertyType}}</td>
				<td class="term">{{OfferType}}</td>
			</tr>
			{{/Properties}}
		</tbody>
	</table>

<h3>All fields are required except where indicated</h3>
		<ul>
			<li>
				<label for="To">Recipient Email Address<span class="optional"></span></label>
				<input type="email" id="emailRecipient" class="text" name="To" />
			</li>
			<li>
				<label for="SenderName">Your Name</label>
				<input type="text" id="sendersName" class="text" name="SenderName" />
			</li>
			<li>
				<label for="From">Your Email Address</label>
				<input type="email" id="sendersEmail" class="text" name="From" />
			</li>
            <li id="includeSender">
				<label for="IncludeSender">
					<input type="checkbox" id="includeMeOnEmail" name="IncludeSender">
					Send me a copy of the email
				</label>
			</li>
			<li>
				<label for="Message">Message <span class="optional">optional</span></label>
				
				<textarea id="emailMessage" name="Message" rows="" cols="">I thought you’d be interested in these properties on Colliers.com </textarea>
			</li>
            <li id="captchaImageItem" class="captchaImage">
                
            </li>
            <li id="captchaMessageItem">
                <label id="CaptchaMessage" class="captchaLabel" for="CaptchaNumber">Enter the numbers above</label>
                <input type="text" id="captchaNumber" class="text captchaInput" name="CaptchaNumber" />
            </li>
		</ul>
		<a href="#" class="btn nofx yellow submit">Send</a>

<p class="errorsFound">One or more errors were found with the information you entered into the form. Please correct the information and submit again.</p>

</fieldset>

<div class="submitMsgSuccess">
	    <h3 class="emailPanels">Thank You</h3>
		<p>Your message has been sent successfully.</p>
		<a class="backToFormLink">Send another email</a>
		<a class="return-saved backToListLink">Back to List</a>
    </div>
    <div class="submitMsgError">
	    <p>Sorry, there was an error in submitting your email. Please try again later or contact the site administrators if the problem persists</p>
	    <a class="moreLink backToFormLink">Send another email<span class="icon moreLink"></span></a>
    </div>

<h1>Colliers International</h1>
	<table>
		<thead>
			<tr>
				<th></th>
				<th class="description">Description</th>
				<th class="price" data-column="LocalizedSalePrice"><span class="labelWrap">Price</span></th>
				<th class="size" data-column="LocalizedSpaceAvailable"><span class="labelWrap">Total Space</span></th>
				<th class="type" data-column="PropertyType"><span class="labelWrap">Property Type</span></th>
				<th class="term" data-column="OfferType"><span class="labelWrap">Offer Type</span></th>
			</tr>
		</thead>
		<tbody>
			{{#Properties}}
			<tr>
				<td>
					{{#ThumbnailUrl}}
						<img src="{{ThumbnailUrl}}" alt="{{Title}}"/>
					{{/ThumbnailUrl}}
				</td>
				<td>
					<h4>{{Title}}</h4>
					<h4>{{Subtitle}}</h4>
					<p>{{{Summary}}}</p>
					<p><strong>{{Hostname}}{{PropertyUrl}}</strong></p>
				</td>
				<td class="price">{{LocalizedPriceSummary}}</td>
				<td class="size">{{LocalizedSpaceSummary}}</td>
				<td class="type">{{PropertyType}}</td>
				<td class="term">{{OfferType}}</td>
			</tr>
			{{/Properties}}
		</tbody>
	</table>

Global :

Search only: