/* ==========================================================================
   CSS Reset - Edited for Cafepress
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License:none (public domain)
*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video{ margin:0;  padding:0;  border:0;  font-size:100%;  font:inherit;  vertical-align:baseline}

[class^="icon-"], [class*="icon-"]{ text-shadow:none !important}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{ display:block}

body{ line-height:130%;  font-size:14px;  font-weight:400;  font-family:"Open Sans",Helvetica,Arial,sans-serif;  color:#53565A;  overflow-x:hidden}

input{ border-radius:0}

input[type='text'], textarea{font-size:16px}/* Reset for iphone input animation */

input[type='submit']{}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;  color:#5e9200}
a:focus{ color:#e60}
ul{ list-style:outside none none}
table{ border-collapse:collapse;  border-spacing:0}
::-webkit-input-placeholder{}

:-moz-placeholder{}

::-moz-placeholder{}

:-ms-input-placeholder{}

h1, h2, h3, h4, h5{  font-weight:300}
h1{ font-size:36px}
h2{ font-size:24px}
h3{ font-size:22px}
h4{ font-size:18px}
h5{ font-size:16px}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong{ font-weight:700}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.bb{ -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box}
.clearfix:before, .clearfix:after{ content:"";  display:table}
.clearfix:after{ clear:both}
.clearfix{}
.green{ color:#77b800}
.red{ color:#c61b1b}
.dgray{ color:#53565A}
.gray{ color:#989a9c}
.bold{ font-weight:700}
.uc{}
.button{ background-color:#77b800;  border:medium none;  color:#fff;  cursor:pointer;  font-size:18px;  font-weight:300;  line-height:20px;  margin:0;  padding:5px 10px;  text-align:center;  transition:all 0.1s ease 0s}
.button:hover{ background-color:#5e9200;  color:#fff;  text-decoration:none}
.button a{ color:#FFF}
.button a:hover{ text-decoration:none}
.button:focus{ background-color:#e90}
.button:active, .button-white:active, .button-black:active, .button-gray:active{ border:medium none}
.button.unfollow, .button.unfollowTopic{ background-color:#fff;  border:1px solid #ddddde;  color:#989a9c;  width:105px}
.button.followTopic{ border:1px solid #77b800;  line-height:25px}
.button.unfollowTopic{ width:auto;  border:1px solid #fff;  line-height:25px}
.button.unfollow:hover, .button.unfollowTopic:hover{ background-color:#e60;  border:1px solid #e60;  color:#fff}
.button-center{ display:block;  margin:auto}
.button-gray{ background:#989a9c}
.button-gray:hover{ background-color:#75787b}
.button-black{ background-color:#75787b}
.button-black:hover{ background-color:#5e9200; }
.button-white{ background:#fff}
.button-white:hover{ background-color:#f6f6f7}
.button-orange{ background-color:#e60}
.button-orange:hover{ background-color:#c956000}
.loadmore-spinner{ display:none;  margin-right:5px}
.light-gradient{ background:#fff -moz-linear-gradient(center top,#fff,#edeeee) repeat scroll 0 0}
.orange{ background:#e60 none repeat scroll 0 0}
.orange-gradient{ background:#c95600 -moz-linear-gradient(center top,#c95600,#e60) repeat scroll 0 0}
.custom-dd{ border:1px solid #ddd;   padding:.4em .8em;  display:inline-block;  cursor:pointer}
/* ==========================================================================
   Large layout styles
   ========================================================================== */
/* ==
  Global &Layout Styles
 == */
.wrapper{  margin:0 auto;  max-width:1340px; padding: 0 50px;}
.wrapper-1000{ width:1000px;  margin:auto}
.breadcrumb{ color:#75787b;  font-size:12px;  font-weight:400;  list-style-type:none;  width:100%;  margin:0;  padding:10px 0;  border-bottom:1px solid #edeeee;  float:left}
.product-side.breadcrumb{ padding:0;  border:0 none}
.breadcrumb a{ font-size:12px;  color:#75787b}
.breadcrumb a:hover{ color:#5e9200}
.breadcrumb a:focus{ color:#e60}
#serp .breadcrumb .content-side, 
#serp .breadcrumb .product-side, 
#pdp .breadcrumb .content-side, 
#pdp .breadcrumb .product-side{ float:left}
#serp .breadcrumb .delimiter, 
#pdp .breadcrumb .delimiter{ float:left;  margin:0 5px;  font-style:normal}
#scanalert{ text-align:center;  margin-top:15px;  float:none}
/* hide on INTL*/
#tippyTopContainer{ min-height:47px}

#tippyTopContainer img{ max-width:1026px;  width:100%}

/* ==
  Header Styles
 == */
.header-outer{  -moz-border-bottom-colors:none;   -moz-border-left-colors:none;   -moz-border-right-colors:none;   -moz-border-top-colors:none;   background:#fff;   border-color:#ddddde -moz-use-text-color;   border-image:none;   border-style:solid none;   border-width:1px medium}
.header-wrap{  height:60px;   margin:auto;   max-width:1240px;   padding-left:466px;   padding-right:125px;   position:relative}
.header-wrap .header-item{  -moz-box-sizing:border-box;   -webkit-box-sizing:border-box;   box-sizing:border-box;   float:left;   font-size:18px;   height:100%;   line-height:60px;   position:relative}
.header-wrap .logo13-mobile{  color:#77b800;   display:inline-block;   font-size:32px;   line-height:1;   margin-top:-4px;   position:relative;   vertical-align:middle}
.header-left .header-logo{  height:60px;   padding:0 1em 0 0}
.header-logo .icon-cp-logo{  display:none}
.header-nav{  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;   float:left;   position:relative}
.header-nav .icon-reorder{  color:#989a9c;   display:none}
.header-nav ul{  list-style-type:none;   padding-left:0}
.header-search{  border-left:1px solid #ddddde;   border-right:1px solid #ddddde;   margin-left:-1px;   padding:0 10px;   transition:all 0.5s ease 0s;   width:100%}
.header-cart, 
.header-account{  border-right:1px solid #ddddde;   padding:0 20px}
.header-right, 
.header-left, 
.header-search{  float:left}
.header-left{  margin-left:-466px}
.header-right{  margin-right:-125px}
.header-wrap a{  color:#989a9c}
.nav-tab{  float:left;   height:100%;   padding-left:1px;   padding-right:1px}
.nav-tab:hover, .nav-tab.active{  background:#fff none repeat scroll 0 0;   border-left:1px solid #ddddde;   border-right:1px solid #ddddde;   padding-left:0;   padding-right:0}
.nav-tab:hover::after, .nav-tab.active::after{  background:#fff none repeat scroll 0 0;   bottom:-1px;   content:"";   display:block;   height:1px;   position:absolute;   width:100%;   z-index:26}
.header-cart.active, .header-account.active, .header-cart:hover, .header-account:hover{  background:#fff none repeat scroll 0 0}
.header-cart.active::after, .header-account.active::after, .header-cart:hover::after, .header-account:hover::after{  background:#fff none repeat scroll 0 0;   bottom:-1px;   content:"";   display:block;   height:6px;   left:0;   position:absolute;   width:100%;   z-index:26}
.sub-nav a, 
.nav-tab a{  color:#53565A;   font-size:13px;   text-decoration:none;   text-transform:capitalize;   letter-spacing:0;   padding:0 15px;   display:inline-block}
.sub-nav a:hover{  color:#5e9200;   text-decoration:none}
.sub-nav a:focus{  color:#e60}
.header-nav .nav-tab.active a{  color:#fff;   text-shadow:none;   background-color:#77b800}
#wrap-close-inlinecart{  cursor:pointer;   display:none;   float:right;   padding:0 5px}
#btn-close-inlinecart{  font-size:18px;   text-align:center;   width:24px}
.inlinecart-amazon-checkout{  text-align:center}
.cp-logo{  background:transparent url("//content.cafepress.com/mobile2.0/img/sprite-3-17-14v2.png") no-repeat scroll 0 0;  display:block;  height:40px;  width:62px}
.header-account >a, .header-logo >a, .header-cart >a{ text-decoration:none}

/* Begin Static header */
.sticky-wrapper.is-sticky .header-outer{ left:0;  right:0;  z-index:10}
/* End Static header */
/*Upgrade Browser Alert for IE8 and below*/
.browser-upgrade-box{ background:#fff none repeat scroll 0 0;  border-bottom:2px solid #77b800;  font-size:14px;  padding:10px 0;  position:fixed;  text-align:center;  top:0;  width:100%;  z-index:10}
.browser-upgrade-box a{ color:#77b800}
.browser-upgrade-box p{ display:inline-block;  line-height:26px}
.browser-upgrade-box .close-btn{ background:#989a9c none repeat scroll 0 0;  color:#fff;  cursor:pointer;  float:right;  height:16px;  line-height:16px;  margin-right:10px;  padding:5px;  text-align:center;  width:16px}

/*search elements*/
#departmentSearchlbl{ display:none}
#searchBarForm{ background:#fff none repeat scroll 0 0;  border:1px solid #ddddde;  height:35px;  margin:13px 0;  position:relative;  transition:all 0.3s ease 0s}
.header-search:hover #searchBarForm{ border-color:#77b800}
.header-search:hover{ background:#fff none repeat scroll 0 0}
.filter-arrow{ margin:3px 0 0 5px}
.filter-arrow sup{ font-size:8px;  line-height:inherit}
.filter-popup{ display:none;  left:10px;  position:absolute;  top:10px;  z-index:26}
.filter-popup .selectReplacement{ background:#fff none repeat scroll 0 0;  border:1px solid #cbcccd;  box-shadow:1px 1px 6px #989a9c;  padding:0 5px 10px}
.selectReplacement li{ color:#53565A;  cursor:pointer;  font-size:0.75em;  line-height:16px;  list-style:outside none none;  margin:0;  padding:5px 5px 0;  text-align:left;  width:155px}
.selectReplacement li:hover{ color:#5e9200;  font-weight:700}
.header-search .search-icon{ display:none;  text-align:center}

/*cart elements*/
#sub-nav-cart-item{ display:none;  max-width:320px;  padding:24px 24px 0;  position:fixed;  right:20px;  top:20px;  z-index:999}
#sub-nav-cart{ min-width:320px;  right:-1px}
#sub-nav-shop.scrollable.mobile-fittable, #sub-nav-cart.scrollable.mobile-fittable{ max-height:575px;  overflow:auto}
#cartItemCount{ background:#77b800 none repeat scroll 0 0;  border-radius:50%;  color:#fff;  display:none;  font-size:0.7em;  font-weight:normal;  height:15px;  left:35px;  line-height:15px;  position:absolute;  text-align:center;  top:15px;  width:16px}
.cart-title, .cart-added-item-title{ font-size:1.4em;  font-weight:normal;  line-height:1;  margin-bottom:1em;  text-align:left}
.cart-message{ background:#f9edbe none repeat scroll 0 0;  border:1px solid #f0c36d;  border-radius:2px;  display:none;  padding:16px;  position:absolute;  right:30px;  top:14%;  width:236px;  z-index:999999}
.cart-message:hover{ color:#53565A;  cursor:pointer;  text-decoration:none}
#sub-nav-cart .cart-item, #sub-nav-cart-item .cart-item{ border-bottom:1px solid #ddddde;  padding:1em 0;  position:relative}
#sub-nav-cart .cart-item:first-child, #sub-nav-cart-item .cart-item:first-child{ border-top:1px solid #ddddde}
.cart-item .cart-item-img{ float:left}
#sub-nav-cart ul, #sub-nav-cart-item ul{ margin:0 0 1em;  width:100%}
#sub-nav-cart ul li, #sub-nav-cart-item ul li{ text-transform:none}
.cart-item .cart-item-desc{ color:#53565A;  float:left;  margin:0 0 0 0.75em;  max-width:160px;  text-align:left}
.cart-item .cart-item-desc h6{ font-weight:700;  max-width:140px;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap}
.cart-sbtl{ color:#c61b1b;  float:left;  font-size:1.3em;  line-height:27px;  margin-bottom:0}
.cart-btn{ border-radius:15px;  float:right;  padding:0 15px}
.sub-nav a.cart-btn-wrap{ padding:0}
.sub-nav a.cart-btn-wrap.top .cart-btn{ margin-bottom:5px;  width:100%}
.sub-nav a.cart-btn-wrap.top::after{ clear:both;  content:"";  display:block}
#sub-nav-cart .cart-x{ border:1px solid #a9aaac;  border-radius:50%;  color:#75787b;  cursor:pointer;  display:none;  height:22px;  line-height:20px;  padding-right:1px;  position:absolute;  right:0;  text-align:center;  top:5px;  width:22px}
#sub-nav-cart .cart-item:hover .cart-x{ display:block}
#sub-nav-cart .icon-spin, #sub-nav-cart-item .icon-spin{ color:#77b800;  display:none;  font-size:2em;  text-align:center}
#sub-nav-cart .cart-empty{ display:none;  font-size:1.5em;  text-align:center}

/*tabs*/
.sub-nav-wrapper{ left:-1px;  position:absolute;  width:100%}
div.sub-nav{ font-size:12px;  width:100%;  padding:2em;  background:#fff;  border:1px solid #cbcccd;  position:absolute;  top:61px;  z-index:25;  display:none}
.sub-nav.active{ display:block}
#wrap-close-inlinecart{ display:none}

/* login popup */
.signInPopupDialog{ height:420px}
.form-container #cafepress-login-container{ font-size:0.9em;  margin:auto;  padding:0 5% 5%;  text-align:center}
.form-container #cafepress-login-container .textbox{ border:1px solid #ddd;  display:block;  line-height:1.2em;  margin:0.5em 0;  padding:5px;  width:100%}
.form-container #cafepress-login-container .button{ border-radius:25px;  display:block;  font-size:1em;  margin:3em 0 0;  padding:1.5%;  width:100%}
.form-container #social-logins-container::after{ clear:both;  content:"";  display:block}
.form-container #social-logins-container{ margin:auto;  min-height:80px;  text-align:center}
.form-container .input-form-label{ float:left;  margin-top:5px}
.form-container #email, .form-container #password{ float:left;  width:100%}
.form-container #stay-signed-in, .form-container .stay-signed-in{ float:left}
.form-container #forgotten-password{ float:right}
.form-container #submit-login-form{ border-radius:25px;  float:left;  margin-top:20px;  text-transform:uppercase;  width:100%}
.form-container .login-divider{ width:100%}
.form-container #social-logins-container a#facebook-login-button{ background-color:#3b5998;  border-radius:3px;  color:#fff;  font-size:0.9em;  padding:8px}
.form-container #google-login-button{ padding:0}
.form-container #social-logins-container a{ display:inline-block;  height:30px;  margin:5px;  vertical-align:top}
.login-popup-wrapper .form-container{ width:auto}

/*sub-nav styles*/
.sub-nav *{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
.sub-nav .green{ color:#7ca500;  font-weight:700}
.sub-nav .orange{ color:#e29708;  font-weight:700}
.sub-nav ul{ list-style-type:none;  padding-left:0}
.sub-nav li{ line-height:120%;  text-transform:lowercase;  padding:2px 0 2px 0}
.sub-nav li a{ font-size:95%;  letter-spacing:0;  line-height:120%;  padding:1px 0;  vertical-align:middle}
.sub-nav-view-all{ display:none}
.sub-nav h3 a{ font-size:0.8em;  letter-spacing:0;  line-height:24px;  padding:0}
.sub-nav h4{ color:#86888b;  font-family:"Roboto Condensed",Impact,sans-serif;  font-size:16px;  font-weight:700;  letter-spacing:.01em;  text-transform:uppercase;  line-height:120%;  margin-bottom:4px}
.sub-nav h4 a{ color:#86888b;  font-family:"Roboto Condensed",Impact,sans-serif;  font-size:16px;  font-weight:700;  text-transform:uppercase;  letter-spacing:.01em;  width:auto;  padding:0 0 2px;  display:block}
.sub-nav h4 a:hover{ color:#5e9200}
.sub-nav h4 a:focus{ color:#e60}
.sub-nav .column-main, .column-last, .sub-nav .column-sub, .column-sub ul{ float:left}
.sub-nav .column-main{}
.sub-nav .column-main ul{ float:left}
.sub-nav ul.sub-nav-two{ float:none;  padding-left:20px}
.sub-nav-dyo{ float:left;  padding-bottom:5px;  width:100%}
.sub-nav-dyo ul, #sub-nav-shop .nav-col-wrapper{ float:left;  width:20%;  padding-left:3%;  margin-bottom:15px}
#sub-nav-shop .nav-col-wrapper ul{ width:100%;  margin-bottom:20px}
.dyo-heading{ height:auto;  padding-left:0}
.dyo-heading h3{ padding:0;  text-align:left}
.dyo-heading p{ line-height:1.2em;  width:100%;  margin-bottom:1em}
#sub-nav-shop .nav-col-wrapper:first-child, .sub-nav-dyo ul:nth-child(2), .sub-nav-dyo ul:nth-child(7){ width:19%;  padding-left:0}
#sub-nav-shop, #sub-nav-create{ padding:1.2em 2em 0}
#sub-nav-sell p{ font-size:1em;  line-height:1.2em;  padding-bottom:10px;  text-transform:none;  width:305px}
#sub-nav-sell img{ margin:0;  position:relative;  width:100%}
#sub-nav-sell blockquote{ font-size:1.2em;  font-style:italic;  position:relative;  text-transform:none;  top:80px}
#sub-nav-sell cite{ float:right;  font-size:1.1em;  margin-top:18px;  position:relative;  right:30px}
.sub-nav-sell{ overflow:hidden}
.sell-heading{ float:left;  width:40%}
.sell-heading.sell-img{ width:60%}
#learnmore{ color:#fff;  display:block;  text-transform:uppercase;  width:50%}
#nav-gifts ul{ margin:0 0.75% 1em;  width:15%}
#nav-gifts ul h4, #nav-gifts ul h4 a{ color:#c61b1b;  white-space:nowrap}
#nav-gifts ul h4{ overflow:hidden;  text-overflow:ellipsis}
#nav-gifts .column-main{ margin:0;  width:100%}
.sub-nav-extra{ border-top:1px solid #b91e2b;  clear:left;  margin:0 -2em;  padding:1em 2em 0;  position:initial}
.sub-nav-extra li{ margin-left:8px}
.sub-nav-extra h4{ color:#b91e2b;  font-size:1.2em;  line-height:1.4em;  margin-bottom:0;  text-transform:uppercase}
.sub-nav-extra a.red{ color:#c61b1b;  text-shadow:none}
#sub-nav-shop .sne-wide{ height:1.5em;  overflow:hidden;  width:78%}
.sub-nav-extra li, .sub-nav-extra h4{ float:left}

/* Sub Nav Extra LOGO look*/
.sub-nav-extra{  padding:1em 0}
.sub-nav-extra h4{  float:none;   text-align:center}
.sub-nav-extra h4 a{  color:#c61b1b}
#sub-nav-shop .sub-nav-extra ul{  float:left;   margin-bottom:0;   text-align:center;   width:100%}
.sub-nav-extra li{  display:inline-block;   float:none;   margin:0;   padding:0 1%}
.sub-nav-extra li a{  color:#53565A;   display:inline-block;   font-size:1em;   text-transform:none}
#greys-anatomy{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -610px -181px;   height:35px;   width:145px}
#peanuts{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -13px -242px;   height:35px;   width:98px}
#big-bang-theory{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -133px -222px;   height:54px;   width:41px}
#marvel{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -196px -240px;   height:28px;   width:69px}
#supernatural{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -288px -243px;   height:21px;   width:136px}
#television-city{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -448px -232px;   height:42px;   width:64px}
#star-trek{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -539px -244px;   height:19px;   width:88px}
#bobs-burgers{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -632px -243px;   height:21px;   width:136px}

.sub-nav-photogifts{  display:none}

.logo-sportswear{  border-top:1px solid #ddddde;   clear:left;   margin:0 -2em;   padding:1em 0;   text-align:center}
.logo-sportswear p, .sub-nav .logo-sportswear a{}
.sub-nav .logo-sportswear a{  color:#77b800;   letter-spacing:0;   padding:0 2px}
#logo-sports{  background:#fff url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -779px -239px;   display:inline-block;   height:29px;   margin-left:10px;   vertical-align:middle;   width:67px}
.nav-design-img{  position:absolute;   right:0;   z-index:-1}
.nav-design-img.sell-pic{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll 0 0;   float:right;   height:200px;   position:relative;   width:586px}

#sub-nav-account{  -moz-box-sizing:border-box;   -webkit-box-sizing:border-box;   box-sizing:border-box;   left:auto;   min-width:320px;   padding:15px 20px;   right:-1px}
#sub-nav-account ul{  margin:0 auto;   width:100%}
#sub-nav-account a:hover{  text-decoration:none}
#sub-nav-account li{  border:1px solid #ddddde;   -moz-box-sizing:border-box;   -webkit-box-sizing:border-box;   box-sizing:border-box;   float:left;   margin:0.25em 2.5%;   text-align:left;   text-transform:none;   width:45%}
#sub-nav-account li i{  margin-right:0.25em}
#sub-nav-account li a{  display:block;   padding:0.5em 0 0.5em 1em}
#sub-nav-account li a.active, #sub-nav-account li a:hover{  color:#5e9200}
#sub-nav-account li a.active::after{  content:"»";   display:inline}
#sub-nav-account #signin-menu-signin, #sub-nav-account .signup-link{  border:medium none;   padding:0;   text-align:center;   width:95%}
#sub-nav-account #signin-menu-shops{  display:none}
#sub-nav-account .signup-link a{  margin:0 0 5px;   padding-left:0;   width:100%}
#sub-nav-account #signin-menu-signin a{  box-shadow:1px 1px 4px #ddddde;   color:#fff;   display:block;   padding:5px 0;   text-align:center;   text-transform:uppercase}

#sub-nav-gifts{  padding-bottom:0;   width:100% !important}
#sub-nav-gifts ul{  -moz-box-sizing:border-box;   -webkit-box-sizing:border-box;   box-sizing:border-box;   float:left;   padding:0 0 10px 30px;   width:33%}
#sub-nav-gifts ul li{  line-height:18px}
#sub-nav-gifts h4{  color:#53565A !important}
#sub-nav-gifts h4 a{  color:#53565A !important}
#sub-nav-gifts .gift-center{  border-top:1px solid #ddddde;   clear:left;   margin:10px -2em 0;   padding:10px 0 15px;   text-align:center}
#sub-nav-gifts .gift-center h4{  color:#53565A}
#sub-nav-gifts .gift-center h4 a{  color:#77b800}
#sub-nav-gifts .gifts-tab-img{  background:transparent url("//content.cpcache.com/global/img/header-sprite-8.jpg") no-repeat scroll -600px 0;  display:block;  height:163px;  width:158px}

/*Help popup*/
#sbinterest-alt .nav-2-alt[data-type="bestsellers"]{  display:none}
.green-button{  background:#77b800 none repeat scroll 0 0;   border:medium none;   color:#fff;   cursor:pointer;   font-size:16px;   line-height:27px;   margin:0;   padding:2px 10px;   text-align:center}
#help-popup .green-button{  color:#fff}
#help-popup i{  font-size:2.25em}
.triangle-down{  background:rgba(0,0,0,0) url("//content.cafepress.com/mobile2.0/img/sprite-3-17-14v2.png") no-repeat scroll -96px 2px;   height:19px;   left:40%;   position:absolute;   width:19px}
#nav-gifts .red{  color:#c61b1b}

#help-popup{  background:#fff none repeat scroll 0 0;   border:1px solid #cbcccd;   box-shadow:0 0 15px #cbcccd;   color:#989a9c;   display:none;   font-size:14px;   height:280px;   left:33%;   padding:40px 50px;   position:fixed;   top:50%;   width:590px;   z-index:11001}
#help-popup div{}
.help-overlay{  background: black;   bottom:0;   display:none;   left:0;   opacity:0.75;   position:fixed;   right:0;   top:0;   z-index:11000}
#help-popup h4{  color:#53565A;   font-size:1.4em;   margin-bottom:15px;   text-align:center;   text-transform:uppercase}
#help-popup .help-box{  background:#f3f3f3 none repeat scroll 0 0;   border:1px solid #e6e6e6;   float:left;   height:113px;   margin-left:20px;   padding:30px 15px 25px;   text-align:center;   width:150px}
#help-popup .help-box.no-margin{  margin:0}
.help-content{  position:static}
.help-box .tagline{  font-size:16px;   margin:20px 0 15px}
.help-box .help-icon{  background:rgba(0,0,0,0) url("//content.cafepress.com/global/img/nav-sprite.png") no-repeat scroll -102px -1px;  display:inline-block;  height:37px;  width:47px}
.help-box .help-icon[data-type="track"]{ background-position:-46px 0}
.help-box .help-icon[data-type="browse"]{ background-position:2px 0}
#help-popup .help-links{ clear:both;  padding-top:33px;  text-align:center}
#help-popup .help-links a{ margin:0 5px}
#help-popup .help-close{ background:#989a9c none repeat scroll 0 0;  border-radius:15px;  color:#fff;  cursor:pointer;  height:22px;  line-height:20px;  position:absolute;  right:-10px;  text-align:center;  top:-10px;  width:22px}

/*Live Chat Button*/
#lpButDivID-1395155403178{ text-align:center}
#lpButDivID-1395155403178 table{ display:inline-block}
.lpPoweredByDiv{ display:none}

.hot{ color:#e90}
.new{ color:#77b800}
.top-seller{ color:#77b800}
.gift-idea{ color:#882d7d}

.saleGifts{ width:100% !important}
.saleGifts ul{ float:left;  width:19.5% !important}
.saleGifts li{ text-transform:uppercase !important}
.saleGifts h4{ float:left;  padding-right:4.2%}
.saleGifts a{ font-size:1em !important}

/* Country Selector */
#countryLogo{  margin-top:-9px;   padding:0 20px 7px 0}
#countrySelector{  display:inline-block;   height:20px;   line-height:1;   padding:3px 3px 0;   position:relative;   top:12px;   width:auto}
#countrySelector.hover{  background-color:#f3f3f3;   box-shadow:1px 1px 3px rgba(0,0,0,0.4)}
#countrySelector.hover #countrySelectorPopup{  display:block}
#countrySelector .button{  background:rgba(0,0,0,0) none repeat scroll 0 0;   border-radius:0;   cursor:pointer;   height:15px;   margin:0;   overflow:hidden;   padding:0;   width:auto}
#countrySelector .button:hover{  background:rgba(0,0,0,0) none repeat scroll 0 0;   border:medium none;   box-shadow:none;   color:#989a9c;   top:auto}
#countrySelector .currencytext{  display:none;   float:left}
#countrySelectorPopup{  background-color:#f3f3f3;   box-shadow:1px 2px 3px rgba(0,0,0,0.4);   display:none;   left:0;   position:absolute;   top:17px;   width:210px;   z-index:99}
#countrySelector .downarrow{  float:left;   position:relative;   width:7px}
#countrySelector .downarrow::after{  color:#53565A;   content:"\f0d7";   font-family:"FontAwesome";   font-size:12px;   left:0;   line-height:1;   position:absolute}
#moreSites{  color:#53565A;   margin:12px}
#moreSites ul{  margin:0.25em -12px 0;   overflow:hidden}
#moreSites li{  border:medium none;   color:inherit;   font-size:12px;   margin:0;   padding:6px 12px}
#moreSites li:hover{  background-color:#fff;   color:#53565A}
#moreSites li a{  color:inherit;   display:block;   padding:0 6px}
div.flag{  background:transparent url("//content.cafepress.com/mobile2.0/img/sprite-3-17-14v2.png") no-repeat scroll -17px -54px;  float:left;  height:11px;  margin-right:3px;  padding:0;  width:16px}
div.flag.au, .footerAUS .flag{ background-position:0 -42px}
div.flag.ca, .footerCAN .flag{ background-position:-17px -42px}
div.flag.de, .footerDE .flag{ background-position:-34px -54px}
div.flag.es, .footerES .flag{ background-position:-52px -42px}
div.flag.fr, .footerFR .flag{ background-position:-52px -54px}
div.flag.us, .footerUS .flag{ background-position:-17px -54px}
div.flag.gb, .footerUK .flag{ background-position:-34px -42px}
div.flag.ie, .footerIE .flag{ background-position:-69px -42px}
div.flag.it, .footerIT .flag{ background-position:-63px -30px}
div.flag.nz, .footerNZ .flag{ background-position:-86px -42px}
div.flag.at, .footerAT .flag{ background-position:-86px -54px}
div.flag.be, .footerBE .flag{ background-position:-69px -54px}
div.flag.nl, .footerNL .flag{ background-position:-63px -18px}
div.flag.se, .footerSE .flag{ background-position:-80px -18px}
div.flag.ch, .footerCH .flag{ background-position:-97px -30px}
div.flag.pt, .footerPT .flag{ background-position:-80px -30px}
div.flag.no, .footerNO .flag{ background-position:-63px -6px}
div.flag.dk, .footerDK .flag{ background-position:-80px -6px}
#currencySelector{ color:#53565A;  margin:12px}
#currencySelector select{ margin-top:0.5em;  width:100%}

/* End Header */
/* Autocomplete */
.ui-helper-hidden{ display:none}
.ui-helper-hidden-accessible{ clip:rect(1px,1px,1px,1px);  position:absolute !important}
.ui-autocomplete{ background:#fff none repeat scroll 0 0;  padding-bottom:0.25em;  z-index:20}
.ui-autocomplete li{ line-height:1}
.ui-autocomplete li a{ padding:0.25em 0 0.25em 0.5em}
.header-wrap ul.ui-autocomplete a{ color:#989a9c;  cursor:pointer;  display:block;  font-family:"Open Sans",Helvetica,Arial,sans-serif;  font-size:0.9em}
.header-wrap ul.ui-autocomplete a:hover, .ui-state-focus{ background:#f9f9f9 none repeat scroll 0 0;  color:#53565A}
.ui-widget-content{ -moz-border-bottom-colors:none;  -moz-border-left-colors:none;  -moz-border-right-colors:none;  -moz-border-top-colors:none;  border-color:-moz-use-text-color #ddddde #ddddde;  border-image:none;  border-style:none solid solid;  border-width:medium 1px 1px}

/* Out of Stock */
.grid-unit .out-of-stock-container{ text-align:center}
.grid-unit .out-of-stock-container .out-of-stock{ background-color:#edeeee;  display:inline-block;  padding:6px;  text-align:center;  width:180px}
.out-of-stock-popup{ background-color:#edeeee;  display:block;  margin-left:50px;  padding:4px;  text-align:center;  width:240px}

/* jQuery UI Styles */
.dialogcp img{  display:block}
.ui-widget-header a{  color:#64676a}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{  font-family:"Open Sans",Helvetica,Arial,sans-serif}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{  background:transparent none repeat scroll 0 0;   border:0 none;   color:#75787b;   font-weight:400}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{  color:#75787b;   text-decoration:none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{  background:transparent none repeat scroll 0 0;   border:0 none;   color:#53565A;   font-weight:400}
.ui-widget:active{  outline:medium none}
.ui-corner-all{  border-radius:0}
.ui-widget-overlay{  background:#fff none repeat scroll 0 0;   height:100%;   left:0;   opacity:0.75;   position:fixed;   top:0;   width:100%;   z-index:25}
.ui-widget-shadow{  background:#a9aaac url("//content.cpcache.com/js/jquery/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50%;   border-radius:8px;   margin:-8px 0 0 -8px;   opacity:0.3;   padding:8px}
.ui-button{  cursor:pointer;   display:inline-block;   margin-right:0.1em;   outline:medium none;   overflow:visible;   padding:0;   position:relative;   text-align:center;   text-decoration:none !important}
.ui-button-icon-only{  width:2.2em}
button.ui-button-icon-only{  width:2.4em}
.ui-button-icons-only{  width:3.4em}
button.ui-button-icons-only{  width:3.7em}
.ui-button .ui-button-text{  display:block;   line-height:1.4}
.ui-dialog-titlebar-close .ui-button-text{  background:#989a9c none repeat scroll 0 0;   border-radius:15px;   box-shadow:0 2px 4px #53565A;   color:#fff;   display:block;   font-size:14px;   height:22px;   line-height:20px;   margin:auto;   width:22px}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text{  padding:0.4em 1em 0.4em 2.1em}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text{  padding:0.4em 2.1em 0.4em 1em}
.ui-button-text-icons .ui-button-text{  padding-left:2.1em;   padding-right:2.1em}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon{  position:absolute;   top:0}
.ui-button-icon-only .ui-icon{  left:0}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary{  left:0.5em}
.ui-buttonset{  margin-right:7px}
.ui-buttonset .ui-button{  margin-left:0;   margin-right:-0.3em}
button.ui-button::-moz-focus-inner{  border:0 none;   padding:0}
.ui-dialog{  background:#fff none repeat scroll 0 0;   border:1px solid #ddddde;   box-shadow:0 0 8px #cbcccd;   outline:medium none;   overflow:visible;   padding:20px;   position:absolute;   text-align:left;   width:auto;   z-index:25}
.ui-dialog .ui-dialog-titlebar{  padding:0;   position:relative;   z-index:25}
.ui-dialog .ui-dialog-title{  float:left;   margin:0}
.ui-dialog .ui-dialog-titlebar-close{  border:0 none;   height:30px;   margin:0;   padding:0;   position:absolute;   right:-32px;   top:-32px;   width:30px}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{  padding:0}
.ui-dialog .ui-dialog-content{  background:#fff none repeat scroll 0 0;   border:medium none;   box-shadow:none;   font-size:14px;   overflow:hidden;   padding:0;   position:relative}
.ui-dialog .ui-dialog-buttonpane{  background-image:none;   border-width:1px 0 0;   overflow:hidden;   padding:0;   text-align:left}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{  float:right}
.ui-dialog .ui-dialog-buttonpane button{  cursor:pointer;   margin:0 0 1px 0.5em}
.ui-dialog .ui-widget-header{  background:#fff none repeat scroll 0 0;   border:0 none;   color:#75787b;   font-size:0;   font-weight:400}
.ui-dialog .ui-icon-closethick{  display:none}
.ui-helper-hidden, .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{  display:none}
.ui-helper-clearfix, .ui-dialog .ui-dialog-titlebar-close span{  display:block}
.ui-widget-header .ui-state-hover, .ui-dialog .ui-widget-header .ui-state-hover{  background:transparent none repeat scroll 0 0}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{  color:#53565A;   text-decoration:none}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{  color:#9f0118}
.ui-widget-content .ui-icon, .ui-widget-header .ui-icon{  background-image:url("//content.cpcache.com/js/jquery/themes/base/images/ui-icons_222222_256x240.png")}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon{  background-image:url("//content.cpcache.com/js/jquery/themes/base/images/ui-icons_454545_256x240.png")}
.ui-button-text-only .ui-button-text, input.ui-button{ background:#ededed none repeat scroll 0 0;  border:1px solid #ddddde;  padding:0.4em 1em}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{ right:0.5em}

/* Footer Styles */
footer *{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
body footer{ background-color:#53565A;  color:#fff;  margin-top:50px;  padding:50px 0}
footer div.flag{ margin:7px 7px 0 0}
footer form input[type="text"]{ border:1px solid #ddddde;  font-size:1.2em;  height:31px;  padding:5px;  width:200px}
footer form label{ font-size:17px;  font-weight:300;  margin-right:0.5em}
footer form .button{ font-family:"Open Sans",Helvetica,Arial,sans-serif}
#emailSignupForm{ width:60%;  float:left}
#emailSignupForm input[type="email"]{ border:medium none;  height:30px;  margin:0;  padding:6px;  width:38%;  position:relative;  top:-3px}
#emailSignupForm input[name="age"]{ margin:5px 5px 5px 0}
.agBoxInfo{ display:inline-block;  float:none;  font-size:12px;  left:0;  top:0}
#emailSignupForm .info{ color:#fffdd2;  margin:1em 0;  text-align:center}
.email-checkbox{ margin-top:5px}
.email-wrap{ display:inline}
.fs-links-wrap{ display:inline-block}
.footer-social{ float:right;  font-size:17px;  font-weight:300;  margin:2px 0 2em}
.footer-social a{ background:#fff none repeat scroll 0 0;  border-radius:50%;  display:inline-block;  height:35px;  line-height:35px;  margin:0 5px;  text-align:center;  width:35px}
.footer-social a:hover{ background:#77b800 none repeat scroll 0 0;  color:#fff}
.footer-ribbon-wrap{ border-top:1px solid #75787b;  clear:both;  padding-top:3em}
.footer-ribbon-wrap ul{ float:left;  padding:0 1em 0 0;  width:33.33%}
.footer-ribbon-wrap h4{ font-size:20px;  font-family:"Roboto Condensed",Impact,sans-serif;  font-weight:700;  letter-spacing:.01em;  text-transform:uppercase;  margin:0.5em 0 10px}
.footer-ribbon-wrap h4 i{ margin-right:5px}
.footer-ribbon-wrap li{ line-height:150%;  padding:1px 0}
.footer-ribbon-wrap li a{  color:#ddddde;  padding:3px 0;  display:block}
.footer-ribbon-wrap li a:hover{ color:#fff;  text-decoration:none}
.seolinks{ font-size:1.6em;  line-height:1.6em;  padding:3em 5em}
.seolinks{ border-top:1px solid #75787b;  margin-top:3em;  overflow:hidden;  padding:3em 0 0}
.seolinks .seolink-box{ display:block;  float:left;  font-size:0.9em;  margin-right:3%;  text-align:left;  width:30%}
.seolink-box li{ float:left;  margin-right:15px}
.seolink-box li a, .seolink-box p{ color:#cbcccd}
.copyright{ border-top:1px solid #75787b;  font-size:12px;  margin:3em 0 0;  padding:3em 0 0;  text-align:center}
.copyright a{ color:#fff;  text-decoration:underline}
.copyright::before, .footer-ribbon-wrap::before, .seolinks::before{ border-top:1px solid #989a9c;  content:"";  display:block;  height:1px;  position:relative;  top:-3em}

/* mini user profile */
.user-profile{ background:#fff none repeat scroll 0 0;  border:1px solid #cbcccd;  box-shadow:1px 1px 4px #cbcccd;  display:none;  padding:1em;  position:absolute;  width:27em;  z-index:5}
.user-profile::before{ background:#fa1 none repeat scroll 0 0;  content:"";  display:block;  height:157px;  opacity:0;  position:absolute;  top:0;  width:280px;  z-index:-1}
.user-profile h3{ font-size:1.6em;  line-height:1.1em;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap}
.user-profile .triangle-down{ bottom:-17px}
.user-profile .profile-photo-container{ border:1px solid #ddddde;  border-radius:75px;  float:left;  height:90px;  margin-bottom:5px;  margin-right:15px;  overflow:hidden;  width:90px}
.user-profile .profile-photo-container img{ width:89px}
.user-profile .profile-photo{ border-radius:50%}
.user-profile .profile-links .sub-link a{ color:#989a9c;  font-size:1.4em}
.user-profile .profile-links a, .user-profile .profile-links div, .user-profile .profile-links button{ margin-top:1em}
.user-profile #profile-close{ color:#989a9c;  cursor:pointer;  font-size:1.5em;  padding:7px 10px;  position:absolute;  right:0;  top:0}

/* Help Pages, Community, About */
ul.crumb, ul.crumb li{ list-style:outside none none;  margin:0;  padding:0}
ul.crumb{ margin-bottom:40px}
ul.crumb li{ color:#989a9c;  display:inline-block;  font-size:1.2em}
ul.crumb li a{ color:#989a9c;  text-decoration:none}
#generalContent .wrapper{ max-width:970px;  padding:30px 20px 0;  position:relative}
#generalContent h1{ color:#53565A;  font-size:32px;  font-weight:300;  line-height:120%;  margin:20px 0;  padding-top:0}
#generalContent .content-entry h1{ font-size:24px}
.content-entry{ color:#53565A;  font-size:1.4em;  line-height:1.2em}
.content-entry a, .content-entry a:link, .content-entry a:visited{ color:#77b800;  text-decoration:underline}
.content-entry p{ margin:1.4em 0}
.content-entry ol, .content-entry ul{ margin:1.4em 0}
.content-entry ul{ list-style:outside none disc}
.content-entry ol li, .content-entry ul li{ margin-left:1.8em}
.content-entry strong, .content-entry b{ font-weight:700}
.content-entry em, .content-entry i{ font-style:italic}
.content-entry h2{ color:#53565A;  margin:1.2em 0}
.content-entry h3{ color:#53565A;  margin:1.2em 0}
.content-entry table{ width:100%}
.content-entry table td{ padding:5px}

/* Feedback Form */
.feedback{ display:none}
.feedback-icon{ -moz-border-bottom-colors:none;  -moz-border-left-colors:none;  -moz-border-right-colors:none;  -moz-border-top-colors:none;  background-color:#989a9c;  border-color:#ddddde -moz-use-text-color #ddddde #ddddde;  border-image:none;  border-style:solid none solid solid;  border-width:1px medium 1px 1px;  box-shadow:1px 1px 4px #cbcccd;  display:block;  position:fixed;  right:0;  top:71px;  transition:all 0.5s ease 0s;  width:25px;  z-index:100}
.feedback-icon:hover{ width:100px}
.feedback-icon a:hover::after{ color:#fff;  content:"Send Feedback";  font-size:12px;  margin-left:5px;  white-space:nowrap}
.feedback-icon a{ color:#fff;  cursor:pointer;  display:block;  font-size:1.6em;  padding:4px 9px 6px;  text-decoration:none !important}
.feedback-form{ font-size:14px;  margin:5px 0 30px;  padding:5px 10px 10px;  width:372px}
.feedback-form h3{ margin-bottom:5px}
.feedback-form .form-row{ margin-bottom:15px;  position:relative}
#feedback-form label{ left:10px;  position:absolute;  top:10px}
#feedback-form select{ border:1px solid #ddddde;  font-size:14px;  margin:15px 0 0;  outline:medium none;  padding:5px;  width:200px}
#feedback-form .email{ font-size:14px;  padding:5px 0 10px 50px;  width:320px}
.feedback-form textarea{ border:1px solid #ddddde;  display:block;  height:150px;  margin:0 0 10px;  padding:10px;  white-space:pre-wrap;  width:350px;  word-wrap:break-word}
.feedback-form .send{ float:right}
.error-msg{ color:#ae1100;  display:none}

/* Recently viewed global sticky maximize button styles */
.rvp-global-expand{ -moz-border-bottom-colors:none;  -moz-border-left-colors:none;  -moz-border-right-colors:none;  -moz-border-top-colors:none;  background-color:#989a9c;  border-color:#ddddde -moz-use-text-color #ddddde #ddddde;  border-image:none;  border-style:solid none solid solid;  border-width:1px medium 1px 1px;  bottom:0;  box-shadow:1px 1px 4px #cbcccd;  cursor:pointer;  display:none;  position:fixed;  right:0;  transition:all 0.5s ease 0s;  width:24px}
.rvp-global-expand:hover{ width:100px}
.rvp-global-expand a:hover::after{ color:#fff;  content:"Recently viewed";  font-size:12px;  margin-left:5px;  white-space:nowrap}
.rvp-global-expand a{ color:#fff;  cursor:pointer;  display:block;  font-size:1.6em;  padding:4px 8px;  text-decoration:none !important}

@media all and (max-width:1270px){ .header-wrap{ max-width:1078px}

}

/* ==========================================================================
   Medium layout styles
   ========================================================================== */
@media all and (max-width:970px){ /* ==  Header Styles  == */ #nav-gifts{ display:none}
 .header-wrap{ padding-left:351px}
 .header-left{ margin-left:-351px}
 .header-left .header-logo{ padding:0 0 0 1em}
 .header-logo .icon-cp-logo{ display:block}
 .cp-logo{ display:none}
 #global-header-cart{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  cursor:pointer;  float:right;  height:50px;  margin-right:10px;  padding:5px 12px;  width:63px}
 #global-header-carticon{ top:0}
 #global-filter-drop{ display:none}
 .touch-search, 
 .touch-menu, 
 .touch-item .icon-cp-cart{ font-size:1.2em;  text-shadow:none}

 .nav-search .nav{ position:absolute;  text-indent:-9999px;  width:100%}
 .nav-search .nav-tab{ width:100%}
 .nav-search .nav .sub-nav{ display:none;  text-indent:0}
 .nav-search{ width:100%}

 /* Shop menu*/
 #sub-nav-shop{ border-top:medium none;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  max-width:970px;  min-width:100%;  position:absolute;  z-index:9}
 .nav-tab a{ border:0 none;  letter-spacing:0}
 .sub-nav-extra{ display:none}
 .hot{ display:inline-block;  font-size:0.9em;  line-height:1.5em;  overflow:hidden;  text-overflow:clip;  vertical-align:top;  white-space:nowrap;  width:10px}
 .hot::before{ content:"";  font-family:FontAwesome}

 /* Create menu */
 .nav-design-img{ display:none}

 /*Global Styles*/
 #breadCrumbLinks, 
 .breadcrumb{ display:none}

 /* Footer styles */
 .footer-social{ float:left;  margin-top:1em;  width:100%}
 .email-wrap{ display:block;  margin-top:10px}
 #emailSignupForm{ width:100%}
 #emailSignupForm input[type="email"]{ top:-2px}
 footer form .button{ font-size:14px;  width:30%}

 .saleGifts{ display:none}
}
/* ==========================================================================
   Small layout styles
   ========================================================================== */
@media all and (max-width:770px){ /* ==  Header Styles  == */ .header-wrap .logo13-mobile{ }
 .header-left .header-logo{ padding:0 1em}
 .header-wrap{ padding-left:163px}
 .header-left{ margin-left:-163px}
 .header-nav .icon-reorder{ display:inline}
 .header-nav{ border-left:1px solid #ddddde}
 #wrap-close-inlinecart.in-treatment{ display:inline-block}

 /*shop tab*/
 #nav-shop:hover #sub-nav-shop{ display:block}
 #sub-nav-shop{ border-bottom:5px solid #989a9c;  padding:0}
 #sub-nav-shop ul{ margin:0;  width:100%}
 #sub-nav-shop .nav-col-wrapper{ padding-left:0;  width:100%}
 #sub-nav-shop .touch-title{ display:block;  font-weight:normal;  letter-spacing:1px;  padding:0 5%;  text-transform:capitalize}
 .list-wrap{ background:#ddddde none repeat scroll 0 0;  display:none;  margin:auto;  width:100%}
 #sub-nav-shop.sub-nav li{ margin-left:10%;  text-transform:lowercase}
 .sub-nav li:last-child::after{ content:""}
 .sub-nav li a{ border-bottom:1px solid #fff;  color:#53565A;  display:block;  font-size:1.1em;  line-height:2em;  padding:0.9em 0 0.7em;  text-transform:capitalize}
 #sub-nav-shop.sub-nav li a::after{ content:"»";  display:inline;  margin-left:0.3em}
 .sub-nav-view-all{ border:medium none;  display:block;  margin-top:1em;  text-align:center}
 #sub-nav-shop .sub-nav-view-all a{ background-color:#77b800;  color:#fff;  display:inline-block;  padding:0.8em 2.5em}
 .sub-nav .hot{ line-height:2em;  vertical-align:middle}
 .sub-nav ul, .sub-nav h4{ display:block;  margin:0;  padding:0;  width:100%}
 .sub-nav h4{ border-bottom:1px solid #a9aaac;  letter-spacing:1px;  line-height:3.2em;  position:relative}
 .sub-nav h4 a{ padding-left:10%}
 .sub-nav h4::before{ border-top:1px solid #fff;  content:"";  display:block;  position:relative;  width:100%}
 .sub-nav h4::after{ border:1px solid #a9aaac;  border-radius:50%;  content:"+";  cursor:pointer;  height:2em;  line-height:2em;  position:absolute;  right:10%;  text-align:center;  top:0.5em;  width:2em}
 .sub-nav h4.active::after{ content:"-";  position:absolute;  right:10%;  top:0.5em}
 .sne-signin{ display:block}
 #nav-shop{ border:medium none}
 #nav-shop.nav-tab{ padding:0}
 .hot{ display:inline;  font-size:1em;  line-height:1.5em;  overflow:visible;  text-overflow:initial;  vertical-align:top;  white-space:normal;  width:auto}
 .hot::before{ content:""}

 .header-item a{ color:#989a9c}
 .shop-top-link{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  display:block;  text-align:center;  width:62px}
 #countrySelector, .right-wrapper .signin, .right-wrapper .header-help, .header-nav .shop-text, #nav-create, #nav-sell{ display:none}
 .touch-item{ padding:10px 0}
 #touch-item-search{ display:block}
 #sub-nav-shop{ left:0;  max-width:inherit;  width:100%}
 #sub-nav-shop::after{ content:"";  display:none}
 div.sub-nav{ }
 #searchBarForm input.global-searchbox{ float:left;  margin:0;  padding-left:10px;  width:70%}
 .header-search:hover #searchBarForm{ border-color:#ddddde}
 #global-searchbutton{ float:right;  position:relative;  right:auto;  text-align:right;  width:30%}

 #countryLogo{ display:block;  height:auto;  margin:5px 0 0 8%;  max-width:75%;  padding:0}
 .center-wrapper{ height:50px;  position:absolute}
 .saleGifts{ display:none}

 /* Search menu */
 #global-header-searchform #global-filter-drop{ display:none}
 #global-header-searchform{ background:#cbcccd none repeat scroll 0 0;  padding:0.5em 2% 0.6em;  transition:all 0.5s ease 0s;  width:96%;  z-index:4}
 #touch-search-close{ background:#989a9c none repeat scroll 0 0;  border-radius:15px;  box-shadow:0 2px 4px #53565A;  color:#fff;  cursor:pointer;  display:block;  float:right;  height:28px;  line-height:26px;  text-align:center;  width:28px}

 /* Footer Styles */
 body footer .wrapper{ padding:0 40px}
 .footer-ribbon-wrap{ font-size:0.9em}
 .footer-ribbon-wrap ul{ margin-bottom:3em;  width:50%}
 .fs-links-wrap{ display:block;  margin-top:10px}
 .footer-social a{ margin:0 10px 0 0}
 .feedback-icon{ display:none}

 /* login popup */
 .signInPopupDialog #social-logins-container{ width:340px}
 .signInPopupDialog .amazon-login-button{ float:none}
 .signInPopupDialog #facebook-login-button{ margin-bottom:5px}
}/* End small layout */

@media all and (max-width:570px){ #tippyTopContainer{ display:none}
 .header-left .header-logo{ height:50px;  padding:0}
 .header-wrap{ height:50px;  line-height:50px;  margin:0;  padding:0}
 .header-wrap .logo13-mobile{ display:block;  float:none}
 .header-wrap .logo13-mobile i{ font-size:1.6em}
 .header-search .search-icon{ display:block}
 .header-item, .header-nav{ height:50px;  text-align:center;  width:50%}
 .header-item a{ cursor:default}
 .header-wrap .header-item{ line-height:50px}
 .header-left, .header-right{ margin:0;  width:40%}
 .header-outer{ margin-bottom:46px;  transition:all 0.5s ease 0s}
 .header-search{ width:20%}
 #searchBarForm{ background-color:#ddddde;  border:medium none;  height:auto;  left:-206%;  margin:0;  padding:6px 30px;  position:absolute;  right:-208%;  top:51px;  z-index:2}
 .header-search.active::after{ background:#fff none repeat scroll 0 0;  content:"";  display:block;  left:0;  position:absolute;  width:100%;  z-index:26}
 .header-search.active #searchBarForm{ display:block}
 .header-search.active{ background:#fff none repeat scroll 0 0}
 #searchBarForm input.global-searchbox{ border-radius:5px 0 0 5px;  box-shadow:0 1px 3px #a9aaac inset;  font-size:16px;  padding-left:10px;  width:80%}
 #global-searchbutton{ background-color:#77b800;  border-radius:0 5px 5px 0;  color:#fff;  margin-left:-80px;  width:20%}
 #global-searchbutton:hover{ background-color:#77b800}
 #nav-shop, .shop-top-link{ width:100%}
 div.sub-nav{ top:51px}

 #sub-nav-cart, #sub-nav-cart-item{ right:-102%}
 #cartItemCount{ left:54%;  top:10px}

 /*help popup*/
 #help-popup{ height:auto;  left:0 !important;  padding:5%;  top:5%;  width:89%}
 #help-popup h4{ margin-bottom:5px}
 #help-popup .help-box{ height:100px;  padding:10px;  width:80%}
 .help-box .tagline{ margin:10px 0}
 #help-popup .help-links{ padding-top:0}
 #help-popup .help-box, #help-popup .help-box.no-margin{ float:none;  margin:auto auto 10px}
 #help-popup .help-close{ float:none;  line-height:22px;  margin:auto auto 10px;  right:5px;  top:5px}

 /*auto complete overrides*/
 .ui-autocomplete{ border-top:1px solid #ddddde;  left:0 !important;  min-width:100%;  text-align:left;  top:38px !important}
 .header-wrap ul.ui-autocomplete a{ padding-left:10px !important}
 .serp-breadcrumb{ margin:.5em 0}
 .button.unfollowTopic{ border:1px solid #ddddde}
 body footer .wrapper{ padding:0 30px}
 .footer-ribbon-wrap ul{ margin-bottom:1em;  width:100%}
 .footer-ribbon-wrap ul:last-child{ margin:0}
 .footer-ribbon-wrap h4{ background:#75787b none repeat scroll 0 0;  padding:0.5em}
 .footer-ribbon-wrap h4::after{ content:"+"; float:right}
 .footer-ribbon-wrap h4.active::after{content:"-"}
 .footer-list-wrap{display:none}
 .seolinks, .feedback-icon{display:none}

 .saleGifts{display:none}
 .sub-nav-wrapper{position:relative}

 .header-outer.active{position:relative !important; z-index:10 !important}
 #sub-nav-cart .cart-x{display:block}
 #sub-nav-cart-item{right:0; top:0}
 .signInPopupDialog #social-logins-container{width:300px}
}