Home
- Men's Clothing
  - Men's Pants
    - Men's Ski Pants
      - The North Face Surf & Turf Pant - Men's

Secret Stash Sale - Save on Nearly Everything

Bittersweet Brown

The North Face Surf & Turf Pant - Men's

Item #TNF3562|77 in Stock – Ships Wicked Fast & Free

$198.95

Please choose an option to order this item.

Black, S (198.95)
Black, M (198.95)
Black, L (198.95)
Black, XL (198.95)
Bittersweet Brown, S (198.95)
Bittersweet Brown, M (198.95)
Bittersweet Brown, L (198.95)
Bittersweet Brown, XL (198.95)

View Sizing Chart

Quantity:

Be first to testify.

Q & A Ask away, Sherlock.

Add Photos

100% Guaranteed

close Unconditional 100% Guarantee

We guarantee complete satisfaction and an unlimited lifetime warranty. If at any time - now, next month, in 30 years - you're not 100% satisfied, send your gear back for a full refund. No questions asked.
Need help returning an item? - Click Here close
Global Shipping Info

close Brand Notice

Due to contracts with the following brands, we are unable to ship any of their products outside the US. more...

Int'l Shipping

Backcountry.com uses UPS Worldwide Express or Worldwide Expedited for all shipping outside the United States. We have found this method to be quick, secure, and cost effective.
close
Pass It On

2
More

11
Detail Views

The North Face Surf & Turf Pant - Men's

The North Face Surf & Turf Pant lets you ski The Bird all day, then take a soak in the hot tub at The Cliff Lodge to relax. The North Face paired up with Reef to create a killer waterproof-breathable riding pant that converts into a swimming suit. Calm down, have a seat, we know you're puking with excitement right now. The Surf & Turf Pant comes with gaiters to keep the snow from working itself into your leg or boot and inner thigh vents to help keep you cool while hiking the ridge. An adjustable waist customizes fit, and fully-sealed seams keep out any and all water droplets.

Bottom Line: We know you're excited, but don't go jumping into the hot tub until you've taken your boots off.

Product Wall

Talk shop with all the gear freaks out there: ask 'em questions, upload/browse photos, and give your 2¢.

Hi, throw your review on the Product Wall to show your Gear-telligence.

Hi, got a question? Ask on the Product Wall.

Write a review, others want your opinion >

Got a question about this product? Other gear freaks might know the answer >

Be the first to upload your photo for Surf & Turf Pant - Men's >

<form class="provide_answer_form" method="post" onsubmit="return false;" action="#">
		<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the answer form" class="flag_close"/></a></span>
		<input type="hidden" name="question_id" value="${question_id}" />
		<input type="hidden" name="answer_edit" value="1" />
		<h3>Impart your wisdom.</h3>
		<div class="error_message"></div>
		<div class="textarea_container">
  		<textarea name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this)">${content}</textarea>
		</div>
		<input type="image" src="http://content.backcountry.com/images/bcs/buttons/answer_it.gif" alt="Submit Answer" onclick="BCNTRY.wall.PDP.answer_question_onclick(this.form)" class="answer_it_button" />
		<span class="answer_chars"></span>
	</form>

{if display == 'flagged'}
		<div class="question">
			<div class="question_text"><span onclick="BCNTRY.wall.PDP.view_flagged_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a></span></div>
			<div class="question_by"> </div>
			{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
			{if messaging.answer}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}
		</div>
	{else}
	<div class="question">
		<h3><a href="${qanda_link}">${title}</a></h3>
		<div class="question_text"><p>${body}</p></div>
		<div class="question_by">
			<p>By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
					<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
					<br />${date}</p>
		</div>
		<p class="question_options">
			{if user.id == curr_user.id}<span class="editq_link"><span onclick="BCNTRY.wall.PDP.edit_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span></span>{/if} 
			{if flagged}
			<span class="flag_link"><span onclick="BCNTRY.wall.PDP.unflag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span></span>
			<div class="error_message"></div>
			{else}
			<span class="flag_link"><span onclick="BCNTRY.wall.PDP.flag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span></span>
			{/if}
		</p>
		{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
	</div>
		{if answer != null}
			<div class="answer">
			{if answer.display == 'flagged'}
				<div class="answer_text"><span onclick="BCNTRY.wall.PDP.view_flagged_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">${answer.flagged_description}</a></span></div>
				<div class="answer_info"> </div>
			{else}
				<div class="answer_text"><p>${answer.body}</p></div>
				<div class="answer_info">
					<p>By: ${answer.display_users}<br />${answer.date}</p>
				</div>
				<p class="answer_options">
					<span class="improve_link"><span onclick="BCNTRY.wall.PDP.improve_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span></span>
					{if answer.flagged}
						<span class="flag_link"><span onclick="BCNTRY.wall.PDP.unflag_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span></span>
                        <div class="error_message"></div>
					{else}
						<span class="flag_link"><span onclick="BCNTRY.wall.PDP.flag_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span></span>
					{/if}
				</p>
			{/if}
			{if messaging.answer}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}
			</div>
		{/if}
	{/if}

