Home
- Men's Clothing
  - Men's Shorts
    - Men's Board Shorts
      - Quiksilver Cool Out 20

Unconditional money back guarantee – Welcome to gear gluttony

Quiksilver Cool Out 20

Item #QKS4040|15 in Stock – Ships Wicked Fast

On Sale: $29.73

50% Off, Regularly: $59.45

Please choose an option to order this item.

Black, 38 (29.73)
Bondi, 36 (29.73)
Bondi, 38 (29.73)
White, 28 (29.73)
White, 36 (29.73)
White, 38 (29.73)
White, 40 (29.73)

View Sizing Chart

Quantity:

Gift Bag it: More Info

0 Reviews - Testify Be first to testify.

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

3
More

19
Detail Views

Guru Photos

No photos have been uploaded yet.
Be the first to upload your photo of the Cool Out 20. >

Quiksilver Cool Out 20

Take five to hang ten in the Quiksilver Cool Out 20 Board Short. A neoprene fly feels like dolphin fur on your twig ‘n berries, and a twenty-inch outseam puts you on a highroad to the ‘80s. Combine that with Quicksilver's new Diamond Dobby Technology for a board short that prevents chafing, gives your better half the perfect comfort and stretch, and dries twice as fast as your average bear.

Bottom Line: Bitchin’.

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.

Hey write a Review. Be the first. >

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

Be the first to upload your photo of the Cool Out 20. >

