<p><link rel="stylesheet" href="/images/assetimages/2015/the-report/assets/css/the-report.css"></p>
<div class="tr-content tr-container" style="margin-bottom: 20px;">
<div class="tr-content-page">
<div class="tr-cp-mainimg"><img src="/images/assetimages/2015/the-report/issue56/desktop/Page10.jpg" border="0" title="" usemap="#Page10"><map id="Page10" name="Page10"> 
<area class="show-tooltip" shape="rect" coords="387,215,675,549" href="60201509">
 
<area class="show-tooltip" shape="rect" coords="375,555,615,598" href="60197950">
 
<area class="show-tooltip" shape="rect" coords="767,268,837,400" href="60206335">
 
<area class="show-tooltip" shape="rect" coords="851,269,925,476" href="60203903">
 
<area class="show-tooltip" shape="rect" coords="747,405,844,474" href="60202262">
 </map>
<div class="tr-cp-headline" style="top: 155px; left: 29px; width: 218px; right: auto; height: 96px; bottom: auto;">
<h1>Heat</h1>
<h1>check</h1>
</div>
<div class="tr-cp-subhead" style="left: 30px; top: 255px; width: 225px; right: auto; height: 132px; bottom: auto;">
<h2>STAY SHARP AS THE WEATHER TURNS<br>HOT AND HUMID.</h2>
<p>Warm weather connotes a relaxed<br>attitude &ndash; but some situations still<br>call for sharp, considered style. Slim<br>urban silhouettes and hints of texture<br>will ensure your summer look has<br>maximum interest, in minimal layers.</p>
</div>
<div class="tr-cp-headline" style="top: 399px; left: 30px; width: 144px; right: auto; height: 30px; bottom: auto;"><a href="/shop/witchery-report/issue-56/man" class="tr-shop-link">Shop now</a></div>
<div class="tr-cp-quotation2" style="width: 232px; top: 96px; left: 719px; right: auto; height: 72px; bottom: auto;">
<h1 style="font-family: DidotLTStd-Roman; text-indent: 0px;">USE NEUTRAL<br>TONES FOR MODERN<br>SUMMER COOL.</h1>
</div>
<a href="/shop/witchery-report/issue-56/man" style="position: absolute; top: 486px; left: 789px; right: auto; bottom: auto;" class="tr-shop-link-black-border">Shop now</a></div>
</div>
</div>
<script src="/images/assetimages/witchery/tooltips.js">// <![CDATA[

// ]]></script>
<script>// <![CDATA[
var product_url = "/product/",
			areas = $("map area");	

		areas.each(function() {
		    product_id = $(this).attr("href");
		    product_parsedID = parseFloat(product_id);
		    if (product_id && product_parsedID) {
		        $(this).attr("href", product_url+product_id).data({"has-url": true, "has-data": false}).addClass("show-tooltip");
		    }
		});
$(".tr-cp-mainimg").tooltips({
				track: true,
				items: ".tr-cp-mainimg area.show-tooltip",
				content: function(callback) {
			    	var el = $(this);
			    	var swatch_img = "";
			    	callback("<img src='/images/assetimages/witchery/ajax-loader.gif' />")
			    	function datafy() {
					    for (var i = 0; i < el.data("swatch").length; i++) {
							swatch_img += "<img width='10' height='10' style='border: 1px solid #000;margin:2px 2px 0 2px;' src='" + el.data("swatch")[i] + "' />"
						};
						content = el.data("name") + "<br>" + el.data("currency") + el.data("price") + "<br>" + swatch_img;
						return content;
			    	 	swatch_img = "";

			    	}
			    	if (el.data("has-url") && !el.data("has-data")) {
			    		$.get(el.attr("href") + "?serveas=ajax", function(data) {

			    			//remove product images so it doesn't get loaded into the DOM
			    			data = data.replace(/<figure class="product_image">[\S\s]*?<\/figure>/ig, '');

			    			//store product properties into area data attribute
			    			var name = $(data).find("[itemprop=name]").text(),
			    			price = $(data).find("[itemprop=price]").text(),
			    			currency_label = $(data).find(".currency_label").eq(0).text(),
			    			swatch = [];

			    			$(data).find("p.swatch img").each(function(i) {
			    				swatch[i] = $(this).attr("src")
			    			});
			    			el.data({"name": name, "price": price, "swatch": swatch, "currency": currency_label, "has-data": true});


							//sends product details to tooltips
							callback(datafy());
			    		})
			    		.fail(function() {
			    			callback("Coming Soon")
			    		})
			    	}
			    	else if (el.data("has-data")) {
			    		callback(datafy())
			    	}
				}
			});
// ]]></script>

Heat

check

STAY SHARP AS THE WEATHER TURNS
HOT AND HUMID.

USE NEUTRAL
TONES FOR MODERN
SUMMER COOL.

Heat

check

STAY SHARP AS THE WEATHER TURNSHOT AND HUMID.

USE NEUTRALTONES FOR MODERNSUMMER COOL.

STAY SHARP AS THE WEATHER TURNS
HOT AND HUMID.

USE NEUTRAL
TONES FOR MODERN
SUMMER COOL.