{if display == 'normal'}
		<div class="image_area">
			<a class="cpi_zoom" href="${url_large}" onclick="return false;">
				${url_small_html}
			</a>
		</div>
        <div class="cpi_right">
  			<h3>${title}</h3>
			<div class="image_by">
				<p>
					By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
					<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
					<br /><span class="review_date">${display_date}</span>
				</p>
			</div>
			<p class="cpi_desc">${description}</p>
			<p class="image_options">
				
				{if flagged}
					<span class="flag_link"><a href="#" onclick="BCNTRY.wall.PDP.unflag_cpi_onclick(this, '${id}');return false;" rel="nofollow">Un-Flag</a></span>
				{else}
					<span class="flag_link"><a href="#" onclick="BCNTRY.wall.PDP.flag_cpi_onclick(this, '${id}');return false;" rel="nofollow">Flag</a></span>
				{/if}
					<span class="zoom_link"><a class="cpi_zoom" href="${url_large}" onmouseover="BCNTRY.cpi.load_large_image(this);return false;" onclick="BCNTRY.show_large_panel();return false;">Zoom</a></span>
				{if owned_by_current_user}
					<span class="edit_img_link"><a href="#" onclick="BCNTRY.wall.PDP.inactivate_cpi_onclick(this, '${id}');return false;" rel="nofollow">Delete Photo</a></span>
				{/if}
			</p>
		</div>
		<div class="error_message"></div>
	{elseif display == 'flagged'}
		<div class="cpi_text">
			<p class="user_flagged_text">
        		<span onclick="BCNTRY.wall.PDP.flag_cpi_show_onclick(this, '${id}')">
					<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
				</span>
			</p>
		</div>
	{/if}
	{if message}<div class="cpi_flagged confirmation">${message}</div>{/if}

<div class="cpi_flag_panel">
		<form method="post" onsubmit="return false" action="http://www.backcountry.com/store/tribe/flag_cpi.html">
			<input type="hidden" name="cpi_id" value="${cpi_id}" />
			<a href="#" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this);return false;" rel="nofollow"><img src="/images/bcs/pdp/flag_close.gif" alt="Close Flagging Panel" class="cpi_flag_panel_close" /></a>
			<h3>Something wrong with this picture?</h3>
			<p>Thanks for pointing it out. We'll take it down immediately and send it to our clean-up crew.</p>
			<div class="error_message"></div>
			<ul>
				
					<li id="check_cpi_flag_${cpi_id}_1_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Offensive</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_1_chk" type="checkbox" name="flag" value="1" />
					</li>
				
					<li id="check_cpi_flag_${cpi_id}_5_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Copyrighted Material</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_5_chk" type="checkbox" name="flag" value="5" />
					</li>
				
					<li id="check_cpi_flag_${cpi_id}_4_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Duplicate</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_4_chk" type="checkbox" name="flag" value="4" />
					</li>
				
					<li id="check_cpi_flag_${cpi_id}_2_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Other</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_2_chk" type="checkbox" name="flag" value="2" />
					</li>
				
			</ul>
			<input type="image" src="/images/bcs/buttons/save_qa.gif" value="Save" class="cpi_flag" onclick="BCNTRY.wall.PDP.flag_cpi_save_onclick(this, '${cpi_id}');" />
		</form>
	</div>