<form class="ask_question_form solicit_expanded" name="ask_question" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/question/QKS4040/${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 Edit Question" class="flag_close"></a></span>
		<input type="hidden" name="question_id" value="${question_id}" />
		<h3></h3>
		<div class="error_message"></div>
		<div class="textarea_container">
  		<textarea name="question_content" onkeyup="BCNTRY.wall.PDP.question_content_onkeyup(this.form)">${content}</textarea>
		</div>
		<div class="content_image_upload_container">
			{if img_el}
				<input type="hidden" class="delete_cust_image" name="delete_cust_image" value="0" />
				${img_el}
				<h4 class="collapsed">
					Attach a different image to your question.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q collapsed" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<p class="deleted_message" style="display:none">Photo deleted.</p>
				<div class="input_container" style="display:none">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
				<ul class="action_container">
					<li><a onclick="BCNTRY.wall.PDP.toggle_edit_content_photo_onclick(this)" class="upload_new_photo">Upload a different photo</a></li>
					<li><a onclick="BCNTRY.wall.PDP.delete_content_photo_onclick(this)" class="delete_current_photo">Delete Photo</a></li>
				</ul>
			{else}
				<h4>
					Attach an image to your question.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<div class="input_container">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
			{/if}
		</div>
		<input type="image" src="http://content.backcountry.com/images/bcs/buttons/ask_question.gif" alt="Submit Your Question" class="ask_question_button" />
		<span class="question_chars"></span>
	</form>

<form class="provide_answer_form solicit_expanded" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/answer/QKS4040/${question_id}.html?answer_id=${answer_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 answer form" class="flag_close"/></a></span>
		<input type="hidden" name="question_id" value="${question_id}" />
		<input type="hidden" name="answer_id" value="${answer_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.form)">${content}</textarea>
		</div>
		<div class="content_image_upload_container">
			{if img_el}
				<input type="hidden" class="delete_cust_image" name="delete_cust_image" value="0" />
				${img_el}
				<h4 class="collapsed">
					Attach a different image to your answer.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q collapsed" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
                <p class="deleted_message" style="display:none">Photo deleted.</p>
				<div class="input_container" style="display:none">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
				<ul class="action_container">
					<li><a onclick="BCNTRY.wall.PDP.toggle_edit_content_photo_onclick(this)" class="upload_new_photo">Upload a different photo</a></li>
					<li><a onclick="BCNTRY.wall.PDP.delete_content_photo_onclick(this)" class="delete_current_photo">Delete Photo</a></li>
				</ul>
			{else}
				<h4>
					Attach an image to your question.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<div class="input_container">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
			{/if}
		</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>

<form class="write_a_review solicit_expanded" method="POST" id="submitReviewForm" name="submit_review" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/review/QKS4040.html?review_id=${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 Edit Review" class="flag_close"></a></span>
		<input type="hidden" name="review_id" value="${id}" />
		<h3></h3>
		<h3>Hey , write a Review. Others want your opinion. </h3>
		<div class="error_message" id="review_title_error"></div>
		<input type="text" name="review_title" id="review_title" value="${title}"/>
		<div class="ratingBar">
			<ul id="rating"><li> </li><li> </li><li> </li><li> </li><li> </li></ul>
			<span></span>
			<input type="hidden" name="review_rank" value="${rank}" />
		</div>
		<div class="error_message" id="review_comments_error"></div>
		<div class="textarea_container">
			<textarea name="review_comments" class="review_comments" id="review_comments" rows="5" cols="40">${body}</textarea>
			<input type="hidden" name="review_comments_default" value="Let 'er rip." />
		</div>
		<div class="content_image_upload_container">
			{if img_el}
				<input type="hidden" class="delete_cust_image" name="delete_cust_image" value="0" />
				${img_el}
				<h4 class="collapsed">
					Attach a different image to your review.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q collapsed" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<p class="deleted_message" style="display:none">Photo deleted.</p>
				<div class="input_container" style="display:none">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
				<ul class="action_container">
					<li><a onclick="BCNTRY.wall.PDP.toggle_edit_content_photo_onclick(this)" class="upload_new_photo">Upload a different photo</a></li>
					<li><a onclick="BCNTRY.wall.PDP.delete_content_photo_onclick(this)" class="delete_current_photo">Delete Photo</a></li>
				</ul>
			{else}
				<h4>
					Attach an image to your review.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<div class="input_container">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
			{/if}
		</div>
		<div class="error_message" id="review_other_error"></div>
		<input type="image" src="http://content.backcountry.com/images/bcs/content_upload/edit_review.gif" id="submitReviewLink" class="submit_review_button"/>
		<div id="review_progress"></div>
	</form>

{if display == 'inactive'}
        <div class="question>
            <div class="question_by"></div>
            {if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
            </div>
        </div>
	{elseif 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}
	<input type="hidden" id="question_${question_id}_body" value="${body}" />
	<input type="hidden" id="question_${question_id}_img_url" value="${image_url_small}" />
	<div class="question">
		{if image_url_small}
			<div class="content_image">
                <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
					${image_el_small}
				</a>
				<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="return false;">Zoom</a></span>
				</a>
			</div>
		{/if}
		<div class="content_right{if ! image_url_small} expanded{/if}">
			<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>
						{if user.badges}
							{for badge in user.badges}
								${badge.image_el} 
							{/for}
						{/if}
				<br />${date}</p>
			</div>
			<form class="helpfulness_form">
				<input type="hidden" name="content_type" value="question" />
				<input type="hidden" name="content_id" value="${question_id}" />
				<input type="hidden" name="is_helpful" value="" />
				<p>
					Was this helpful?
					${helpful_html}
				</p>
			</form>
			<p class="question_options">
				{if flagged}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
				{else}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
				{/if}
				{if user.id == curr_user.id}
					<span class="editq_link" onclick="BCNTRY.wall.PDP.edit_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_question_submit_onclick(this, '${question_id}');"><a href="#" onclick="return false;" rel="nofollow">Delete This</a></span>
				{/if} 
				<div class="error_message"></div>
			</p>
			{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
		</div>
	</div>
        {for answer in answers}
		<input type="hidden" id="answer_${answer.answer_id}_body" value="${answer.body}" />
		<input type="hidden" id="answer_${answer.answer_id}_img_url" value="${answer.image_url_small}" />
        <div class="answer" id="answer_${answer.answer_id}">
        {if answer.display == 'flagged'}
            <div class="answer_text"><span onclick="BCNTRY.wall.PDP.view_flagged_answer_onclick(this, '${question_id}','${answer.answer_id}')"><a href="#" onclick="return false;" rel="nofollow">${answer.flagged_description}</a></span>
            
        {else}
			{if answer.image_url_small}
				<div class="content_image">
                    <a class="cpi_zoom" rel="nofollow" href="${answer.image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
						${answer.image_el_small}
					</a>
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${answer.image_url_large}" onclick="return false;">Zoom</a></span>
					</a>
				</div>
			{/if}
			<div class="content_right{if ! answer.image_url_small} expanded{/if}">
				<div class="answer_text"><p>${answer.body}</p></div>
				<div class="answer_info">
					<p>By: <a class="user_profile_link" href="${answer.user.profile_url}">${answer.user.display_name}</a>
							<a class="user_profile_link" href="${answer.user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
							{if answer.user.badges}
								{for badge in answer.user.badges}
									${badge.image_el}
								{/for}
							{/if}

<br />${answer.date}</p>
				</div>
				<form class="helpfulness_form">
					<input type="hidden" name="content_type" value="answer" />
					<input type="hidden" name="content_id" value="${answer.answer_id}" />
					<input type="hidden" name="is_helpful" value="" />
					<p>
						Was this helpful?
						${answer.helpful_html}
					</p>
				</form>
				<p class="answer_options">
					{if answer.flagged}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_answer_onclick(this, '${question_id}', '${answer.answer_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
					{else}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
					{/if}
					{if answer.user.id == curr_user.id}
						<span class="improve_link" onclick="BCNTRY.wall.PDP.improve_answer_onclick(this, '${question_id}', '${answer.answer_id}');"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
						<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_answer_submit_onclick(this, '${question_id}', '${answer.answer_id}');"><a href="#" onclick="return false;" rel="nofollow">Delete This</a></span>
					{/if}
					<div class="error_message"></div>
				</p>
			</div>
        {/if}
        {if messaging.answer}{if messaging.answer_id == answer.answer_id}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}{/if}
        </div>
        {/for}

{if solicit_answer_display == 'normal' }
			<div class="answer">
				<div class="answer_container">
					 <form class="provide_answer_form" name="answer_question" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/answer/QKS4040/${question_id}.html">
						<input type="hidden" name="question_id" value="${question_id}"/>
						<input type="hidden" name="answer_id" value="" />
						<h3>Got an answer for ${user.display_name}?</h3>
						<div class="error_message"></div>
						<div class="textarea_container">
							<textarea class="answer_content" name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this.form)"></textarea>
							<input type="hidden" name="answer_content_default" value="" />
						</div>
						<div class="content_image_upload_container">
							<h4 class="expanded">
								Attach an image to your answer.
								<span class="optional">(Optional)</span>
							</h4>
							<p class="cpi_q expanded" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
							<div>
								<label id="cust_image_lbl" for="cust_image">Choose file:</label>
								<input type="file" name="cust_image" />
							</div>
						</div>
						<input type="image" src="http://content.backcountry.com/images/bcs/buttons/answer_it.gif" alt="Submit Answer" class="answer_it_button" />
						<span class="answer_chars"></span>
					</form>
				</div>
			</div>
		{else}
			<div class="answer_solicit">
				<p><a href="https://www.backcountry.com/store/content_upload/answer/QKS4040/${question_id}.html" rel="nofollow">Answer ${user.display_name}'s question ></a></p>
			</div>
		{/if}
	{/if}

{if display == 'normal'}
		<div class="cpi_item">
			<div class="image_area">
                <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
					${url_small_html}
				</a>
			</div>
			<div class="cpi_right">
				<h3><a href="${ucp_link}" >${title}</a></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>
						{if user.badges}
							{for badge in user.badges}
								${badge.image_el}
							{/for}
						{/if}

<br /><span class="cpi_date">${display_date}</span>
					</p>
				</div>
				<p class="cpi_desc">${description}</p>
				<form class="helpfulness_form">
					<input type="hidden" name="content_type" value="user_product_image" />
					<input type="hidden" name="content_id" value="${id}" />
					<input type="hidden" name="is_helpful" value="" />
					<p>
						Was this helpful?
						${helpful_html}
					</p>
				</form>
				<p class="image_options">
					{if flagged}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_cpi_onclick(this, '${id}');"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
					{else}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_cpi_onclick(this, '${id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
					{/if}
					{if owned_by_current_user}
						<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_cpi_submit_onclick(this, '${id}');"><a href="#" onclick="return false;" rel="nofollow">Delete Photo</a></span>
						<span class="improve_link" onclick="window.location='https://www.backcountry.com/store/content_upload/cpi_edit/QKS4040.html?image_id=${id}';"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
					{/if}
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();BCNTRY.product_wall_image_zoom(this.parentNode.parentNode)"><a class="cpi_zoom" href="${image_url_large}" onclick="return false;">Zoom</a></span>
				</p>
			</div>
			{if message}<div class="cpi_flagged confirmation">${message}</div>{/if}
			<div class="error_message"></div>
		</div> 
	 	<div class="cpi_right">
			<div class="the_comments">
				{if comment.comment_count > 0}
					<p class="cpi_options">
						<div class="comment_summary" id=${comment.comment_count}>
							  <h4 class="thread_info">
								  <a href="#" onclick="BCNTRY.wall.PDP.toggle_comments_onclick(this, 'cpi', '${id}');return false;" class="comments_toggler">${comment.comment_count} {if comment.comment_count == 1} Comment {else} Comments {/if}</a> 
								  Last Comment: <span class="cpi_date">${comment.latest_comment_submit_dt}</span>
								  by: <a class="user_profile_link"  href="${comment.profile_url}">${comment.latest_comment_user_display_name}</a>
							  </h4>
						 </div>
						 <div class="threaded_comments_cpi"></div>
					</p>
				{/if}
				<div class="error_message"></div>
				{if comment.solicit_comment_display == 'normal'}
					<div class="inline_solicitation">
					  <div class="comment_container">
							<form class="provide_comment_form" name="comment_cpi" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/cpicomment/QKS4040/${id}" >
								<input type="hidden" name="content_id" value="${id}" />
								<input type="hidden" name="content_type" value="cpi" />
								<div class="error_message"></div>
								<div class="textarea_container"> 
									<textarea class="comment_content" name="comment_content" onkeyup="BCNTRY.wall.PDP.comment_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.comment_content_onfocus(this.form)">Write your comment here...</textarea>
									<input type="hidden" name="comment_content_default" value="Write your comment here..." /> 
								</div> 
								<input type="image" src="http://content.backcountry.com/images/bcs/buttons/comment_it.gif" alt="Submit Comment"  class="answer_it_button" /> 
								<span class="comment_chars"></span>
							</form>
						</div> 
					</div>
				{elseif comment.solicit_comment_display == 'collapsed'}
					<div id="comment_solicit" class="comment_solicit">
						<p><a href="http://www.backcountry.com/store/content_upload/cpicomment/QKS4040/" rel="nofollow">Comment on ${user.display_name}'s photo ></a></p>
					</div>
				{/if}
		 	</div> 
		 	<div class="error_message"></div>
		</div> 
	{elseif display == 'flagged'}
		<div class="cpi_item">
			<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 message}<div class="cpi_flagged confirmation">${message}</div>{/if}
		</div>
	{/if}

<div class="flag_container">
		<form class="flag_as_offensive" method="post" onsubmit="return false;" action="#">
			{if content_type == 'comment'}
				<input type="hidden" name="comment_id" value="${comment_id}"/>
			{else}
				{if content_type == 'answer'}
					<input type="hidden" name="question_id" value="${question_id}"/>
				{else}
					<input type="hidden" name="question_id" value="${content_id}"/>
				{/if}
				
				<input type="hidden" name="answer_id" value="${content_id}"/>
				<input type="hidden" name="cpi_id"    value="${content_id}"/>
				<input type="hidden" name="review_id" value="${content_id}"/>
			{/if}
			<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>
			<p>
				This post was:
				<input type="text" name="flag_description" />
				(Optional)
			</p>
			<div class="clearb"></div>
			{if is_from_carousel}
				<input class="save_answer_button" onclick="BCNTRY.wall.PDP.flag_carousel_${content_type}_submit_onclick(this.form)" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" />
			{else}
				<input class="save_answer_button" onclick="BCNTRY.wall.PDP.flag_${content_type}_submit_onclick(this.form)" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" />
			{/if}
		</form>
	</div>

<div class="review" id="review_${review_id}">
		<div>
			{if image_url_small}
				<div class="content_image">
                    <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
						${image_el_small}
					</a>
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="return false;">Zoom</a></span>
					</a>
				</div>
			{/if}
			${review_rank_img}
			<h3><a href="${review_link}">${title}</a></h3>
            <p>By: <a class="user_profile_link" href="${review_profile_link}"> ${review_display_name} </a>
                   <a class="user_profile_link" href="${review_profile_link}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
				   {if user.badges}
					   	{for badge in user.badges}
							${badge.image_el}
						{/for}
					{/if}
                <br/><span class="review_date">${review_date}</span></p>			
            <div class="review_text">
            <p>${review_comments}</p>
            </div>
            <form class="helpfulness_form">
                <input type="hidden" name="content_type" value="review" />
                <input type="hidden" name="content_id" value="${review_id}" />
                <input type="hidden" name="is_helpful" value="" />
                <p>
                    Was this helpful?
                    ${helpful_html}
                </p>
				<p class="review_options">
					<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
       	               <span class="improve_link" onclick="window.location='${editReviewURL}'">
              		       	<a href="#" onclick="return false;" rel="nofollow">Tweak This</a>
       	       	       </span>
     					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_review_submit_onclick(this, '${review_id}')">
				   		<a href="#" onclick="return false;" rel="nofollow">Delete Review</a>
					</span>
				</p>
				<div class="confirmation">Thanks for the review, ${review_display_name}.</div>
           </form>
		</div>
	</div>

{if display == 'normal'}
		<input type="hidden" id="review_${review_id}_title" value="${title}" />
		<input type="hidden" id="review_${review_id}_rank" value="${rank}" />
		<input type="hidden" id="review_${review_id}_body" value="${body}" />
		<input type="hidden" id="review_${review_id}_img_url" value="${image_url_small}" />
		${rank_image}
		<div class="review_item">
			{if image_url_small}
				<div class="content_image">
                    <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
						${image_el_small}
					</a>
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="return false;">Zoom</a></span>
					</a>
				</div>
			{/if}
			<div class="content_right{if ! image_url_small} expanded{/if}">
				<h3><a href="${review_link}">${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>
					{if user.badges}
						{for badge in user.badges}
							${badge.image_el}
						{/for}
					{/if}
					<br /><span class="review_date">${date}</span>
				</p>
				<div class="review_text"><p>${body}</p></div>

<form class="helpfulness_form">
						<input type="hidden" name="content_type" value="review" />
						<input type="hidden" name="content_id" value="${review_id}" />
						<input type="hidden" name="is_helpful" value="" />
					<p>
						Was this helpful?
						${helpful_html}
					</p>
				</form>
				<p class="review_options">
					{if flagged}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
					{else}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
					{/if}

{if owned_by_current_user}
							<span class="improve_link" onclick="BCNTRY.wall.PDP.edit_review_onclick(this, ${review_id})">
								<a href="#" onclick="return false;" rel="nofollow">Tweak This</a>
							</span>
							<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_review_submit_onclick(this, '${review_id}')">
							<a href="#" onclick="return false;" rel="nofollow">Delete Review</a>
						</span>
					{/if}
				</p>
			{if message}<div class="review_flagged confirmation">${message}</div>{/if}
			<div class="error_message"></div>
		</div>
		</div> 
		<div class="the_comments">
		{if comment.comment_count > 0}
			<div class="comment_summary" id=${comment.comment_count}>
				  <h4 class="thread_info">
					  <a href="#" onclick="BCNTRY.wall.PDP.toggle_comments_onclick(this, 'review', '${review_id}');return false;" class="comments_toggler">${comment.comment_count} {if comment.comment_count == 1} Comment {else} Comments {/if}</a> 
					  Last Comment: <span class="review_date">${comment.latest_comment_submit_dt}</span>  
					  by: <a class="user_profile_link"  href="${comment.profile_url}">${comment.latest_comment_user_display_name}</a>
				  </h4>
			 </div>
		{else}
			<div class="comment_summary" id=0></div>
		{/if}
			 <div class="threaded_comments_review"></div>
		{if comment.solicit_comment_display == 'normal'}
			<div class="inline_solicitation">
			  <div class="comment_container">
					<form class="provide_comment_form" name="comment_review" method="POST" enctype="multipart/form-data"  action="https://www.backcountry.com/store/content_upload/reviewcomment/QKS4040/${review_id}">
						<input type="hidden" name="content_id" value="${review_id}" />
						<input type="hidden" name="content_type" value="review" />
						<div class="error_message"></div>
						<div class="textarea_container"> 
							<textarea class="comment_content" name="comment_content" onkeyup="BCNTRY.wall.PDP.comment_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.comment_content_onfocus(this.form)">Write your comment here...</textarea>
							<input type="hidden" name="comment_content_default" value="Write your comment here..." /> 
						</div> 
						<input type="image" src="http://content.backcountry.com/images/bcs/buttons/comment_it.gif" alt="Submit Comment" class="answer_it_button" /> 
						<span class="comment_chars"></span>
					</form>
				</div> 
			</div>
			<div class="clearb"></div>
		{elseif comment.solicit_comment_display == 'collapsed'}
			<div id="comment_solicit" class="comment_solicit">
				<p><a href="http://www.backcountry.com/store/content_upload/reviewcomment/QKS4040/" rel="nofollow">Comment on ${user.display_name}'s review ></a></p>
			</div>
		{/if}
		</div> 
	{elseif display == 'flagged'}
		<div class="review_item">
			<div class="review_text">
				<p class="user_flagged_text">
					<span onclick="BCNTRY.wall.PDP.view_flagged_review_onclick(this, '${review_id}')">
						<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
					</span>	
				</p>
			</div>
			{if message}<div class="review_flagged confirmation">${message}</div>{/if}
		</div>
	{/if}

{if display == 'normal'}
 		<div class="comment_info">
			<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>
				{if user.badges}
					{for badge in user.badges}
						${badge.image_el}
					{/for}
				{/if}
				<br />
				<span class="comment_date">${date}</span>
			</p>
		</div>
		<div class="comment_content">
		<div class="comment_text"><p>${body}</p></div>
	
		<p class="comment_options">
			{if flagged}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_comment_onclick(this,'${id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
			{else}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_comment_onclick(this, '${id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
			{/if}
			<div class="error_message"></div>
		</p>
		
		<form class="helpfulness_form">
			<input type="hidden" name="content_type" value="comment" />
			<input type="hidden" name="content_id" value="${id}" />
		   	<input type="hidden" name="is_helpful" value="" />
			<p>
           		Was this helpful?
	           	${helpful_html}
    	  	</p>
		</form>

</div>
		{if message}<div class="comment_flagged confirmation">${message}</div>{/if}
	{elseif display == 'flagged'}
			<div class="comment_text">
				<p class="user_flagged_text">
					<span onclick="BCNTRY.wall.PDP.view_flagged_comment_onclick(this, '${id}')">
						<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
					</span>
				</p>
			</div>
			<div class="error_message"></div>
			{if message}<div class="comment_flagged confirmation">${message}</div>{/if}
	{/if}

Change me.

Tech Specs:

Material:: Polyester Diamond Dobby ripstop
Outseam:: 20in
Waist:: Surf-style tie
Fly:: Neoprene
Recommended Use:: Surfing
Country of Origin:: Albania

Backcountry.com

Clothing

Gear

Accessories

Uploaded By:

Was this helpful?

Close

Flag This

Quiksilver Cool Out 20

Please choose an option to order this item.

Backcountry.com Gift Bag

Quiksilver Cool Out 20

Product Wall

Tech Specs:

Customers Who Bought This Item Also Bought: