group-sales.js <!-- DELIVERY --><!--[if IE 7 ]> <div id="content" class="cgs-landing clearfix ie7"> <![endif]--><!--[if IE 8 ]> <div id="content" class="cgs-landing clearfix ie8"> <![endif]--><!--[if IE 9 ]> <div id="content" class="cgs-landing clearfix ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><div id="content" class="cgs-landing clearfix"><!--<![endif]--> <!-- CSS specific to Trend Spotlight pages --> <style media="screen,projection"> #content.cgs-landing{ overflow:hidden; padding:10px; width:924px; } .cgs-landing .o-header{ background:#15b4a2 url("/wcsstore/SGH/experiences/group-sales/images/GroupSales_091613.jpg") no-repeat; color:#fff; height:303px; margin:0 0 42px; padding:20px 48px 0 669px; position:relative; } .cgs-landing .o-header .hgroup{ left:28px; position:absolute; top:50px; } .cgs-landing .o-header .hgroup h1{ color:#fff; font-size: 50pt !important; line-height:48pt !important; padding:0 0 4px;margin-bottom: 15px;font-family: "brandon_bold", Helvetica, Arial,sans-serif; font-weight:normal; } .cgs-landing .o-header .hgroup h2{ color:#fff; font-size:18px; font-weight:normal; padding:0 0 0 4px; text-transform:uppercase; margin-top: 0; font-family: "brandon_bold", Helvetica, Arial,sans-serif; font-weight:normal; } .cgs-landing .o-header h2.font-replaced{ color:#fff; float:none; font-size:36px; letter-spacing:1px; line-height:25px; margin:0; padding:0 0 21px; } .cgs-landing .o-header p{ font-size:12px; font-weight:100; line-height:15px; margin:0; padding:0 0 32px; } .cgs-landing .o-header h3{ font-size:16px; font-weight:normal; margin:0; text-transform:uppercase; } .cgs-landing .o-header a:hover{ color:#fff !important; } #cgs-page-fb-like{ left:48px; position:absolute; top:0px; width:88px; } .cgs-landing .o-social{ position:relative; padding:0 0 0 88px; margin: 0 0 0 110px; } .cgs-landing .o-social ul{ left:0; list-style-type:none; margin:0; overflow:hidden; padding:0; position:absolute; } .cgs-landing .o-social li{ float:left; list-style-type:none; width:24px; } .cgs-modules{ margin:0; padding:0 0 10px; overflow:hidden; width:922px; } .cgs-modules li{ float:left; list-style-type:none; padding:25px 10px 47px 5px; position:relative; width:216px; } .cgs-modules li img{ position:absolute; top:26px; left:24px; } .cgs-modules li:first-child{ border-right:1px solid #bababa; width:215px; } .cgs-modules li:first-child img{ left:22px; } .cgs-modules h2, .cgs-gift-cards h2{ float:none; font-size:31px; letter-spacing:1px; line-height:24px; padding:0 0 10px; margin:0; } .cgs-modules p, .cgs-gift-cards p{ color:#666; font-size:12px; margin:0; padding:0 0 9px; } .cgs-shop{ color:#3398cc !important; font-size:11px; } .cgs-shop span{ border-bottom:4px solid transparent; border-left:4px solid #3398cc; border-top:4px solid transparent; display:inline-block; height:0; left:2px; position:relative; width:0; top:0px; zoom:1; } .ie7 .cgs-shop span{ top:-3px; }<!--[if IE 7 ]>position:absolute !important; top:0 !important; right:0 !important;<![endif]--> } .cgs-shop:hover{ color:#000 !important; } .cgs-shop:hover span { border-left:4px solid #000; } .cgs-shop-fearlessly{ float:left; margin:0; min-height:97px; overflow:hidden; padding:26px 0 0 25px; width:623px; } .cgs-shop-fearlessly ul{ float:left; list-style-type:none; padding:0; margin:0; width:223px; } .cgs-shop-fearlessly li{ background:url(/wcsstore/SGH/experiences/group-sales/css/images/cgs-bullet.png) no-repeat 0 5px; color:#666; font-size:12px; line-height:15px; list-style-type:none; padding:0 0 7px 8px; } .cgs-shop-fearlessly h5 { font-family: "brandon_bold", Helvetica, Arial,sans-serif; font-weight:normal; padding: 6px 10px; background:#000; font-size:14px; text-transform: uppercase; color:#fff; width:540px; margin-bottom:15px; } .cgs-gift-cards{ float:left; position:relative; width:278px; } .cgs-gift-cards h2{ border-bottom:5px solid #000; margin:0 0 14px; padding:0 0 7px; position:relative; z-index:10; } .cgs-gift-cards img{ left:119px; position:absolute; top:0; z-index:100; }#email-modal { width:460px !important; padding:20px; float:left; }#email-modal h2.font-replaced { font-size:34px; margin:0; padding:0; }#email-modal p { margin:0 0 22px; }#email-modal textarea { background-color:#FFF; }a.ui-dialog-titlebar-close { right: 3px !important; }.email-form .modal-close { background:transparent url(../images/account/delete-link-x.png) no-repeat 100% 2px; color:#3399CC; display:block; font-size:11px; margin:8px 0 0 0; padding:0 13px 0 0; }.email-form .modal-close:hover { background-position:100% -19px; color:#000 !important; } </style> <!-- END CSS specific to this page --> <div class="o-header"> <div class="hgroup"> <h1 class="font-replaced"> Corporate &amp; <br /> Group Sales </h1> <h2> Give the Gift of Style with <br /> a Pair of Sunglasses </h2> </div> <div class="o-social"> <div id="cgs-page-fb-like"><!-- TODO: Replace underscores with URL of the page (you MUST triple encode & and = as %252526 and %25253D) --> <fb:like href="http://www.sunglasshut.com/webapp/wcs/stores/servlet/Experience?storeId=10152&amp;experienceName=group-sales" send="false" layout="button_count" width="450" show_faces="true"></fb:like> </div> <ul><!-- TODO: Replace underscores with URL and title of the page (you MUST triple encode & and = as %252526 and %25253D) --> <li><a href="#JS" id="cgs-page-facebook" rel="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.sunglasshut.com%2Fwebapp%2Fwcs%2Fstores%2Fservlet%2FExperience%3FstoreId%25253D10152%252526experienceName%25253Dgroup-sales&amp;t=Sunglass Hut Group Sales"><img alt="Share on Facebook" height="19" src="/wcsstore/SGH/experiences/group-sales/images/o_icon_facebook.png" width="18"/></a></li><!-- TODO: Replace underscores with URL of the page --> <li><a href="#JS" id="cgs-page-twitter" rel="http://twitter.com/home?status=http%3A%2F%2Fwww.sunglasshut.com%2Fwebapp%2Fwcs%2Fstores%2Fservlet%2FExperience%3FstoreId%25253D10152%252526experienceName%25253Dgroup-sales"><img alt="Share on Twitter" height="19" src="/wcsstore/SGH/experiences/group-sales/images/o_icon_twitter.png" width="18"/></a></li> </ul> </div> </div> <ul class="cgs-modules"> <li style="width:570px ! important; padding-left:26px ! important;"> <h2 class="font-replaced">THE DETAILS</h2> <p> Need to place an order for your next special event? Sunglass Hut is happy to help! <br><br> &#8226;&nbsp;&nbsp; Volume discounts are available on sunglasses and accessory orders. <br> &#8226;&nbsp;&nbsp;Our customer service representative can provide a list of qualifying brands from which you can choose. <br> &#8226;&nbsp;&nbsp; No matter the order size, you’ll always get free shipping and free returns. <br> &#8226;&nbsp;&nbsp; Need your order gift wrapped? Need gift receipts? Just let us know and we will make it happen. <br> &#8226;&nbsp;&nbsp; Group sales are available in Canada, too! </p> <a href="/wcs/stores/servlet/SearchDisplay?searchType=100&orderBy=5&showResultsPage=true&pageType=&langId=-1&beginIndex=0&sType=SimpleSearch&metaData=&pageSize=18&manufacturer=&catalogId=10102&pageView=image&facet=&categoryId=&storeId=10154" class="cgs-shop">Shop Best Sellers <span></span> </a> </li> <li style="width:240px ! important; padding-left:40px ! important;"> <h2 class="font-replaced">GIFTING IDEAS</h2> <p> &#8226;&nbsp;&nbsp; Employee incentives <br> &#8226;&nbsp;&nbsp; Customer loyalty or promotion needs <br> &#8226;&nbsp;&nbsp; Conferences <br> &#8226;&nbsp;&nbsp; Special events <br> &#8226;&nbsp;&nbsp; Weddings </p> <a href="/webapp/wcs/stores/servlet/SearchDisplay?searchType=100&orderBy=6&showResultsPage=true&pageType=&langId=-1&beginIndex=0&sType=SimpleSearch&metaData=&pageSize=18&manufacturer=&catalogId=10102&pageView=image&facet=&categoryId=&storeId=10154" class="cgs-shop">Shop Top-Rated <span></span> </a> </li> </ul> <div class="cgs-shop-fearlessly"> <h5>Sunglass Hut Promises</h5> <ul> <li> Free standard shipping </li> <li> Free returns within 90 days </li> <li> Authentic sunglasses guaranteed </li> </ul> <ul> <li> Free customized fittings at <br /> more than 1500 locations </li> <li> More than 40 premium brands available </li> </ul> </div> <div class="cgs-gift-cards" style="width: 230px ! important;"> <h2 class="font-replaced">Contact Us</h2> <p><!-- TODO: update this URL when a more specific contact us page is available --> Call 1.800.SUNGLAS (1.800.786.4527) and select Option #3 or <a href="/webapp/wcs/stores/servlet/ContactUs?storeId=10154&catalogId=10102#email" class="email-link">email us</a>. </p> </div><div style="background-color: white; width: auto; min-height: 94px; height: auto;display:none;" class="modal ui-dialog-content ui-widget-content" id="email-modal"> <h2 class="font-replaced">CONTACT US</h2> <br> <div class="email-content"> <p style="color: #8C8C8C; margin-bottom: 22px;">To ask a question or learn more about Corporate &amp; Group Sales, kindly fill out this form. We'll respond within 24 hours.</p> <div id="formContent"><style type="text/css">.email-form a { clear: both; color: #5BAFDC; font-size: 11px; text-decoration: none;}.email-form a:hover{ color:#000;}.email-form .modal-close { background: url("/wcsstore/CustomB2CStorefrontAssetStoreSGH/images/delete-link-x.png") no-repeat scroll right 3px transparent; color: #5BAFDC; float: left; font-size: 12px; margin: 10px 15px 0 0; padding-right: 13px;}.email-form .modal-close:hover{ background: url("/wcsstore/CustomB2CStorefrontAssetStoreSGH/images/delete-link-x.png") no-repeat scroll right -18px transparent;}.email-form #review-buttons{float: right; margin-top: 25px;}</style> <form method="post" action="SendEmailCmd" id="email-form" class="email-form"> <input type="hidden" value="10152" name="storeId"> <input type="hidden" value="CustomerService" name="emailType" id="email_id"> <input type="hidden" value="Group Sales" name="subject"> <div style="float: left; margin-bottom: 13px; margin-right: 15px;"> <label style="display: block; font-size: 12px;color: #8C8C8C;font-weight: normal; line-height: 16px;" for="fromName">Your Name</label> <input type="text" style="padding: 2px; width: 210px;border: 1px solid #DADADA; color: #666666; float: left; font-size: 12px;" class="text required" id="pdp_from_name" maxlength="64" name="fromName"><span class="required" generated="true" for="pdp_from_name">Please provide your name.</span> <input name="senderName" type="hidden" /> <input name="phone" type="hidden" value="None Provided" /> </div> <div style="float: left; margin-bottom: 13px;"> <label style="display: block; font-size: 12px;color: #8C8C8C;font-weight: normal; line-height: 16px;" for="senderEmail">Your Email</label> <input type="text" style="padding: 2px; width: 210px;border: 1px solid #DADADA; color: #666666; float: left; font-size: 12px;" stylw="" class="text email required" maxlength="128" name="senderEmail" id="senderEmail"><span class="required" generated="true" for="senderEmail">Please provide a valid email.</span> </div> <div class="fe" style="clear:both;"> <label style="display: block; font-size: 12px;color: #8C8C8C;font-weight: normal; line-height: 16px;" for="message">Message Body (Optional)</label> <textarea style="margin-bottom: 8px; width: 440px;border: 1px solid #DADADA; color: #666666; float: left; font-size: 12px; padding: 2px;" id="emailMsg" class="" name="messageBody" maxlength="250" cols="72" rows="8"></textarea> </div><div class="clearfix"></div> <a href="AboutUs?storeId=10152&page=privacy_policy" class="privacy">Our privacy policy</a> <div id="review-buttons"> <a href="#" class="cancel-link modal-close">Cancel</a> <div class="form-button primary-button" style="float:left;"><input type="submit" value="Send"></div> </div> <input type="reset" class="hidden reset"> </form> </div> </div></div><script> $(function(){ var emailModal = $('#email-modal'); var emailForm = emailModal.find('.email-form'); $('.o-header a[href*="ContactUs"]').click(function(e){ e.preventDefault(); emailModal.dialog({ modal: true, width: 500, open: function(){ $('.cancel-link').click(function(e){ e.preventDefault(); $(this).closest('.modal').dialog('close'); }); emailForm.validate({ onfocusout: false, onkeyup: false, onclick: false, errorClass: 'required', errorElement: 'span', rules: { fromName: {required:true}, senderEmail: {required:true, email:true} }, messages : { fromName: "Please provide your name.", senderEmail: "Please provide a valid email.", messageBody: "Please provide a message." } }).resetForm(); $('#email-form').find('input[type=text]:visible, textarea').val(''); } }); }); emailForm.submit(function(e){ if (emailForm.valid()){ e.preventDefault(); var fromName = emailForm.find('input[name="fromName"]').val(); emailForm.find('input[name="senderName"]').val(fromName); var data = emailForm.serialize(); $.ajax({ url: 'SendEmailCmd', data: data, dataType: 'html', type: 'get', complete: function(response){ emailModal.dialog('close'); try{ var responseData = $.parseJSON(response.responseText); if (responseData['success'] == 'true'){ MessageHelper.displayStatusMessage('Email sent successfully.'); }else{ MessageHelper.displayErrorMessage(constants.error.ajax); } }catch(err){ MessageHelper.displayErrorMessage(constants.error.ajax); } } }); } return false; }); });</script>

Browser Compatibility Warning

You are using an outdated browser. Unfortunately, the Sunglass Hut website may not function properly on this browser.

For an exceptional site experience, please update your browser to take full advantage of key site features.

Thank you.

ERROR
ERROR HERE
OK
Thank you
ERROR HERE
OK
Loading
Loading