<div class="flag_container">
		<form class="flag_as_offensive" method="post" onsubmit="return false;" action="#">
			<input type="hidden" name="question_id" value="${question_id}"/>
			<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the flagging form" class="flag_close"/></a></span>
			<h4>Something rub you the wrong way?</h4>
			<p>Thanks for pointing it out. We'll send it immediately to our clean up crew. If you don't mind pointing us in the right direction...</p>
			<div class="error_message"></div>
			<h5>This post was:</h5>
			<ul>
				
				<li id="check_question_flag_${question_id}_1_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Offensive</a>
					<input class="checkbox" id="check_question_flag_${question_id}_1_chk" type="checkbox" name="flag" value="1" />
				</li>
				
				<li id="check_question_flag_${question_id}_4_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Duplicate</a>
					<input class="checkbox" id="check_question_flag_${question_id}_4_chk" type="checkbox" name="flag" value="4" />
				</li>
				
				<li id="check_question_flag_${question_id}_3_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Miscategorized</a>
					<input class="checkbox" id="check_question_flag_${question_id}_3_chk" type="checkbox" name="flag" value="3" />
				</li>
				
				<li id="check_question_flag_${question_id}_2_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Other</a>
					<input class="checkbox" id="check_question_flag_${question_id}_2_chk" type="checkbox" name="flag" value="2" />
				</li>
				
			</ul>
			<input class="save_question" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" onclick="BCNTRY.wall.PDP.flag_question_submit_onclick(this.parentNode)" />
		</form>
	</div>

<h4>Something rub you the wrong way?</h4>
			<p>Thanks for pointing it out.</p>
			<div class="error_message"></div>
			<h4>Edit this post yourself:</h4>
			<div class="textarea_container">
			  <textarea name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this)">${content}</textarea>
		  </div>
			<span class="answer_chars"></span>

<h5 id="flag_edit">Or... let others do the dirty work.</h5>
			<p>This post was:</p>
			<ul>
				
				<li id="check_answer_flag_${question_id}_1_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Offensive</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_1_chk" type="checkbox" name="flag" value="1" />
				</li>
				
				<li id="check_answer_flag_${question_id}_4_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Duplicate</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_4_chk" type="checkbox" name="flag" value="4" />
				</li>
				
				<li id="check_answer_flag_${question_id}_3_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Miscategorized</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_3_chk" type="checkbox" name="flag" value="3" />
				</li>
				
				<li id="check_answer_flag_${question_id}_2_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Other</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_2_chk" type="checkbox" name="flag" value="2" />
				</li>
				
			</ul>
			<div class="clearb"></div>

<form name="rev${review_id}" id="rev${review_id}" method="post" action="http://www.backcountry.com/store/TNF3562/The-North-Face-Surf-Turf-Pant-Mens.html">
		<input type="hidden" value="${review_id}" name="review_id" />
		<input type="hidden" value="${link_id}" name="link_id" />
		<input type="hidden" value="" name="helpful_review" />
		${rank_image}
		<h3><a href="${review_link}">${review_title}</a></h3>
		<p>By: <a class="user_profile_link" href="${user_profile_url}">${user.display_name}</a>
				<a class="user_profile_link" href="${user_profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
				<br /><span class="review_date">${date}</span></p>
		<div class="review_text"><p>${body}</p></div>
		<div class="review_helpfulness">
		<p>Was this helpful? <a href="#" onclick="readReview('rev${review_id}', true, '${link_id}'); return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/thumbs_up.gif" alt="Yes" /></a> (${helpful_count}) <a href="#" onclick="readReview('rev${review_id}', false, '${link_id}'); return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/thumbs_down.gif" alt="No" /></a> (${unhelpful_count})</p>
		</div>
	</form>

Tech Specs:

Material:	[Shell] HyVent 2 L; [Lining] taffeta
Insulation:	None
Waterproof Rating:	Not Specified
Breathable Rating:	Not specified
Side Zips:	No
Venting:	Inner thigh vents
Pockets:	2 Front handwarmer, 2 cargo, 2 back
Seam Taped:	Yes, fully
Waist:	Belt loops, adjustable
Gaiters:	Yes
Recommended Use:	Skiing, snowboarding
Manufacturer Warranty:	Lifetime

You might also dig...

Marmot Spellbound Pant - Men's

$125.96

Mountain Hardwear Stance Pant - Men's

$143.96

Patagonia Rubicon Pant - Men's

$250.00

Clothing

Gear

Accessories

The North Face Surf & Turf Pant - Men's

Please choose an option to order this item.

The North Face Surf & Turf Pant - Men's

Product Wall

Tech Specs:

You might also dig...