Close

Shopping bag

0  

Just added:

Subtotal:

DESKTOP_MINI_CART_1
DESKTOP_MINI_CART_2
Close

Favourites

0 

Just added:

DESKTOP_MINI_WISHLIST_1
DESKTOP_MINI_WISHLIST_2

Sign In LOGOUT

Log into your account

You have successfully logged out of your account

Join in the loop

DESKTOP_SIGN_IN_ESPOT
DESKTOP_LOG_OUT_ESPOT

Create account

Already have an account?

Join in the loop

Account benefits

SIMPLY CREATE AN ACCOUNT & TICK THE SUBSCRIBE BUTTON TO RECEIVE THESE EXCLUSIVE PERKS:

  • Exclusive offers
  • Pre-sale alerts
  • New collection previews & trend updates
  • VIP invitations to exclusive events
  • Record of each purchase so you don't miss out on our Promises

PERSONAL INFO


Create a user name



Password

Security question

Create Account
DESKTOP_GLOBAL_BANNER_PROMOTION
special_offers.js <!-- DELIVERY --><!--[if IE 7 ]> <div id="content" class="so-page so-landing clearfix ie7"> <![endif]--><!--[if IE 8 ]> <div id="content" class="so-page so-landing clearfix ie8"> <![endif]--><!--[if IE 9 ]> <div id="content" class="so-page so-landing clearfix ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><div id="content" class="so-page so-landing clearfix"><!--<![endif]--> <!-- CSS specific to Trend Spotlight pages --> <style media="screen,projection"> #content.so-page { padding: 15px 25px 25px; } #content.ie7 { width: 892px !important; } #content .font-replaced { font-weight: 200; line-height: 1; } /* content header styles */ .so-header { margin-bottom: 25px; position: relative; } .so-header h1 { font-size: 48px; margin-bottom: 1px; text-transform: uppercase; } .so-header .so-social { bottom: 10px; height:19px; position:absolute; right:0; width: 22%; } #so-fb-like { right: 0; overflow:hidden; position:absolute; top:-1px; width:82px; } /* end content header styles */ /* main content styles */ .so-page .so-main { } .so-offers-list { list-style: none; } .so-offers-list li { clear: both; margin-bottom: 30px; } .so-offers-list li h2 { font-size: 38px; letter-spacing: 1px; margin-top: 0; width: 100%; } .so-offers-list li img { float: left; } .so-offers-list li .so-info { float: right; padding: 0 15px; width: 569px; } .so-offers-list .so-info a { color: #39c !important; display: block; } .so-offers-list .so-info a:hover { color: #000 !important; } .so-offers-list .so-info .so-cta { background: url("/wcsstore/SGH/experiences/special-offers/images/so-arrow-right.png") no-repeat scroll 100% 3px transparent; font-size: 15px; margin-bottom: 5px; text-transform: uppercase; } #free2dayship .so-cta { width: 143px; } #freegiftwrap .so-cta { width: 145px; } #holidaycarekit .so-cta { width: 175px; } #arnette .so-cta { width: 135px; } #giftguide .so-cta { width: 175px; } #oakley .so-cta { width: 208px; } #gargoyles .so-cta { width: 153px; } #electric .so-cta { width: 135px; } #spy .so-cta { width: 95px; } .so-offers-list .so-info .so-cta:hover { background-position: 100% -20px; } .so-offers-list .so-info .so-toggle { font-size: 11px; width: 80px; } .so-offers-list .so-info .so-details { background-color: #fff; display: none; position: relative; top: -15px; } .so-offers-list .so-info .so-details.so-visible { display: block; } .so-offers-list .so-info p { clear: both; color: #666; font-family: Arial,sans-serif; font-size: 12px; padding-bottom: 12px; } .so-offers-list .so-info .so-details p { font-size: 11px; padding-right: 24px; } .so-offers-list .so-info p > em { font-weight: bold; } /* end main content styles */ </style> <!-- END CSS specific to My Trend Spotlight pages --> <div class="so-header"> <h1 class="font-replaced"> Special Offers </h1> <div class="so-social clearfix"> <div id="so-fb-like"> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.sunglasshut.com%2Fwebapp%2Fwcs%2Fstores%2Fservlet%2FExperience%3FstoreId%3D11351%26experienceName%3Dspecial-offers&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:82px; height:21px;" allowTransparency="true"></iframe> </div> </div> </div> <div class="so-content clearfix"> <div class="so-main"> <ul class="so-offers-list clearfix"><!-- ACTIVE SPOTS --><!-- <li class="clearfix" id="giftguide"> <img src="/wcsstore/SGH/experiences/special-offers/images/SpecialOffer_giftwrap.jpg" alt="Gift Wrap" style="width:293px;" /> <div class="so-info"> <h2 class="font-replaced">FREE GIFT WRAP WITH PURCHASE OF $125 OR MORE</h2> <p>Select the gift wrap checkbox for each product to be wrapped in checkout and the $4.99 charge will be automatically deducted. Offer is valid now through 12AM on Sunday, May 13, 2012.</p> <a href="/webapp/wcs/stores/servlet/Experience?storeId=11351&catalogId=11151&experienceName=mothers-day-2012" class="so-cta">SHOP OUR GIFT GUIDE</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p>Select the gift wrap checkbox for each product to be wrapped in checkout and the $4.99 charge will be automatically deducted. Offer is valid now through 12AM on Sunday, May 13, 2012. <br><br> Excludes accessories, such as care kits, cleaners, cords, and frame cases. Offer subject to adjustment due to returns, cancellations and exchanges. Not valid on previous online purchases, store purchases, with any other shipping offers or offers that provide discounts on your entire order. Offer may be modified or discontinued at any time without notice.</p> </div> </div> </li> --> <!-- <li class="clearfix" id="holidaycarekit"> <img src="/wcsstore/SGH/experiences/special-offers/images/SpecialOffer_CareKit2.jpg" alt="Holiday Care Kit" /> <div class="so-info"> <h2 class="font-replaced">FREE CARE KIT WITH A PURCHASE OF $150 OR MORE</h2> <p>Add merchandise to your cart totaling $150 or more and the care kit will automatically be added.</p> <a href="/webapp/wcs/stores/servlet/Catalog?storeId=11351&sb=p_product_popularity&so=asc" class="so-cta">SHOP BEST SELLERS</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p>Add merchandise to your cart totaling $150 or more and the care kit will automatically be added. Offer is valid now through 11:59PM ET on Sunday, December 25, 2011 or while supplies last. One kit per online order. Retail value $9.99. <br><br> Shipping &amp; handling and taxes do not qualify towards offer eligibility. Offer subject to adjustment due to returns, cancellations and exchanges. Not valid on previous online purchases, store purchases, with any other shipping offers or offers that provide discounts on your entire order. Offer may be modified or discontinued at any time without notice.</p> </div> </div> </li> --> <!--<li class="clearfix" id="holiday 50"> <img src="/wcsstore/SGH/experiences/special-offers/images/SpecOffer_BlkFriday_50Off.jpg" alt="50 Percent Off Sale" /> <div class="so-info"> <h2 class="font-replaced">SAVE AN ADDITIONAL 50% OFF ALL SALE ITEMS</h2> <p>Add qualifying sale merchandise to your cart. Enter promotional code <strong>SAVE50</strong> at checkout to get an additional 50% off the sale price. </p> <a href="/webapp/wcs/stores/servlet/Catalog?storeId=11351&sf=261&sb=p_product_inventory&so=desc" class="so-cta">SHOP SALE ITEMS</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p>Add qualifying sale merchandise to your cart. Enter promotional code <strong>SAVE50</strong> at checkout to get an additional 50% off the sale price. Offer is valid now through 11:59 PM ET on November 28, 2011. Gift cards, gift wrap, shipping & handling and taxes do not qualify towards offer eligibility. Offer subject to adjustment due to returns, cancellations and exchanges. Not valid on previous online purchases, store purchases, with any other shipping offers or offers that provide discounts on your entire order. Offer may be modified or discontinued at any time without notice.</p> </div> </div> </li> <li class="clearfix" id="holiday bonus"> <img src="/wcsstore/SGH/experiences/special-offers/images/SpecOffer_Pre-Black_Bonus.jpg" alt="Bonus Offer" /> <div class="so-info"> <h2 class="font-replaced">GET A $20 BONUS CODE ON ORDERS OF $149.99 OR LESS, GET A $50 BONUS CODE ON ORDERS OF $150 OR MORE (FULL-PRICED ITEMS ONLY) </h2> <p>Shop for full-priced items on SunglassHut.com on November 28 to receive your bonus code. Bonus codes will be emailed within 24 hours of shipped order. Bonus codes can be redeemed starting at 12 AM ET on 11/30/2011 through 11:59 PM ET on 12/31/2011.</p> <a href="/webapp/wcs/stores/servlet/Catalog?storeId=11351&sb=p_product_rating&so=desc" class="so-cta">SHOP TOP-RATED STYLES</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p>Shop for full-priced items on SunglassHut.com on November 28 to receive your bonus code. Bonus codes will be emailed within 24 hours of shipped order. Bonus codes can be redeemed starting at 12 AM ET on 11/30/2011 through 11:59 PM ET on 12/31/2011. Offer valid only at SunglassHut.com. <br><br> To redeem online, go to SunglassHut.com and enter bonus code in the Promotional Code field at checkout. Limit one per customer, one-time use only. Gift cards, gift wrap, shipping & handling and taxes do not qualify towards offer eligibility. Not valid in stores, for cash or cash equivalent, or past purchases. Cannot be replaced if lost, stolen, or expired. </p> </div> </div> </li>--> <!--<li class="clearfix" id="spy"> <img src="/wcsstore/SGH/experiences/special-offers/images/SpyBeanie_SpecialOffers_01.jpg" alt="Next Day on Orders Over 250" /> <div class="so-info"> <h2 class="font-replaced">FREE BEANIE HAT WITH ANY SPY PURCHASE</h2> <p>Add any Spy product to your cart and the hat will automatically be added. </p> <a href="/webapp/wcs/stores/servlet/Catalog?storeId=11351&sf=170&of=170" class="so-cta">SHOP SPY</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p>Add any Spy product to your cart and the hat will automatically be added. Offer valid online only. One hat per online order, while supplies last. Retail value $19.99. Void where prohibited. Offer may be modified or discontinued at any time without notice. </p> </div> </div> </li>--> <!-- <li class="clearfix" id="arnette"> <img src="/wcsstore/SGH/experiences/special-offers/images/Special_Offer_Arnette_Del.jpg" alt="Del the Funky Homosapien" /> <div class="so-info"> <h2 class="font-replaced">FREE EXCLUSIVE DEL THE FUNKY HOMOSAPIEN CD WITH ANY ARNETTE PURCHASE</h2> <p>Add qualifying Arnette items to your cart and the CD will automatically be added. </p> <a href="http://www.sunglasshut.com/webapp/wcs/stores/servlet/Catalog?storeId=11351&sf=36&of=36" class="so-cta">Shop Arnette</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p>Add qualifying Arnette items to your cart and the CD will automatically be added. Offer valid online only. One CD per online order, while supplies last. Retail value $15. Void where prohibited. Offer may be modified or discontinued at any time without notice. <b>Disclaimer: Lyrics contain strong language.</b> </p> </div> </div> </li> --> <!--<li class="clearfix" id="oakley"> <img src="/wcsstore/SGH/experiences/special-offers/images/so-oakley-lanyard.jpg" alt="Image of Oakley Lanyard" /> <div class="so-info"> <h2 class="font-replaced">Free Lanyard with Oakley Holbrook Purchase</h2> <p>Add qualifying Oakley merchandise to your cart and the lanyard will automatically be added.</p> <a href="http://www.sunglasshut.com/webapp/wcs/stores/servlet/Search?st=oakley+holbrook&sb=p_product_inventory&so=desc&storeId=11351" class="so-cta">Shop Oakley Holbrook</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p> Receive a FREE Oakley lanyard with any Oakley Holbrook purchase. Add qualifying Oakley merchandise to your cart and the lanyard will automatically be added. Offer valid online only. One gift per online order, while supplies last. Retail value $9.00. Void where prohibited. Offer may be modified or discontinued at any time without notice. </p> </div> </div> </li> <li class="clearfix" id="gargoyles"> <img src="/wcsstore/SGH/experiences/special-offers/images/so-gargoyles-hat.jpg" alt="Image of Gargoyles Hat" /> <div class="so-info"> <h2 class="font-replaced">Free Hat with Gargoyles Purchase</h2> <p>Add qualifying Gargoyles merchandise to your cart and the baseball hat will automatically be added.</p> <a href="http://www.sunglasshut.com/webapp/wcs/stores/servlet/Catalog?storeId=11351&sf=320&of=320" class="so-cta">Shop Gargoyles</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p> Receive a FREE Gargoyles baseball hat with any Gargoyles purchase. Add qualifying Gargoyles merchandise to your cart and the baseball hat will automatically be added. Offer valid online only. One gift per online order, while supplies last. Retail value $20.00. Void where prohibited. Offer may be modified or discontinued at any time without notice. </p> </div> </div> </li>--> <!-- <li class="clearfix" id="electric"> <img src="/wcsstore/SGH/experiences/special-offers/images/so-electric-hat.jpg" alt="Image of Electric Hat" /> <div class="so-info"> <h2 class="font-replaced">Free Hat with Electric Purchase</h2> <p>Add qualifying Electric merchandise to your cart and the hat will automatically be added.</p> <a href="http://www.sunglasshut.com/webapp/wcs/stores/servlet/Catalog?storeId=11351&sf=173&of=173" class="so-cta">Shop Electric</a> <a href="#JS" class="so-toggle">Show Details</a> <div class="so-details"> <a href="#JS" class="so-toggle">Hide Details</a> <p> Receive a FREE Electric Volt hat with any Electric purchase. Add qualifying Electric merchandise to your cart and the baseball hat will automatically be added. Offer valid online only. One gift per online order, while supplies last. Colors may vary. Retail value $24.99. Void where prohibited. Offer may be modified or discontinued at any time without notice. </p> </div> </div> </li> --> </ul> </div> </div> </div><!-- #content --> <script> /*global alert: false, confirm: false, console: false, Debug: false, head: false, $: false, jQuery: false, window: false, unescape: false*/ // The preceding comment prevents JSLint from showing warnings about commonly used global variables "use strict"; (function($){ var soInfo = $(".so-info"), soShowLinks = soInfo.find(".so-cta + .so-toggle"), soHideLinks = soInfo.find(".so-details > .so-toggle"), soTargets = soInfo.find(".so-details"); // Initialization soShowLinks.bind("click", function(e) { e.preventDefault(); var that = this, target = $(that).siblings(".so-details"); target.fadeIn(1000,function() {target.addClass("so-visible");}); } ); soHideLinks.bind("click", function(e) { e.preventDefault(); var that = this, target = $(that).parent(); target.fadeOut(1000,function() {target.removeClass("so-visible");}); } ); // social links }(jQuery)); </script><!-- END DELIVERY -->
Loading
Loading