<!DOCTYPE html>
<!--[if lt IE 7 ]>
<html lang="en" id="top" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>
<html lang="en" id="top" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>
<html lang="en" id="top" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>
<html lang="en" id="top" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" id="top" class="no-js"> <!--<![endif]--><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Luxury Clothing | Draper James by Reese Witherspoon</title>
<meta name="description" content="Shop the official Reese Witherspoon clothing line, Draper James. Browse Southern clothing including classic dresses, jackets for women & embellished tops." />
<meta name="keywords" content="" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="http://www.draperjames.com/media/favicon/default/favicon_1.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.draperjames.com/media/favicon/default/favicon_1.ico" type="image/x-icon" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
var BLANK_URL = 'http://www.draperjames.com/js/blank.html';
var BLANK_IMG = 'http://www.draperjames.com/js/spacer.gif';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="http://cdn.draperjames.com/js/calendar/calendar-win2k-1.css" />
<link rel="stylesheet" type="text/css" href="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/css/styles.css?3536" media="all" />
<link rel="stylesheet" type="text/css" href="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/css/fonts.css?3536" media="all" />
<link rel="stylesheet" type="text/css" href="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/css/select2.min.css?3536" media="all" />
<link rel="stylesheet" type="text/css" href="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/css/magnific-popup.css?3536" media="all" />
<link rel="stylesheet" type="text/css" href="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/css/slick.css?3536" media="all" />
<link rel="stylesheet" type="text/css" href="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/css/acdc-styles.css?3536" media="all" />
<script type="text/javascript" src="http://cdn.draperjames.com/js/lib/jquery/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/varien/js.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/varien/form.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/mage/translate.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/mage/cookies.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/select2/select2.min.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/jquery.zoom.min.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/retina.min.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/slick.min.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/pointertouch.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/jquery-ui-1.11.4.min.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/jquery/jquery.cookie.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/varien/product.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/varien/configurable.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/calendar/calendar.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/js/calendar/calendar-setup.js"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/lib/modernizr.custom.min.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/lib/enquire.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/app.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/lib/imagesloaded.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/functions.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/store.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/search.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/ajaxcart.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/configurableswatches/swatches-product.js?3536"></script>
<script type="text/javascript" src="http://cdn.draperjames.com/skin/frontend/draperjames_redesign/default/js/monogram.js?3536"></script>
<link rel="canonical" href="http://www.draperjames.com/clothing" />
<script type="text/javascript">
//<![CDATA[
Mage.Cookies.path = '/';
Mage.Cookies.domain = '.draperjames.com';
//]]>
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["HK","IE","MO","PA"];
//]]>
</script>
<!-- BEGIN GOOGLE UNIVERSAL ANALYTICS CODE -->
<script type="text/javascript">
//<![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55081038-1', 'auto');
ga('send', 'pageview');
//]]>
</script>
<!-- END GOOGLE UNIVERSAL ANALYTICS CODE -->
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq)return;
n = f.fbq = function () {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq)f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script', '//connect.facebook.net/en_US/fbevents.js');
fbq('init', '1565090960474209');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1565090960474209&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->
<script type="text/javascript">//<![CDATA[
var Translator = new Translate([]);
//]]></script><meta name="p:domain_verify" content="a2e0a2c6559feb95aef1624b1824cb10"/>
<script type="application/javascript">(function(w,d,t,r,u){w[u]=w[u]||[];w[u].push({'projectId':'10000','properties':{'pixelId':'10004844'}});var s=d.createElement(t);s.src=r;s.async=true;s.onload=s.onreadystatechange=function(){var y,rs=this.readyState,c=w[u];if(rs&&rs!="complete"&&rs!="loaded"){return}try{y=YAHOO.ywa.I13N.fireBeacon;w[u]=[];w[u].push=function(p){y([p])};y(c)}catch(e){}};var scr=d.getElementsByTagName(t)[0],par=scr.parentNode;par.insertBefore(s,scr)})(window,document,"script","https://s.yimg.com/wi/ytc.js","dotq");</script></head>
<body class=" catalog-category-view categorypath-clothing category-clothing ">
<div id='woobox-root'></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//woobox.com/js/plugins/woo.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'woobox-sdk'));</script><div class="wrapper">
<noscript>
<div class="global-site-notice noscript">
<div class="notice-inner">
<p>
<strong>JavaScript seems to be disabled in your browser.</strong><br />
You must have JavaScript enabled in your browser to utilize the functionality of this website. </p>
</div>
</div>
</noscript>
<header class="header">
<div class="bar hide-promo" id="header-bar">
<div class="shell-fluid">
<div class="promo-desktop">
<p class="promo hidden-xs">
<a class="ico-close"></a>
Enjoy an extra 30% off all sale styles with code: LABORDAY | <a href="http://www.draperjames.com/sale">Shop now></a> </p><!-- /.free-shipping -->
</div>
<div class="promo-mobile">
<p data-href="http://draperjames.testing.acacloud.com/new-arrivals" class="promo visible-xs-block"><a class="ico-close"></a> <a href="http://www.draperjames.com/sale"><span style="text-decoration: underline;">Enjoy an extra 30% off all sale styles with code: LABORDAY | Shop now></span></a> <span style="text-decoration: underline;"><br /></span></p><script type="mce-application/javascript">// <![CDATA[
$j(document).ready(function() {
$j('.promo-header').on('click', function() {
window.location.href = $j('.promo-header > p').attr('data-href');
});
});
// ]]></script> </div>
<div class="nav-utilities hidden-xs">
<ul>
<li>
<a href="/wishlist">
<i class="ico-like"></i>
<span class="text">wish list</span>
</a>
</li>
<li>
<a href="https://www.draperjames.com/customer/account/index">
<i class="ico-flower"></i>
<span class="text">sign in</span>
</a>
</li>
<li>
<a class="bag-trigger" href="http://www.draperjames.com/checkout/cart/">
<i class="ico-bag"></i>
<span class="text">shopping bag</span>
<span class="text bag-qty">(<span class="mini-cart-num">0</span>)</span>
</a>
</li>
</ul>
</div>
<!-- /.nav-utilities -->
</div>
<!-- /.shell-fluid -->
</div>
<!-- /.bar -->
<div id="cart_item_listing">
<div class="bag">
<div class="bag-inner">
<div class="bag-head">
<h3><span id="cart_cnt_num">0</span> Items Added to Shopping Bag</h3>
<a href="#" class="bag-close">
<i class="ico-close"><img src="http://www.draperjames.com/skin/frontend/draperjames_redesign/default/images/ico-close.png" /></i>
</a>
</div><!-- /.bag-head -->
<div class="bag-body">
</div><!-- /.bag-body -->
<div class="bag-actions">
<a href="http://www.draperjames.com/checkout/cart/" class="btn btn-block">checkout</a>
</div><!-- /.bag-actions -->
</div><!-- /.bag-inner -->
</div><!-- /.bag -->
</div>
<div class="header-inner">
<a href="#" class="btn-menu visible-xs-inline-block">
<i class="ico-menu"></i>
</a>
<div class="nav-utilities-mobile visible-xs-block">
<ul>
<li>
<a class="search-trigger" href="#">
<span class="icon-search">
<i class="ico-search-mobile"></i>
</span>
<i class="ico-close"></i>
</a>
</li>
<li>
<a href="http://www.draperjames.com/checkout/cart/">
<i class="ico-bag-mobile"></i>
</a>
</li>
<li>
<span class="text bag-qty">(<span class="mini-cart-num">0</span>)</span>
</li>
</ul>
</div>
<!-- /.nav-utilities-mobile -->
<a href="http://www.draperjames.com/" class="logo">Draper James</a>
<a href="#" class="btn-search search-trigger">
<span class="text">Search</span>
<i class="ico-search icon-search"></i>
<i class="ico-close"><img src="http://www.draperjames.com/skin/frontend/draperjames_redesign/default/images/ico-close.png"/></i>
</a>
</div>
<!-- /.header-inner -->
<div class="mobile-message no-display">Item has been added to <a href="http://www.draperjames.com/checkout/cart/">your shopping bag</a>.</div>
<div class="search">
<form id="search_mini_form" action="http://www.draperjames.com/catalogsearch/result/" method="get">
<input type="search" name="q" id="search"
class="search-field" maxlength="128"/>
<button type="submit" class="search-btn">
GO
</button>
</form>
</div><!-- /.search -->
<div class="header-body">
<a href="#" class="logo-scroll"></a>
<div class="nav-utilities">
<ul>
<li>
<a class="search-trigger" href="#">
<i class="ico-search icon-search"></i>
<i class="ico-close"></i>
</a>
</li>
<li>
<a href="#">
<i class="ico-like-dark"></i>
</a>
</li>
<li>
<a href="https://www.draperjames.com/customer/account/index">
<i class="ico-flower-dark"></i>
</a>
</li>
<li>
<a class="bag-trigger" href="#">
<i class="ico-bag-dark"></i>
<span class="text bag-qty">(<span class="mini-cart-num">0</span>)</span>
</a>
</li>
</ul>
</div>
<!-- /.nav-utilities -->
<nav class="nav">
<div class="nav-head visible-xs-block">
<h3><a href="http://www.draperjames.com/">home</a></h3>
<a href="#" class="nav-close">
<i class="ico-close"></i>
</a>
</div>
<!-- /.nav-head -->
<ul>
<li>
<a href="http://www.draperjames.com/new-arrivals">New Arrivals</a>
<div class="dropdown">
<div class="dropdown-header-mobile visible-xs-block">
<a class="nav-back" href="#">
<i class="ico-arrow-left"></i>
<span class="text">Back</span>
</a>
</div>
<!-- /.dropdown-header-mobile -->
<div class="dropdown-head visible-xs-block">
<a href="#" class="btn-back"></a>
<h3>New Arrivals</h3>
</div>
<!-- /.dropdown-head -->
<div class="dropdown-body">
<ul>
<li>
<a href="http://www.draperjames.com/new-arrivals/view-all">View All</a>
</li>
<li>
<a href="http://www.draperjames.com/new-arrivals/clothing">Clothing</a>
</li>
<li>
<a href="http://www.draperjames.com/new-arrivals/accessories">Handbags & Accessories</a>
</li>
<li>
<a href="http://www.draperjames.com/new-arrivals/home-decor-and-gifts">Home Accents</a>
</li>
</ul>
</div>
<!-- /.dropdown-body -->
</div><!-- /.dropdown -->
</li>
<li>
<a href="http://www.draperjames.com/clothing">Clothing</a>
<div class="dropdown">
<div class="dropdown-header-mobile visible-xs-block">
<a class="nav-back" href="#">
<i class="ico-arrow-left"></i>
<span class="text">Back</span>
</a>
</div>
<!-- /.dropdown-header-mobile -->
<div class="dropdown-head visible-xs-block">
<a href="#" class="btn-back"></a>
<h3>Clothing</h3>
</div>
<!-- /.dropdown-head -->
<div class="dropdown-body">
<ul>
<li>
<a href="http://www.draperjames.com/clothing/view-all">View All</a>
</li>
<li>
<a href="http://www.draperjames.com/clothing/classic-dresses">Dresses</a>
</li>
<li>
<a href="http://www.draperjames.com/clothing/skirts">Skirts</a>
</li>
<li>
<a href="http://www.draperjames.com/clothing/tops-tees">Tops & Tees</a>
</li>
<li>
<a href="http://www.draperjames.com/clothing/sweaters">Sweaters</a>
</li>
<li>
<a href="http://www.draperjames.com/clothing/pants-and-shorts">Pants & Shorts</a>
</li>
<li>
<a href="http://www.draperjames.com/clothing/denim-and-chambray">Denim</a>
</li>
<li>
<a href="http://www.draperjames.com/clothing/jackets-and-outerwear">Jackets & Outerwear</a>
</li>
</ul>
</div>
<!-- /.dropdown-body -->
</div><!-- /.dropdown -->
</li>
<li>
<a href="http://www.draperjames.com/accessories">Handbags & Accessories</a>
<div class="dropdown">
<div class="dropdown-header-mobile visible-xs-block">
<a class="nav-back" href="#">
<i class="ico-arrow-left"></i>
<span class="text">Back</span>
</a>
</div>
<!-- /.dropdown-header-mobile -->
<div class="dropdown-head visible-xs-block">
<a href="#" class="btn-back"></a>
<h3>Handbags & Accessories</h3>
</div>
<!-- /.dropdown-head -->
<div class="dropdown-body">
<ul>
<li>
<a href="http://www.draperjames.com/accessories/view-all">View All</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/handbags">Handbags </a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/wallets-and-pouches">Wallets & Pouches</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/hats-scarves-sunglasses">Hats, Scarves & Sunglasses</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/iphone-cases">iPhone Cases</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/key-fobs">Key Fobs</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/jewelry">Jewelry</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/stylish-shoes">Shoes</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/ties-pocket-squares">Ties & Pocket Squares</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/pet">Pet Accessories</a>
</li>
<li>
<a href="http://www.draperjames.com/accessories/this-and-that">This & That</a>
</li>
</ul>
</div>
<!-- /.dropdown-body -->
</div><!-- /.dropdown -->
</li>
<li>
<a href="http://www.draperjames.com/home-gifting">Home Accents</a>
<div class="dropdown">
<div class="dropdown-header-mobile visible-xs-block">
<a class="nav-back" href="#">
<i class="ico-arrow-left"></i>
<span class="text">Back</span>
</a>
</div>
<!-- /.dropdown-header-mobile -->
<div class="dropdown-head visible-xs-block">
<a href="#" class="btn-back"></a>
<h3>Home Accents</h3>
</div>
<!-- /.dropdown-head -->
<div class="dropdown-body">
<ul>
<li>
<a href="http://www.draperjames.com/home-gifting/view-all">View All</a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/decor-and-gifts">Decorative Accents</a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/tableware">Tabletop</a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/barware">Barware</a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/southern-stationery">Stationery & Desk Accessories</a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/books">Books</a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/blankets-and-throws">Pillows & Throws</a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/silver">Silver </a>
</li>
<li>
<a href="http://www.draperjames.com/home-gifting/hostess-gifts-155">Hostess Gifts</a>
</li>
</ul>
</div>
<!-- /.dropdown-body -->
</div><!-- /.dropdown -->
</li>
<li>
<a href="http://www.draperjames.com/seasonal">Tailgate</a>
<div class="dropdown">
<div class="dropdown-header-mobile visible-xs-block">
<a class="nav-back" href="#">
<i class="ico-arrow-left"></i>
<span class="text">Back</span>
</a>
</div>
<!-- /.dropdown-header-mobile -->
<div class="dropdown-head visible-xs-block">
<a href="#" class="btn-back"></a>
<h3>Tailgate</h3>
</div>
<!-- /.dropdown-head -->
<div class="dropdown-body">
<ul>
<li>
<a href="http://www.draperjames.com/seasonal/view-all">View All</a>
</li>
<li>
<a href="http://www.draperjames.com/seasonal/tailgating-red-blue">Red & Blue</a>
</li>
<li>
<a href="http://www.draperjames.com/seasonal/tailgating-black-gold">Black & Gold</a>
</li>
<li>
<a href="http://www.draperjames.com/seasonal/tailgating-blue-white">Blue & White</a>
</li>
<li>
<a href="http://www.draperjames.com/seasonal/tailgating-crimson-grey">Crimson & Grey</a>
</li>
<li>
<a href="http://www.draperjames.com/seasonal/tailgating-orange-white">Orange & White</a>
</li>
<li>
<a href="http://www.draperjames.com/seasonal/spirit-week">Spirit Week</a>
</li>
</ul>
</div>
<!-- /.dropdown-body -->
</div><!-- /.dropdown -->
</li>
<li>
<a href="http://www.draperjames.com/sale">Sale</a>
<div class="dropdown">
<div class="dropdown-header-mobile visible-xs-block">
<a class="nav-back" href="#">
<i class="ico-arrow-left"></i>
<span class="text">Back</span>
</a>
</div>
<!-- /.dropdown-header-mobile -->
<div class="dropdown-head visible-xs-block">
<a href="#" class="btn-back"></a>
<h3>Sale</h3>
</div>
<!-- /.dropdown-head -->
<div class="dropdown-body">
<ul>
<li>
<a href="http://www.draperjames.com/sale/view-all">View All</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/dresses-and-skirts">Dresses & Skirts</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/tops-and-sweaters">Tops & Sweaters</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/pants-and-shorts">Pants & Shorts</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/cover-ups">Cover-Ups</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/jackets-and-coats">Jackets & Coats</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/handbags">Handbags</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/wallets-and-pouches">Wallets & Pouches</a>
</li>
<li>
<a href="http://www.draperjames.com/sale/accessories">Accessories</a>
</li>
</ul>
</div>
<!-- /.dropdown-body -->
</div><!-- /.dropdown -->
</li>
<li>
<a href="http://www.draperjames.com/stories/">
stories
</a>
<div class="dropdown">
<div class="dropdown-header-mobile visible-xs-block">
<a class="nav-back" href="#">
<i class="ico-arrow-left"></i>
<span class="text">Back</span>
</a>
</div>
<!-- /.dropdown-header-mobile -->
<div class="dropdown-head visible-xs-block">
<a href="http://www.draperjames.com/stories/" class="btn-back"></a>
<h3>Stories</h3>
</div>
<!-- /.dropdown-head -->
<div class="dropdown-body">
<ul>
<li><a href="http://www.draperjames.com/stories/">View All</a></li>
<li><a href="http://blog.draperjames.com">Love, Reese Blog</a></li>
<li><a href="http://www.draperjames.com/featured-shops/">Featured Shops</a></li>
<li><a href="http://www.draperjames.com/city-guide/">City Guide</a></li>
</ul>
</div>
<!-- /.dropdown-body -->
</div><!-- /.dropdown -->
</li>
</ul>
<div class="nav-foot visible-xs-block">
<ul>
<li>
<a class="btn btn-block"
href="https://www.draperjames.com/customer/account/index">
sign in
</a>
</li>
<li>
<a class="btn btn-block" href="http://www.draperjames.com/store-locator/">find a store</a>
</li>
</ul>
</div>
<!-- /.nav-foot -->
</nav><!-- /.nav --> </div>
<!-- /.header-body -->
</header>
<span class="logo-big">
<img src="http://www.draperjames.com/skin/frontend/draperjames_redesign/default/images/logo-big.png" alt=""/>
</span>
<div class="container container-secondary">
<div class="shell-fluid">
<div class="main">
<div class="main-head">
<div class="breadcrumbs hidden-xs">
<a href="/">home</a><span>/</span><a href="http://www.draperjames.com/clothing">Clothing</a> </div><!-- /.breadcrumbs -->
<div class="mobile-header products-head visible-xs-block">
<h2>Clothing</h2>
</div><!-- /.products-head -->
<div class="filter-select filter-select-mobile visible-xs-block">
<a class="popover-trigger" href="#" data-popover="popover-filter">
<span class="text">filter</span>
<i class="ico-select-down"></i>
</a>
<a class="popover-trigger" href="#" data-popover="popover-sort">
<span class="text">sort</span>
<i class="ico-select-down"></i>
</a>
<a href="#" class="clear-filters clear-filters-mobile clear_all_op" onclick="top_options.clearAll(''); return false;" style="display: none;">
<span>Clear Filters</span>
</a>
</div><!-- /.filter -->
<div class="popover" id="popover-filter">
<a href="#" class="popover-close">
<i class="ico-close"></i>
</a>
<!-- Mobile filters -->
<ul class="nav-filter">
<li class="accordion-section">
<a class="accordion-head" href="#">
<span class="text">color</span>
<i class="ico-select-down"></i>
</a>
<div class="accordion-body">
<ul class="list-checkboxes-colors filter_color_string">
</ul>
</div><!-- /.accordion-body -->
</li>
<li class="accordion-section">
<a class="accordion-head" href="#">
<span class="text">size</span>
<i class="ico-select-down"></i>
</a>
<div class="accordion-body">
<ul class="list-checkbox-size-alt list-filter-size size_gpd">
</ul><!-- /.list-checkbox-size-alt -->
</div><!-- /.accordion-body -->
</li>
</ul>
</div><!-- /.popover -->
<div class="popover" id="popover-sort">
<div class="popover-bar">
<span class="sort-selected"></span>
<a href="#" style="display: none;" onclick="top_options.clearAll('dropdown-clear-mobile'); return false;" class="dropdown-clear-mobile">Clear</a>
</div><!-- /.popover-bar -->
<a href="#" class="popover-close">
<i class="ico-close"></i>
</a>
<ul class="list-category">
<li>
<a href="#" data-value="product_id+desc">New arrivals</a>
</li>
<li>
<a href="#" data-value="final_price+asc">Price low - high</a>
</li>
<li>
<a href="#" data-value="final_price+desc">Price high - low</a>
</li>
</ul>
</div><!-- /.popover -->
<div class="main-head-aside hidden-xs">
<div class="dropdown-custom">
<a href="#" class="dropdown-trigger">
<span class="text">Sort: </span>
<span class="text dropdown-text"></span>
<i class="ico-select-down"></i>
</a>
<div class="dropdown-content">
<ul class="sort-items">
<li>
<a href="#" data-value="product_id+desc">New arrivals</a>
</li>
<li>
<a href="#" data-value="final_price+asc">Price low - high</a>
</li>
<li>
<a href="#" data-value="final_price+desc">Price high - low</a>
</li>
<li class="dropdown-clear-li">
<a href="#" onclick="top_options.clearAll('dropdown-clear-li'); return false;" class="dropdown-clear">Clear</a>
</li>
</ul>
</div><!-- /.dropdown-content -->
</div><!-- /.dropdown-custom -->
</div><!-- /.main-head-aside -->
</div><!-- /.main-head -->
<div class="cols">
<div class="col col-2 hidden-xs">
<div class="sidebar">
<nav class="nav-category accordion-nav">
<h3 class="cat-name">Clothing</h3>
<ul class="nav-category-ul-2">
<li >
<a href="http://www.draperjames.com/clothing/view-all">
View All </a>
</li>
<li >
<a href="http://www.draperjames.com/clothing/classic-dresses">
Dresses </a>
</li>
<li >
<a href="http://www.draperjames.com/clothing/skirts">
Skirts </a>
</li>
<li >
<a href="http://www.draperjames.com/clothing/tops-tees">
Tops & Tees </a>
</li>
<li >
<a href="http://www.draperjames.com/clothing/sweaters">
Sweaters </a>
</li>
<li >
<a href="http://www.draperjames.com/clothing/pants-and-shorts">
Pants & Shorts </a>
</li>
<li >
<a href="http://www.draperjames.com/clothing/denim-and-chambray">
Denim </a>
</li>
<li >
<a href="http://www.draperjames.com/clothing/jackets-and-outerwear">
Jackets & Outerwear </a>
</li>
</ul>
<!-- Desktop filters -->
<ul>
<li class="accordion-section size-accordion">
<a class="accordion-head" href="#">
<span class="text">size</span>
<i class="ico-select-down"></i>
</a>
<div class="accordion-body">
<ul class="list-checkbox-size-alt list-filter-size size_gpd">
</ul><!-- /.list-checkbox-size-alt -->
<a href="#" onclick="top_options.clearAll('.size_gpd'); return false;" class="clear-filter">CLEAR SIZES</a>
</div><!-- /.accordion-body -->
</li>
</ul>
<ul class="sec-accordion">
<li class="accordion-section color-accordion">
<a class="accordion-head" href="#">
<span class="text">color</span>
<i class="ico-select-down"></i>
</a>
<div class="accordion-body">
<ul class="list-checkboxes-colors filter_color_string">
</ul>
<a href="#" onclick="top_options.clearAll('.filter_color_string'); return false;" class="clear-filter">CLEAR COLORS</a>
</div><!-- /.accordion-body -->
</li>
</ul>
</nav><!-- /.nav-category -->
</div><!-- /.sidebar -->
</div><!-- /.col col-3 -->
<div class="col col-10">
<div class="content">
<div class="products-category">
<div class="products-body">
<ul id="category-products"></ul>
</div><!-- /.products-body -->
</div><!-- /.products-category -->
</div><!-- /.content -->
</div><!-- /.col col-9 -->
</div>
</div>
<div id="popupSale" class="inline-popup-sale mfp-hide cat_99 cat_117" data-popup="popupSale">
<div class="popup popup-banner popup-size">
<div class="popup-image"><img src="http://cdn.draperjames.com/media/wysiwyg/sale-banner_2x.jpg" alt="" /></div><!-- /.popup-image -->
<div class="popup-inner">
<div style="width: 100%; height: 350px;"><img style="width: 100%; height: 100%;" src="http://cdn.draperjames.com/media/wysiwyg/LUCKYYOU_MOBILE_EMAIL_GATE.jpg" class="hide-desktop" /> <img style="width: 100%; height: 100%;" src="http://cdn.draperjames.com/media/wysiwyg/Email_Gate_1.jpg" class="hide-mobile" /></div>
<div class="popup-body text-center">
<div class="form form-share">
<form id="gated-form" action="#" method="post">
<div class="form-body">
<div class="form-row">
<label for="field-email" class="form-label">email *</label>
<div class="form-controls">
<input autocomplete="off" type="text" class="field required-entry validate-email" name="email" id="field-email" value=""/>
</div><!-- /.form-controls -->
</div><!-- /.form-row -->
<div class="form-row">
<label for="field-zip-code" class="form-label">zip code</label>
<div class="form-controls">
<input type="text" class="field" name="zip" id="field-zip-code" autocomplete="off"/>
</div><!-- /.form-controls -->
</div><!-- /.form-row -->
</div><!-- /.form-body -->
<div class="form-actions">
<button type="submit" class="btn gated-form-submit">start shopping</button>
<div style="font-style: italic;">
<p>
By entering the preview you are opting in to receive emails from Draper James.
</p>
<p>
</p>
</div>
</div><!-- /.form-actions -->
</form>
</div><!-- /.form form-share -->
</div><!-- /.popup-body -->
</div><!-- /.popup-inner -->
</div><!-- /.popup -->
</div><!-- /#test-popup -->
<script type="text/javascript">
function triggerGatedPopup() {
if (!$j.cookie('gated_verified')) {
$j.magnificPopup.open({
items: {
src: '.inline-popup-sale'
},
type: 'inline',
closeOnBgClick: false,
showCloseBtn: false,
enableEscapeKey: false
});
}
}
// Form Submit
$j('.gated-form-submit').on('click', function (e) {
e.preventDefault();
var gated_form = new VarienForm('gated-form');
if (gated_form.validator.validate()) {
$j.ajax({
type: 'post',
url: '/gated/index/login',
data: this.closest('form').serialize(),
dataType: 'json',
success: function (data) {
if (data['success'] == '1') {
setNewsletterCookie();
$j.magnificPopup.close();
skip_popup = true;
} else {
alert(data['message']);
}
}
});
}
});
</script>
<div style="display: none" id="catalog-main-banner-block">
<li class="item-secondary hidden-xs">
<div class="hidden-xs">
<img src="http://www.draperjames.com/media/catalog/category/Clothing_Header2_1298x822_retouch.jpg" />
</div>
</li>
</div>
<div class="gated-popup-holder popup-form-holder cat_99 cat_117 " style="display: none;">
<div class="popup">
<div class="popup-inner">
<div class="popup-form-holder">
<form id="gated-form" action="?" method="post" class="form">
<div style="width: 100%; height: 350px;"><img style="width: 100%; height: 100%;" src="http://cdn.draperjames.com/media/wysiwyg/LUCKYYOU_MOBILE_EMAIL_GATE.jpg" class="hide-desktop" /> <img style="width: 100%; height: 100%;" src="http://cdn.draperjames.com/media/wysiwyg/Email_Gate_1.jpg" class="hide-mobile" /></div>
<div class="form-body">
<div class="form-row">
<label for="email" class="form-label"><span
class="req-color">*</span>Email Address</label>
<div class="form-controls">
<input type="email" name="email"
value=""
class="field required-entry validate-email" autocomplete="off"/>
</div><!-- /.form-controls -->
</div><!-- /.form-row -->
<div class="form-row">
<label for="zip" class="form-label">Zip Code</label>
<div class="form-controls">
<input type="text" name="zip" value="" class="field" autocomplete="off"/>
</div><!-- /.form-controls -->
</div><!-- /.form-row -->
<div class="form-row req-color required-row">
<span class="">* Required</span>
</div><!-- /.form-row -->
<div class="form-actions">
<a class="btn btn-light"
onclick="globalGatedPopupSubmit();">SHOP NOW</a>
<br/><br/>
<div style="font-style: italic;">
<p>
By entering the preview you are opting in to receive emails from Draper James.
</p>
<p>
</p>
</div> </div><!-- /.form-actions -->
</div><!-- /.form-body -->
</form>
</div><!-- /.form-restock -->
</div>
</div>
</div>
<script type="application/javascript">
function triggerGatedPopup() {
$j('.gated-popup-holder').show();
closeOpenPopups();
global_obj.skip_page_load_popup = true;
$j.magnificPopup.open({
items: {
src: '.gated-popup-holder'
, type: 'inline'
}
});
}
function globalGatedPopupSubmit() {
var gated_form = new VarienForm('gated-form');
if (gated_form.validator.validate()) {
$j.ajax({
type: 'post',
url: '/gated/index/login',
data: jQuery('#gated-form').serialize(),
dataType: 'json',
success: function (data) {
if (data['success'] == '1') {
setNewsletterCookie();
$j.magnificPopup.close();
} else {
alert(data['message']);
}
}
});
}
}
</script>
<script type="text/javascript">
//<![CDATA[
var cat_id = '4';
var view_id = 'large_thumbs';
var color_filter_images = {"0":"http:\/\/cdn.draperjames.com\/media\/catalog\/product\/cache\/1\/swatch\/50x20\/9df78eab33525d08d6e5fb8d27136e95\/placeholder\/default\/TX0001_magnolia_white_1_swatch.gif","navy":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_navy.png","white":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_white.png","blue":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_blue.png","red":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_red.png","silver":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_silver.png","gold":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_gold.png","ivory":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_ivory.png","yellow":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_yellow.png","brown":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_brown.png","pink":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_pink.png","black":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_black.png","green":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_green.png","purple":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_purple.png","grey":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_grey.png","tan":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_tan.png","multi":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_multi.png","orange":"http:\/\/www.draperjames.com\/media\/\/colorswatch\/COLOR_FILTERS_SITE_37.png"};
var sorted_size_array = [];
sorted_size_array = ["Toddler","Youth","OS","XS","XS-S","XXS","Nightie - S","S","M","Nightie - M","M-L","L","Nightie - L","XL","00","0","2","4","5.5","6","6.5","7","7.5","8","8.5","9","9.5","10","10.5","11","12","14","24","25","26","27","28","29","30","31","32","32","34","36","38","40","42","iPhone 5\/5s","iPhone 6\/6s"];
var small_banner_html = '<ul> <li> <a href=\"http://woobox.com/uhifmo?source=catslot\"><img src=\"http://cdn.draperjames.com/media/wysiwyg/DALLAS_SWEEPS_CAT-SLOT.jpg\" alt=\"\" /></a> </li></ul>';
var small_banner_position = '7';
var small_banner_2_html = '<ul> <li> <a href=\"http://www.draperjames.com/seasonal/spirit-week\"><img src=\"http://cdn.draperjames.com/media/wysiwyg/SPIRIT_WEEK_CAT-SLOT.gif\" alt=\"\" /></a> </li></ul>';
var small_banner_2_position = '50';
var small_banner_3_html = '';
var small_banner_3_position = '';
var small_banner_last_html = '<ul> <li> <a href=\"http://www.draperjames.com/accessories\"><img src=\"http://cdn.draperjames.com/media/wysiwyg/BAG_WITH_DRESS_HANDBAGS.jpg\" alt=\"\" /></a> </li></ul>';
var top_options = new topNav(cat_id, '', view_id);
$j(function () {
var breadcrumb_html = '<a href="/">home</a><span>/</span><a href="http://www.draperjames.com/clothing">Clothing</a>';
if (store && store.enabled) {
store.set('back_name', 'Clothing');
store.set('back_url', 'http://www.draperjames.com/clothing');
store.set('breadcrumb_html', breadcrumb_html);
store.set('current_category', 4);
}
top_options.begin();
top_options.search.searchTopNav(top_options);//load initial
});
//]]>
</script>
</div>
</div>
<footer class="footer">
<div class="shell-fluid">
<div class="footer-inner clear">
<aside class="footer-aside">
<a href="#" class="logo-footer"></a>
</aside>
<!-- /.footer-aside -->
<div class="footer-body">
<div class="footer-cols">
<div class="footer-col">
<nav class="nav-footer">
<h3>
about us
</h3>
<ul>
<li>
<h4>
<a href="http://www.draperjames.com/about-us/">our story</a>
</h4>
</li>
<li>
<h4>
<a href="http://www.draperjames.com/charity/">giving back</a>
</h4>
</li>
<li>
<h4>
<a href="http://www.draperjames.com/store-locator/">store locator</a>
</h4>
</li>
<li>
<h4>
<a href="http://www.draperjames.com/press-inquiries/">press inquiries</a>
</h4>
</li>
</ul>
</nav>
<!-- /.nav-footer -->
<nav class="nav-footer">
<h3>
customer care
</h3>
<ul>
<li>
<h4>
<a href="http://www.draperjames.com/contact-us/">contact us</a>
</h4>
</li>
<li>
<h4>
<a href="http://www.draperjames.com/shipping/">shipping</a>
</h4>
</li>
<li>
<h4>
<a href="http://www.draperjames.com/returns/">returns</a>
</h4>
</li>
<li>
<h4>
<a href="http://www.draperjames.com/gift-card-terms/">gift cards</a>
</h4>
</li>
<li>
<h4>
<a href="http://www.draperjames.com/size-guide/">size guide</a>
</h4>
</li>
</ul>
</nav>
<!-- /.nav-footer --> </div>
<!-- /.footer-col -->
<div class="footer-col">
<div class="subscribe hidden-xs">
<form id="newsletterFormmobile" action="http://www.draperjames.com/anewsletter/subscriber/newajax/" method="post">
<h3>
<label for="mail">
Join Our Email List & Enjoy 10% Off Your Next Order </label>
</h3>
<div class="subscribe-inner field-row">
<input type="email" name="subscriber_email" id="subscriber_email" placeholder="Your Email Address"
class="subscribe-field required-entry validate-email"/>
<input type="hidden" name="section" value="footer"/>
<input type="submit" value="Sign Up" class="subscribe-btn btn-secondary"/>
</div><!-- /.subscribe-body -->
<div class="subscription-msg-container">
<div class="subscription-error-msg validation-advice no-display">An error has occurred on subscription</div>
<div class="subscription-msg no-display">
Thanks! You will receive an email shortly with a promo code for 10% off your next order. </div>
</div>
</form>
<script type="text/javascript">
new VarienForm('newsletterFormmobile');
$j(function() {
$j(document).on('submit', '#newsletterFormmobile', function(e) {
e.preventDefault();
onNewsletterFormSubmit(this);
});
});
</script> </div>
<!-- /.subscribe -->
<div class="socials hidden-xs">
<h3>
follow us
</h3>
<ul>
<li>
<a href="https://www.instagram.com/draperjames/"> <i class="ico-instagram">
</i> </a>
</li>
<li>
<a href="https://www.facebook.com/draperjames"> <i class="ico-facebook">
</i> </a>
</li>
<li>
<a href="https://www.pinterest.com/draperjames"> <i class="ico-pinterest">
</i> </a>
</li>
<li>
<a href="https://twitter.com/draperjames"> <i class="ico-twitter">
</i> </a>
</li>
<li>
<a href="https://plus.google.com/+draperjames/posts"> <i class="ico-google-plus">
</i> </a>
</li>
</ul> </div>
<!-- /.socials -->
<div class="socials visible-xs-block">
<h3>
follow us
</h3>
<ul>
<li>
<a href="https://www.instagram.com/draperjames/"> <i class="ico-instagram">
</i> </a>
</li>
<li>
<a href="https://www.facebook.com/draperjames"> <i class="ico-facebook">
</i> </a>
</li>
<li>
<a href="https://www.pinterest.com/draperjames"> <i class="ico-pinterest">
</i> </a>
</li>
<li>
<a href="https://twitter.com/draperjames"> <i class="ico-twitter">
</i> </a>
</li>
<li>
<a href="https://plus.google.com/+draperjames/posts"> <i class="ico-google-plus">
</i> </a>
</li>
</ul> </div>
<!-- /.socials -->
<div class="subscribe visible-xs-block">
<form id="newsletterFormdesktop" action="http://www.draperjames.com/anewsletter/subscriber/newajax/" method="post">
<h3>
<label for="mail">
Join Our Email List & Enjoy 10% Off Your Next Order </label>
</h3>
<div class="subscribe-inner field-row">
<input type="email" name="subscriber_email" id="subscriber_email" placeholder="Your Email Address"
class="subscribe-field required-entry validate-email"/>
<input type="hidden" name="section" value="footer"/>
<input type="submit" value="Sign Up" class="subscribe-btn btn-secondary"/>
</div><!-- /.subscribe-body -->
<div class="subscription-msg-container">
<div class="subscription-error-msg validation-advice no-display">An error has occurred on subscription</div>
<div class="subscription-msg no-display">
Thanks! You will receive an email shortly with a promo code for 10% off your next order. </div>
</div>
</form>
<script type="text/javascript">
new VarienForm('newsletterFormdesktop');
$j(function() {
$j(document).on('submit', '#newsletterFormdesktop', function(e) {
e.preventDefault();
onNewsletterFormSubmit(this);
});
});
</script> </div>
<!-- /.subscribe -->
</div>
<!-- /.footer-col -->
</div>
<!-- /.footer-cols -->
<div class="footer-foot">
<h4>
<span class="text">© 2016 DRAPER JAMES, ALL RIGHTS RESERVED</span>
<a href="http://www.draperjames.com/terms-of-use/">TERMS OF USE</a>
<a href="http://www.draperjames.com/privacy/">PRIVACY POLICY</a>
</h4> </div>
<!-- /.footer-foot -->
</div>
<!-- /.footer-body -->
</div>
<!-- /.footer-inner -->
</div>
<!-- /.shell-fluid -->
</footer><!-- /.footer -->
<div class="mfp-hide" id="newsletter-holder">
<div class="popup popup-success">
<div class="popup-inner">
<div class="popup-head form">
<h2 style="padding: 20px 20px 0px 20px;">
WELCOME TO DRAPER JAMES!
</h2>
<p>
Sign up for our email list & enjoy
<strong>10% OFF</strong>
your next order.
</p> </div>
<!-- /.popup-head -->
<div class="popup-head success">
<h2>Thank you!</h2>
<p>You will receive an email shortly with a promo code for your next order.</p>
</div>
<!-- /.popup-head -->
<div class="popup-body">
<div class="form form-subscribe">
<form id="newsletter-popup" action="?" method="post" class="form">
<input type="hidden" name="section" value="popup"/>
<div class="form-body">
<p class="error-msg-popup"></p>
<div class="form-row">
<label for="subscriber_email" class="form-label">email *</label>
<div class="form-controls">
<input type="email" name="subscriber_email"
value=""
class="field required-entry validate-email"/>
</div>
<!-- /.form-controls -->
</div>
<!-- /.form-row -->
<div class="form-row">
<label for="subscriber_zip" class="form-label">Zip Code</label>
<div class="form-controls">
<input type="text" name="subscriber_zip"
value=""
class="field"/>
</div>
<!-- /.form-controls -->
</div>
<!-- /.form-row -->
<div class="form-actions">
<input type="button" value="SIGN UP" class="btn" onclick="newsletterPopupSubmit();"/>
</div>
<!-- /.form-actions -->
<div class="form-foot">
* Required
</div>
<!-- /.form-foot -->
</div>
<!-- /.form-body -->
<div class="form-actions success">
<a href="http://www.draperjames.com/new-arrivals/" class="btn">shop now</a>
</div>
<!-- /.form-actions -->
</form>
</div>
<!-- /.form-restock -->
</div>
<!-- /.popup-body -->
</div>
<!-- /.popup-inner-->
</div>
<!-- /.popup-->
</div>
<script type="application/javascript">
// Show subscribe pop if first time at site
$j(function () {
if (!$j.cookie('popup_draperjames')) {
if (isMobile()) {
$j('[name="section"]:hidden').val('mobile popup');
}
setNewsletterCookie();
$j.magnificPopup.open({
items: {
src: '#newsletter-holder',
type: 'inline'
}
});
$j('.popup-head.success').hide();
$j('.form-actions.success').hide();
}
});
function newsletterPopupSubmit() {
var newsletter = new VarienForm('newsletter-popup');
if (newsletter.validator.validate()) {
$j.ajax({
type: 'post',
url: '/anewsletter/subscriber/newajax',
data: jQuery('#newsletter-popup').serialize(),
dataType: 'json',
success: function (data) {
if (data['error'] == '0') {
$j('.popup-head.success').show();
$j('.form-actions.success').show();
$j('.popup-head.form').hide();
$j('.popup .form-body').hide();
if (typeof(fbq) != undefined) {
fbq('track', 'Lead');
}
} else {
$j('.error-msg-popup').html(data['message']);
}
}
});
}
}
</script>
<script type="application/javascript">
function onNewsletterFormSubmit(elem) {
var $form = $j(elem),
url = $form.attr('action'),
params = $form.serialize(),
dataType = 'json';
$j.post(url, params, function(data) {
if (data['message'] != '') {
$form.find('.subscription-error-msg').html(data['message']);
$form.find('.subscription-msg').addClass('no-display');
$form.find('.subscription-error-msg').removeClass('no-display');
} else {
$form.find('.subscription-msg').removeClass('no-display');
$form.find('.subscription-error-msg').addClass('no-display');
$form.find('[name="subscriber_email"]:input').val('');
if (typeof(fbq) != undefined) {
fbq('track', 'Lead');
}
}
}, dataType);
}
</script>
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true" ></script> <script type="text/javascript">
// Criteo listing tag
var prod_ids = ["DR0073","DR0073-1","DR0072"];
window.criteo_q = window.criteo_q || [];
var deviceType= /iPad/.test(navigator.userAgent)?"t":/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator. userAgent)?"m":"d"; window.criteo_q.push(
{ event: "setAccount", account: 22489},
{ event: "setSiteType", type: deviceType},
{ event: "setEmail", email: ['']},
{ event: "viewList", item: prod_ids }
);
</script>
<script type="text/javascript">
adroll_adv_id = "JMEDTVLF5VCGPEIDONV7B2";
adroll_pix_id = "MNT5VQN5SVCZ7OQHUSGAMD";
// adroll_email = "username@example.com"; // OPTIONAL: provide email to improve user identification
(function () {
var _onload = function () {
if (document.readyState && !/loaded|complete/.test(document.readyState)) {
setTimeout(_onload, 10);
return
}
if (!window.__adroll_loaded) {
__adroll_loaded = true;
setTimeout(_onload, 50);
return
}
var scr = document.createElement("script");
var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
scr.setAttribute('async', 'true');
scr.type = "text/javascript";
scr.src = host + "/j/roundtrip.js";
((document.getElementsByTagName('head') || [null])[0] ||
document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
};
if (window.addEventListener) {
window.addEventListener('load', _onload, false);
}
else {
window.attachEvent('onload', _onload)
}
}());
</script>
<!-- lmca | catalog | category | view -->
<script type="text/javascript">
var _rsq = _rsq || [];
_rsq.push(['_setSiteId', '258']);
_rsq.push(['_track']);
(function() { var rScix = document.createElement('script');; rScix.type = 'text/javascript';; rScix.async = true;; rScix.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'd1stxfv94hrhia.cloudfront.net/waves/v2/w.js';; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(rScix);; })();
</script>
<script src="http://www.draperjames.com/js/waves/waves.js"></script>
<script type="text/javascript">
setAjaxSendCartUrl('http://www.draperjames.com/waves/');
</script>
</div>
</body>
</html>