body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  z-index: 1;
  background: #c1c1c1; }
  body#checkout-page {
    background: #3980a9 url(/img/bgs/checkout-bg.gif) !important; }
  body#error-page {
    background: #3980a9 url(/img/bgs/checkout-bg.gif) !important; }

a {
  color: #8000FF;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:focus {
    -moz-outline-style: none; }
  a img {
    border: 0; }

ul.nospace, ul.nospace li {
  margin: 0;
  padding: 0;
  list-style: none; }

.spacer {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0; }
  .spacer.dotted {
    border-top: 1px solid #ccc;
    margin-bottom: 20px; }

form, fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

button {
  cursor: pointer; }

.hidden {
  display: none; }

address {
  font-style: normal;
  line-height: 1.3em; }

.alert,
#alert {
  font-size: 16px;
  padding: 10px;
  background: #ffb;
  color: #000;
  text-align: center;
  margin: 10px 0; }
  .alert ul,
  #alert ul {
    text-align: left;
    line-height: 1.3em; }

.spaced {
  margin-top: 1.6em; }

.clearleft {
  clear: left; }

ul,
ol {
  padding: 0;
  margin: .5em 0 .5em 1.5em;
  line-height: 1.2em;
  color: #333; }

.floatright {
  float: right; }

img.floatright {
  margin: 0 0 10px 10px; }

.disabled {
  opacity: .5; }

h1 {
  font-size: 24px;
  margin: .6em 0;
  padding: 0; }

h2 {
  font-size: 20px;
  margin: .6em 0;
  padding: 0; }

h3 {
  font-size: 16px;
  margin: .6em 0;
  padding: 0; }

h2 a {
  color: #000; }

h2 small,
h1 small {
  color: #8000FF;
  font-size: 12px;
  margin-left: 4px; }

#sidebar h2 small {
  font-size: 10px; }

h2.top {
  margin-top: 0; }

h2.bar {
  font-size: 15px;
  border-top: 1px solid #4F81A2;
  border-bottom: 1px solid #5C94B7;
  background: #5C94B7;
  background: -webkit-gradient(linear, left top, left bottom, from(#5C94B7), to(#6ba8cf), color-stop(5%, #66A4D4));
  color: #fff;
  text-shadow: #666 0 1px 0;
  padding: 0 10px;
  line-height: 24px;
  margin: 30px 0 6px 0;
  clear: left; }

h2.small {
  font-size: 14px; }

p {
  margin: .5em 0;
  font-size: 14px;
  line-height: 1.4em;
  color: #333; }

#header {
  position: relative;
  height: 131px;
  width: 900px;
  margin: 0 auto; }

#crumb-wrapper {
  width: 900px;
  margin: 0 auto; }

.button {
  background: #09f;
  color: #fff !important;
  padding: 6px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0;
  text-shadow: #777 0 1px 0;
  font: bold 12px/1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 4px; }

.button:hover {
  text-decoration: none;
  background: #0081D7; }

/*a.button.ajaxcart:hover { background:#09f; } /* add to cart buttons have .working to make button turn gray on press, then turns blue after ajax call (using :hover kept state on iphone) */
a.button.ajaxcart.preorder {
  background: #FAAE5C; }
  a.button.ajaxcart.preorder:hover {
    background: #D69551; }

.button.working {
  background: #ccc !important; }

.mini-button {
  padding: 3px 6px;
  font-size: 11px;
  background: #09f;
  color: #fff;
  white-space: nowrap;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  line-height: 1.2em;
  border: 0;
  cursor: pointer; }
  .mini-button:hover {
    background: #0081D7;
    text-decoration: none; }

a.button.active {
  background: #000; }

.button.large {
  font-size: 20px;
  line-height: 1em;
  padding: 8px 14px; }

.mini-button.edit {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none; }

.product-single .mini-button.edit {
  right: 320px; }

.product-single:hover .mini-button.edit {
  display: block; }

.news-post:hover .mini-button.edit,
.product:hover .mini-button.edit {
  display: block; }

#wrapper {
  width: 900px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px; }

#content {
  width: 555px;
  float: left; }

#sidebar {
  float: right;
  margin-right: -14px;
  background: #EDE5DD;
  padding: 8px 12px;
  width: 275px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px; }

h1#logo,
ul#nav li {
  display: block;
  float: left; }

h1#logo {
  width: 190px;
  padding: 8px 0;
  margin: 0 8px 0 16px; }
  h1#logo a {
    display: block;
    text-indent: -9999em;
    margin: 0 auto;
    padding-right: 20px;
    width: 100px;
    height: 114px;
    background: url("/img/logo.png") no-repeat; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) {
  h1#logo a {
    background-size: 100px 114px;
    background-image: url("/img/logo@2x.png"); } }

ul#cart-links,
#search-form {
  position: absolute;
  top: 0;
  right: 16px;
  width: 280px; }

ul#cart-links {
  right: 312px;
  text-align: right;
  line-height: 28px; }

ul#nav {
  padding-top: 46px; }

ul#nav li {
  width: 105px;
  height: 20px;
  margin: 16px 8px 0 0; }

ul#nav li a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  line-height: 1em;
  text-shadow: #666 0 -1px 0;
  height: 100%; }

ul#nav li.active {
  height: 36px;
  margin: 0 8px 0 0;
  border-bottom: 15px solid #5573B9; }

ul#nav li.active a {
  line-height: 54px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px; }

ul#nav li a {
  background: #b3b3b3;
  text-decoration: none; }

a.cart {
  padding: 1px 0 0 22px;
  background: url(/img/icon-cart-sm.png) no-repeat; }

li#nav-home a:hover,
li#nav-home.active a,
#homepage #subnav {
  background: #5573B9; }

li#nav-news a:hover,
li#nav-news.active a,
#news-page #subnav {
  background: #9e005d; }

#news-page ul li.active {
  border-bottom: 15px solid #9e005d; }

h2.news {
  color: #9e005d; }

li#nav-cart a:hover,
li#nav-cart.active a,
#cart-page #subnav {
  background: #7da7d6; }

#cart-page ul li.active {
  border-bottom: 15px solid #7da7d6; }

/*li#nav-creators a:hover,
li#nav-creators.active a,
#creators-page #subnav { background: #7da7d6; }
#creators-page ul li.active { border-bottom:15px solid #7da7d6; }
*/
li#nav-catalog a:hover,
li#nav-catalog.active a,
#catalog-page #subnav {
  background: #197a30; }

#catalog-page ul li.active {
  border-bottom: 15px solid #197a30; }

li#nav-blog a:hover,
li#nav-blog.active a,
#blog-page #subnav {
  background: #962436; }

#blog-page #subnav {
  margin-top: 15px; }

#blog-page ul li.active {
  border-bottom: 15px solid #962436; }

li#nav-contact a:hover,
li#nav-contact.active a,
#contact-page #subnav {
  background: #faae5c; }

#contact-page ul li.active {
  border-bottom: 15px solid #faae5c; }

li#nav-ts20 a:hover,
li#nav-ts20.active a,
#ts20-page #subnav {
  background: #ff6633; }

#ts20-page ul li.active {
  border-bottom: 15px solid #ff6633; }

#the-players {
  margin-top: -27px; }

#crumb {
  padding: 10px 17px;
  font-size: 12px;
  color: #999; }

#crumb i {
  font-style: normal; }

#main {
  margin: 0 14px 0 16px;
  padding-bottom: 20px;
  position: relative;
  z-index: 5;
  min-height: 600px;
  padding-top: 2px; }

#subnav li {
  display: inline;
  line-height: 28px; }

#subnav li a {
  color: #fff;
  margin: 0 2px 0 16px; }

#subnav li small a {
  margin: 0; }

#subnav li a.rss {
  position: absolute;
  top: 0;
  right: 6px; }

ul#cart-links li {
  display: inline;
  margin: 0 2px 0 10px; }

.date {
  font-size: 11px;
  color: #999; }

.product {
  padding: 4px 0 24px 0;
  position: relative;
  width: 50%;
  float: left; }

.category-page .product h2,
.category-page .product h3,
.category-page .product .description,
.category-page .product p.by,
.category-page .product .cart-actions {
  margin-left: 165px;
  margin-right: 20px; }

.artist-page .product h2,
.artist-page .product h3,
.artist-page .product .description,
.artist-page .product p.by,
.artist-page .product .cart-actions {
  margin-left: 165px;
  margin-right: 20px; }

a.more-arrow {
  display: block;
  background: url(/img/li-arrow.png) center no-repeat;
  height: 100%;
  width: 15px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -1000em; }

.product img {
  display: block;
  float: left;
  margin: 0 10px 10px 0; }

.product h3 a {
  color: #000; }

p.by {
  font-size: 12px;
  margin-top: -.5em; }

.price {
  font-size: 14px;
  color: #666; }

.product .price + .price.digital {
  margin-top: -.5em; }

.related-products .product .price + .price.digital {
  margin: -.2em 4px .2em; }

.pagination {
  margin: 20px 0;
  font-size: 14px;
  position: relative;
  width: 100%;
  text-align: center;
  line-height: 28px; }

a.next, a.prev, a.page, .pg-active {
  padding: 6px;
  border: 1px solid #ccc;
  color: #8000FF;
  white-space: nowrap; }

a.next, a.prev {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.1em;
  padding: 8px 12px;
  border: 0; }

a.prev {
  right: auto;
  left: 0; }

a.page:hover {
  border: 1px solid #8000FF; }

.pg-active {
  border: 1px solid #000;
  background: none;
  color: #000;
  font-weight: bold; }

.pg-at {
  display: block;
  text-align: center;
  color: #999;
  line-height: 28px; }

#slide-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffb;
  z-index: 100;
  height: 0;
  margin-top: -75px;
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
  /* styles with no "view cart" */ }
  #slide-alert.error {
    background: #FD534D; }
  #slide-alert.error #slide-alert-p, #slide-alert.nocart #slide-alert-p {
    margin-right: 0;
    color: #fff; }
  #slide-alert.error #slide-alert-cart-link, #slide-alert.nocart #slide-alert-cart-link {
    display: none; }
  #slide-alert.error #slide-alert-txt {
    background: url(/img/alert.png) left center no-repeat;
    padding: 10px 10px 10px 40px; }

#slide-alert-p {
  text-align: center;
  margin: 15px 0;
  color: #000;
  font-size: 16px;
  line-height: 1.2em;
  margin-right: 100px;
  padding: 0; }

#slide-alert-txt {
  background: url(/img/check.png) left center no-repeat;
  padding: 10px 10px 10px 40px; }

#slide-alert-cart-link {
  position: absolute;
  top: 10px;
  right: 10px; }

#search-form {
  padding: 4px 0; }

#q {
  border: none;
  font-size: 14px;
  padding: 2px;
  width: 179px !important; }

button#search {
  padding: 2px;
  font-size: 15px;
  width: 87px;
  margin-left: 4px; }

#search-page #content {
  width: auto; }

#search-page .product {
  border-top: 0; }

.search-list {
  line-height: 1.3em; }
  .search-list:after {
    content: "";
    display: table;
    clear: both; }
  .search-list .excerpt {
    display: block;
    color: #333;
    padding: 5px 0 10px 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.3em;
    max-width: 500px; }
  .search-list a:hover {
    text-decoration: none; }
    .search-list a:hover .title {
      text-decoration: underline; }

#search-page #content h2 {
  margin-top: 20px; }

.highlight {
  font-weight: bold; }

#error-page #main {
  min-height: 0;
  margin: 60px; }

h2.newsletter {
  color: #0d5384;
  margin-top: 20px; }

.newsletter-sidebar {
  background: #0d5384;
  padding: 10px;
  color: #fff; }

.feature-wrap, .sidebox {
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px; }

#header {
  z-index: 10; }

#subnav ul li.droptitle {
  position: absolute;
  top: 0;
  left: 78px;
  font-size: 16px;
  color: #fff;
  padding: 0 21px 0 10px;
  background: url(/img/droptitle.png) right center no-repeat;
  cursor: pointer;
  z-index: 30; }
  #subnav ul li.droptitle.on {
    background: #2196ff url(/img/droptitle-on.png) right center no-repeat; }

#subnav {
  float: left;
  height: 27px;
  width: 670px;
  position: relative;
  color: #ccc;
  font-size: 14px; }
  #subnav ul {
    color: #ccc; }
    #subnav ul.dropmenu {
      background: #2196ff;
      position: absolute;
      top: 0;
      left: 78px;
      margin: 0;
      padding: 0 0 8px 0;
      margin-top: 27px;
      -webkit-border-bottom-right-radius: 10px;
      -moz-border-radius-bottomright: 10px;
      z-index: 40; }
      #subnav ul.dropmenu li.spaced {
        margin-top: 10px; }
      #subnav ul.dropmenu li {
        display: block; }
        #subnav ul.dropmenu li a {
          display: block;
          padding: 8px 4px 0 0;
          line-height: 14px;
          font-size: 14px;
          margin-left: 10px; }
          #subnav ul.dropmenu li a .by {
            font-size: 12px;
            color: #ddd; }
    #subnav ul li#kids-club-link {
      position: absolute;
      top: 0;
      left: 345px; }
    #subnav ul li#returns-policy-link {
      position: absolute;
      top: 0;
      left: 424px; }
    #subnav ul li#digital-link {
      position: absolute;
      top: 0;
      left: 492px; }
    #subnav ul li#isbn-list-link {
      position: absolute;
      top: 0;
      left: 552px; }
  #subnav li.droptitle a {
    margin-left: 0; }
  #subnav ul li#dropmenu-category,
  #subnav ul#dropmenu-category-menu {
    left: 178px; }
  #subnav ul li#dropmenu-artist,
  #subnav ul#dropmenu-artist-menu {
    left: 260px; }

/* sidebar styles */
#sidebar .large-comic p.description {
  display: none; }

#homepage #sidebar .large-comic p.description {
  display: block; }

#sidebar h2 {
  position: relative;
  padding-right: 20px;
  font-size: 18px;
  margin-bottom: 4px; }

a.rss-icon {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  width: 14px;
  height: 14px;
  text-indent: -1000em;
  background: url(/img/rss.png) no-repeat; }

.recent-news {
  background: #f3f3f3;
  padding: 10px; }
  .recent-news ul li img {
    width: 100px;
    float: left;
    margin: 0 10px 10px 0; }
  .recent-news ul li a {
    display: block; }
  .recent-news ul li .date {
    display: block;
    margin-bottom: 10px; }

#sidebar .blog h2 a {
  color: #ccc;
  font-size: 18px; }

/* homepage larger sidebar */
#homepage {
  /* homepage news posts */ }
  #homepage #content {
    width: 420px; }
  #homepage #sidebar {
    width: 410px;
    margin-top: 12px; }
    #homepage #sidebar h2 {
      font-size: 20px; }
  #homepage .feature {
    width: 390px; }
    #homepage .feature h3 {
      margin-top: 0; }
    #homepage .feature img {
      width: auto; }
    #homepage .feature p.price {
      font-weight: bold; }
    #homepage .feature .actions,
    #homepage .feature .description {
      margin-left: 158px; }
  #homepage .mask {
    height: 250px; }
  #homepage .mask,
  #homepage .feature-wrap {
    width: 388px; }
  #homepage .news-post img {
    display: block;
    float: left;
    margin: 0 10px 10px 0; }
  #homepage .news-post {
    padding-top: 10px;
    border-top: 1px solid #ccc; }
  #homepage .blog .news-post {
    padding-top: 0;
    border: 0; }

/* creators page */
ul.blocklinks {
  width: 30%;
  float: left;
  margin: 0 3% 0 0;
  padding: 0;
  list-style: none; }
  ul.blocklinks.tail {
    margin-right: 0; }
  ul.blocklinks .wrap {
    width: 90px;
    height: 40px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 10px 0 0; }
    ul.blocklinks .wrap img {
      position: absolute;
      top: -20px; }
  ul.blocklinks li {
    border: 1px solid #ccc;
    margin: -1px -1px 0 -1px; }
    ul.blocklinks li a {
      display: block;
      font-size: 16px;
      font-weight: bold;
      background: url(/img/li-arrow.png) right center no-repeat;
      padding: 10px 24px 8px 10px; }

.links {
  margin: 20px 0; }
  .links dl {
    width: 47%;
    margin: 0 4% 0 0;
    float: left;
    line-height: 1.4em; }
    .links dl.tail {
      margin-right: 0; }

.catalog-date,
.big {
  font-size: 16px;
  color: #f63;
  font-weight: bold; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
  overflow: hidden; }

.glightbox-container.inactive {
  display: none; }

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden; }

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -moz-box !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  opacity: 0; }

/* top: 0;
        left: 0;
        right: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative; }

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999; }

.glightbox-container .gslide-inner-content {
  width: 100%; }

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh; }

.glightbox-container .ginner-container.gvideo-container {
  width: 100%; }

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column; }

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important; }

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto; }

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center; }

.gslide-image img {
  max-height: 100vh;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px; }

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto; }

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%; }

.gslide-image img.zoomable {
  position: relative; }

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.gslide-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100vh;
  max-width: 100vh;
  width: 100% !important; }

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto; }

.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none; }

.gslide-video.playing::before {
  display: none; }

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh; }

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important; }

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%; }

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%; }

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1; }

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%; }

.gslide-media {
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -moz-inline-box;
  display: inline-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  width: auto; }

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column; }

.gslide-description {
  display: none; }

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%; }

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%; }

.gslide-description p {
  margin-bottom: 12px; }

.gslide-description p:last-child {
  margin-bottom: 0; }

.zoomed .gslide-description {
  display: none; }

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  -moz-box-ordinal-group: 3 !important;
       order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  padding-bottom: 50px; }

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em; }

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1; }

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold; }

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit; }

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff; }

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: .4; }

.gdesc-open .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: .4; }

.gdesc-open .gdesc-inner {
  padding-bottom: 30px; }

.gdesc-closed .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1; }

.greset {
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.gabsolute {
  position: absolute; }

.grelative {
  position: relative; }

.glightbox-desc {
  display: none !important; }

.glightbox-open {
  overflow: hidden; }

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader .8s infinite linear;
  animation: lightboxLoader .8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%; }

.goverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  will-change: opacity; }

.glightbox-mobile .goverlay {
  background: #000; }

.gprev,
.gnext,
.gclose {
  background-repeat: no-repeat;
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  display: block;
  background-position: 0 0;
  border: none; }

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 100%;
  height: auto; }

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: .1; }

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff; }

iframe.wait-autoplay {
  opacity: 0; }

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important; }

/*Skin */
.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
  background: #fff; }

.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
  padding: 22px 20px; }

.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em; }

.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em; }

.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
  background: #000; }

/* .gprev,
    .gnext,
    .gclose{
        border: none;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=');
    } */
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose,
.glightbox-modern .gprev,
.glightbox-modern .gnext,
.glightbox-modern .gclose {
  background-color: rgba(0, 0, 0, 0.12); }

.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
  background-color: rgba(0, 0, 0, 0.2); }

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path,
.glightbox-modern .gprev path,
.glightbox-modern .gnext path,
.glightbox-modern .gclose path {
  fill: #fff; }

.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
  outline: none; }

.glightbox-clean .gprev,
.glightbox-modern .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 56px; }

.glightbox-clean .gnext,
.glightbox-modern .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 56px; }

.glightbox-clean .gclose,
.glightbox-modern .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
  opacity: .7;
  background-position: -59px 2px; }

.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
  width: 20px; }

.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
  opacity: 1; }

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn .5s ease;
  animation: gfadeIn .5s ease; }

.gfadeOut {
  -webkit-animation: gfadeOut .5s ease;
  animation: gfadeOut .5s ease; }

.gslideOutLeft {
  -webkit-animation: gslideOutLeft .3s ease;
  animation: gslideOutLeft .3s ease; }

.gslideInLeft {
  -webkit-animation: gslideInLeft .3s ease;
  animation: gslideInLeft .3s ease; }

.gslideOutRight {
  -webkit-animation: gslideOutRight .3s ease;
  animation: gslideOutRight .3s ease; }

.gslideInRight {
  -webkit-animation: gslideInRight .3s ease;
  animation: gslideInRight .3s ease; }

.gzoomIn {
  -webkit-animation: gzoomIn .5s ease;
  animation: gzoomIn .5s ease; }

.gzoomOut {
  -webkit-animation: gzoomOut .5s ease;
  animation: gzoomOut .5s ease; }

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
         flex-direction: row; }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    -moz-box-ordinal-group: 1;
         order: 0; }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -moz-box-ordinal-group: 2;
         order: 1; }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    -moz-box-ordinal-group: 1;
         order: 0; }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -moz-box-ordinal-group: 2;
         order: 1; }
  .gslide-image img {
    max-height: 97vh;
    max-width: calc(100% - 20px);
    max-width: 100%; }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
  .gslide-inline {
    max-height: 95vh; }
  .gslide-external {
    max-height: 100vh; }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px; }
  .glightbox-open {
    height: auto; }
  .goverlay {
    background: rgba(0, 0, 0, 0.92); }
  .glightbox-clean .gslide-media,
  .glightbox-modern .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner,
  .glightbox-modern .description-left .gdesc-inner,
  .glightbox-modern .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto; }
  .glightbox-clean .gprev,
  .glightbox-modern .gprev {
    top: 45%; }
  .glightbox-clean .gnext,
  .glightbox-modern .gnext {
    top: 45%; } }

@media (min-width: 992px) {
  .glightbox-clean .gclose,
  .glightbox-modern .gclose {
    right: 20px; } }

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000; } }

/* autocompleter */
ul.autocompleter-choices {
  list-style: none;
  background: #2196ff;
  position: absolute;
  margin: 0;
  padding: 8px 0;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  z-index: 50;
  overflow: hidden; }
  ul.autocompleter-choices li {
    display: block;
    padding: 4px 4px 4px 0;
    line-height: 14px;
    font-size: 14px;
    background: #2196ff; }
    ul.autocompleter-choices li.autocompleter-selected {
      background: #1687ED; }
    ul.autocompleter-choices li a {
      display: block;
      margin-left: 10px;
      color: #fff;
      text-decoration: none; }

#q.loading {
  background: #fff url(/img/loading.gif) right center no-repeat; }

/* Digital link menus */
a.digital {
  background: #7f005f; }
  a.digital.on {
    background: #7f005f; }

.digital-menu {
  background: #7f005f;
  padding: 6px 8px 6px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  max-width: 250px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 10;
  min-width: 140px; }
  .digital-menu h2 {
    font: bold 12px/1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 16px;
    padding: 0;
    text-shadow: #777 0 1px 0;
    color: #fff; }
  .digital-menu a {
    display: block;
    width: 80px;
    float: left;
    text-align: center;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px; }
    .digital-menu a img {
      opacity: .6; }
    .digital-menu a:nth-child(3n-1) {
      clear: left; }
    .digital-menu a:hover {
      text-decoration: none; }
      .digital-menu a:hover img {
        opacity: 1; }
      .digital-menu a:hover .title {
        text-decoration: underline; }
    .digital-menu a.close {
      position: absolute;
      top: 4px;
      right: 4px;
      width: auto;
      cursor: pointer; }

.app-banner img {
  display: block;
  width: 410px;
  height: 164px; }

.app-banner-small img {
  display: block;
  width: 275px;
  height: 110px; }

.app-banner-small a:hover img,
.app-banner a:hover img {
  opacity: .9;
  -moz-opacity: .9;
  filter: alpha(opacity=0.9); }

.featured {
  position: relative;
  margin: 0 0 20px 0; }
  .featured .product-single {
    margin: 0; }

.feature-wrap {
  width: 253px;
  position: relative;
  background: #666;
  padding: 10px;
  color: #fff; }
  .feature-wrap p.price {
    color: #fff;
    font-weight: normal; }
  .feature-wrap a {
    color: #00BDFA; }

.diamond .feature-wrap {
  background: #00a651; }

.hot-off-press .feature-wrap {
  background: #045b7f; }

.hot-off-press h2 {
  color: #045b7f; }

.featured-books h2 {
  color: #666; }

.diamond h2 {
  color: #00a651; }

.diamond .feature-wrap a {
  color: #B5FA14; }

.feature-wrap p {
  color: #fff; }

.feature .description h2 {
  font-size: 16px !important;
  color: #fff; }

.slide {
  width: 3000px; }

.feature {
  display: block;
  float: left;
  width: 255px; }

.mask {
  position: relative;
  width: 255px;
  height: 160px;
  overflow: hidden; }

.feature-nav {
  position: absolute;
  top: 3px;
  right: 2px;
  text-align: right;
  background: #999;
  padding: 4px 6px 4px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 11px;
  font-size: 13px;
  line-height: 1.1em; }
  .feature-nav:hover {
    background: #888; }
  .feature-nav span {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 12px;
    text-indent: -1000em;
    background: url(/img/nav-circles-sm.png) no-repeat; }
    .feature-nav span.active {
      background-position: 0 -12px; }

.feature img {
  display: block;
  float: left;
  margin-right: 8px;
  width: 100px; }

.dragHandle {
  display: block;
  width: 30px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(/img/drag.png) no-repeat; }

/*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

#footer {
  padding: 30px 0 0 0;
  width: 900px;
  margin: 0 auto;
  background: url(/img/wrapper-shadow-bottom.png) top center no-repeat; }
  #footer p {
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0 0 1em 0;
    width: 475px;
    color: #eee; }
  #footer a {
    color: #00A651; }

p#mobile-switch {
  font-weight: bold;
  font-size: 14px; }
  p#mobile-switch img {
    vertical-align: middle;
    margin-left: 10px; }

#clixel {
  display: block;
  width: 52px;
  height: 20px;
  float: right;
  clear: right;
  margin-top: 2px; }

#social {
  display: block;
  width: 300px;
  float: right;
  clear: right;
  text-align: right; }

/* catalog */
p.isbn {
  font-size: 11px;
  color: #999;
  margin-top: 2px; }

.product-single {
  margin: 10px 0 20px 0; }
  .product-single p.isbn {
    margin: -6px 0 8px 0; }
  .product-single p.price {
    color: #000;
    font-weight: bold; }
  .product-single h1 {
    margin: 0 0 4px 0; }
  .product-single p.by {
    font-size: 16px;
    margin-top: -.2em; }
  .product-single img#product-image {
    float: left;
    margin: 0 10px 6px 0; }
  .product-single #content p.price {
    font-size: 18px;
    margin: 10px 0 0 0;
    font-weight: bold; }
  .product-single .product-meta {
    margin-left: 200px;
    overflow: hidden; }
    .product-single .product-meta.no-image {
      margin-left: 0; }
  .product-single .description {
    margin-top: 0;
    padding-top: 4px; }
  .product-single .digital-links-wrapper {
    border-top: 1px solid #ccc;
    margin-top: 8px; }
    .product-single .digital-links-wrapper p.price.digital {
      display: inline-block; }
    .product-single .digital-links-wrapper .button.digital {
      margin-top: 8px;
      float: right; }

body.single-page .product-single .description {
  clear: left; }

a#lg-image img {
  width: 180px; }

.product.long h2 {
  margin-top: 0; }

.product.long p.by {
  font-size: 14px;
  margin-top: -.6em;
  margin-bottom: .5em; }

.product.long p.price {
  font-weight: bold;
  color: #000; }

.price i {
  font-style: normal;
  color: #999;
  font-weight: normal; }

#sidebar .product-single p.by {
  font-size: 12px;
  margin-top: -.5em; }

.description {
  margin: 16px 0; }

.price-grid, .price-grid li {
  margin: 0;
  padding: 0;
  list-style: none; }

.price-grid li {
  padding-top: 8px;
  border-top: 1px dotted #ccc; }
  .price-grid li:first-child {
    padding-top: 0;
    border: none; }

.price-grid p {
  display: inline-block; }

.price-grid .button {
  float: right; }

ul.links {
  margin: 20px 0; }
  ul.links li a {
    font-size: 18px; }

body#catalog .product img {
  width: 75px; }

.artist-bio,
.creator-bio,
.blurb-before {
  margin: -9px 0 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  clear: both; }

.artist-bio {
  border: 0; }

img.bio {
  display: block;
  float: left;
  margin: 10px 10px 6px 0; }

.product-mini {
  font-size: 14px;
  margin: 4px 0 8px 0; }
  .product-mini .button {
    font-size: 11px;
    padding: 3px 4px; }

body.category-12 .blurb-before {
  border: 0; }

/* this category has date headers */
.related-products {
  font-size: 12px; }
  .related-products .product {
    width: 125px;
    float: left;
    margin-right: 18px; }
    .related-products .product h3 {
      font-size: 14px; }
    .related-products .product.tail {
      margin-right: 0; }
    .related-products .product img {
      display: block;
      width: 125px; }
  .related-products .price {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #999; }
  .related-products .product-list .price {
    display: inline; }
  .related-products ul.nospace li {
    list-style: disc;
    margin-left: 1.2em; }

.related-products .button,
ul.product-list .button {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.2em;
  vertical-align: middle; }

.related-products .price,
.product-mini .price,
ul.product-list .price {
  margin: 0 4px;
  font-size: 13px; }

.product-mini .price strike,
ul.product-list .price strike {
  color: #999; }

.button.out-of-stock,
.button.coming-soon {
  background: #DFDFDF;
  color: #939393 !important;
  text-shadow: none;
  font-weight: normal; }

#isbn-list {
  margin: 0 6px;
  font-size: 12px; }

.isbn-titles {
  font-weight: bold; }

.isbn-number, .isbn-age, .isbn-info {
  display: block;
  width: 120px;
  float: left;
  margin-right: 6px; }

.isbn-item {
  clear: left;
  border-top: 1px solid #ccc;
  padding: 4px 0;
  overflow: auto; }

.isbn-info {
  width: 270px;
  margin-right: 0; }

.isbn-group {
  margin: 16px 0; }

ul.theme-tags li {
  display: inline;
  margin-right: 6px; }
  ul.theme-tags li a {
    padding: 4px 6px;
    background: #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }

body#catalog-page.category-36 .blurb-before a {
  display: block;
  float: right;
  margin: -10px 0 0 0;
  width: 400px; }

body#catalog-page.category-36 .blurb-before p {
  margin-right: 420px; }

/* news */
.news-post {
  position: relative; }
  .news-post img {
    display: block;
    max-width: 100%;
    height: auto; }

.news .related-products {
  margin-bottom: 32px; }

.blog .news-post {
  padding: 0;
  border: 0; }

img.news-image {
  display: block;
  float: right;
  margin: 0 0 10px 10px; }

.blog .news-post img {
  float: none;
  margin: 10px auto;
  display: block; }

.news-post h2, .news-post h1 {
  margin: .2em 0; }

.news-post h1 {
  font-size: 20px; }

.news-teaser {
  margin-bottom: 12px; }

.news-teaser {
  font-size: 14px;
  line-height: 1.4em; }

#news .news-post {
  margin: 20px 0; }

a.rss {
  padding-left: 20px;
  background: url(/img/rss.png) left center no-repeat; }

#contact h2 {
  margin-top: 20px; }

#contact strong {
  line-height: 2em; }

p.note {
  margin: -.8em 0 20px 24px; }

/* tame those youtube videos */
.news-post iframe {
  max-width: 555px !important; }

.olive {
  padding-left: 22px;
  background: url(/img/olive-sm.png) left center no-repeat;
  padding-top: 2px; }

.hr hr {
  display: none; }

.hr {
  margin: 20px 0;
  background: url(/img/olive-divider.png) center no-repeat;
  width: 100%;
  height: 43px;
  clear: both; }

dl.events dd {
  margin: 4px 0 10px 0; }

.player {
  margin: 10px auto; }

/* these divs are built with js around youtube players */
p.read-more {
  font-size: 12px;
  margin-top: 0; }

/* cart */
#cart-table {
  width: 100%;
  border-collapse: collapse; }
  #cart-table .button.buydigital {
    font-size: 12px;
    float: right;
    clear: right; }
  #cart-table .button.delete {
    position: absolute;
    top: 8px;
    right: 0;
    line-height: 16px;
    background: #ef333a;
    font-size: 12px;
    padding: 2px 6px; }
    #cart-table .button.delete:hover {
      background: #B6272D; }

td.cart-image img {
  width: 100px; }

td.cart-image {
  width: 15%; }

td.cart-item {
  position: relative;
  width: 75%;
  vertical-align: top; }
  td.cart-item h3 {
    margin: 0 0 10px 0; }
    td.cart-item h3 a {
      color: #000; }

#cart-total {
  font-size: 18px;
  font-weight: bold;
  margin-top: 16px; }

#proceed-to-checkout, #cart-total {
  text-align: right; }

#coupon-discount-form {
  margin: 20px 0 -20px; }

#proceed-to-checkout a {
  font-size: 16px; }

#cart-table tr td {
  border-bottom: 1px solid #ccc;
  padding-top: 8px; }

#cart-table .price {
  color: #666; }

#cart-table .subtotal {
  font-weight: bold;
  margin-left: 8px; }
  #cart-table .subtotal.digital-price s {
    font-weight: normal;
    color: #666; }
  #cart-table .subtotal.digital-price em {
    padding: 3px 6px;
    font-weight: normal;
    border-radius: 2px;
    background: #eee;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #666; }

#cart-page #content .related-products {
  margin-top: 100px; }

#cart-page .related-products .product {
  width: 95px; }

#cart-page .related-products img {
  width: 65px;
  float: none; }

#cart-page #sidebar .related-products img {
  float: left; }

#cart-page #sidebar .related-products .product {
  width: 100%;
  padding-bottom: 8px; }

.product-digital-book .cover,
.digital-cart .cart-image a {
  display: block;
  position: relative; }

.product-digital-book .cover span,
.digital-cart .cart-image span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 166px;
  height: 146px;
  background: url("/img/digital-badge.png") no-repeat; }

#cart-table .digital-cart .subtotal {
  margin-left: 0; }

/* ts2.0 */
#comic-header {
  width: 870px;
  margin: 0 auto;
  position: relative; }

#comic-header h1 {
  padding: .6em 0;
  margin: 0;
  width: 465px; }

.large-comic p p,
.small-comic p {
  margin-bottom: 0.3em; }

.large-comic p .image-wrap,
.large-comic p img,
.small-comic .image-wrap,
.small-comic img {
  width: 75px;
  height: 75px; }

.large-comic p .image-wrap,
.small-comic .image-wrap {
  border-radius: 10px;
  overflow: hidden; }

.image-wrap {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
  position: relative;
  margin: 0 10px 4px 0; }

.large-comic img,
.small-comic img {
  position: absolute;
  top: 0;
  left: 0; }

/*p.date { margin:0; padding:0; font-size:10px; font-weight:normal; color:#3B7C78; text-transform: uppercase;}*/
.large-comic {
  margin: 0 0 10px 0;
  padding-top: 10px;
  border-top: 1px solid #ccc; }
  .large-comic .image-wrap {
    border-radius: 10px;
    overflow: hidden;
    width: 125px;
    height: 125px; }
  .large-comic .description {
    margin-top: 4px; }
  .large-comic h3 {
    padding: 0;
    margin: 0 0 8px 150px;
    font-size: 18px;
    line-height: 1em; }
  .large-comic p {
    margin-left: 150px; }

.small-comic h3 {
  margin: 0 0 8px 95px; }

.small-comic p {
  margin-left: 95px; }

.small-comic .title {
  display: block;
  font-size: 12px;
  color: #666; }

.artist-page .small-comic .date {
  display: none; }

.artist-page .small-comic {
  width: 75px;
  float: left;
  margin: 0 8px 12px 0; }

.artist-page .artist-image {
  max-width: 290px; }

.light-placard {
  width: 300px;
  background: #f3ede2 url(/images/ts20-homepage-bottom.gif) bottom center no-repeat;
  color: #333;
  padding: 0 0 8px 0;
  margin: 0 0 10px 0;
  font-size: 12px; }

h3.hometitle-ts20 a,
h3.hometitle-ts20 a:hover {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none; }

#sidebar h2.ts20 {
  margin-bottom: 0; }
  #sidebar h2.ts20 a.biglink {
    display: block;
    text-indent: -1000em;
    background: url(/img/h2-ts20.png) top left no-repeat;
    height: 34px;
    padding: 0;
    margin: 20px 0 0 0; }
  #sidebar h2.ts20 a.rss-icon {
    top: 13px; }

h1.ts20 {
  text-indent: -1000em;
  background: url(/img/h1-ts20.png) top left no-repeat;
  width: 418px;
  height: 47px;
  padding: 0; }

.ts20-sidebar {
  background: #f3ede2;
  padding: 10px; }
  .ts20-sidebar p {
    color: #625F5A; }

#sidebar .large-comic .description {
  display: none; }

#homepage #sidebar .large-comic .description {
  display: block; }

#sidebar .small-comic {
  width: 75px;
  float: left;
  margin: 0 10px 0 0; }

#homepage #sidebar .small-comic {
  margin: 0 3px 0 0; }

#sidebar .small-comic .image-wrap {
  margin: 0; }

#sidebar .small-comic.tail {
  margin: 0 0 0 4px; }

#sidebar .large-comic {
  border: 0; }

.newsletter-buttons a {
  padding: 2px 4px;
  font-size: 11px; }

.newsletter-buttons a.active {
  background: #d63b11;
  color: #fff; }

#newsletter-form form {
  margin: 6px 0; }

#newsletter-form .submitButton {
  margin-top: 4px; }

ul.comix-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.comix-list li {
    list-style: none;
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 14px; }
  ul.comix-list .date {
    font-size: 10px;
    font-weight: normal;
    color: #3B7C78;
    text-transform: uppercase;
    padding-left: 8px; }

ul.comic-artists {
  margin: 0 3% 0 0;
  float: left;
  width: 48%;
  list-style: none; }
  ul.comic-artists.tail {
    margin-right: 0; }
  ul.comic-artists img {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin-bottom: 4px; }
  ul.comic-artists li {
    list-style: none;
    margin: 0;
    clear: left; }
    ul.comic-artists li a.by {
      display: block;
      margin-left: 44px;
      padding-top: 8px;
      line-height: 1em; }

#horizScroll {
  overflow: auto;
  width: 480px; }

#ts20-page.artist-page .column {
  width: 310px;
  margin-right: 0; }

#ts20-page.artist-page .column.tail {
  width: 550px; }

.artist-image {
  margin-top: 1em; }

body.comic p.by {
  margin-top: -1em;
  font-size: 14px; }

/*body.comic h1 { margin:.2em 470px .6em 0; }*/
.jump-nav {
  position: absolute;
  top: 16px;
  right: 0;
  padding: 0 75px; }
  .jump-nav .button {
    font-size: 14px;
    padding: 4px 8px;
    border: 0 !important; }
  .jump-nav select {
    font-size: 14px;
    width: 110px; }
  .jump-nav a.button.hidden {
    opacity: .5;
    background: #666; }

.bottom-nav {
  position: relative;
  margin: 20px 0 10px;
  text-align: center;
  height: 30px; }
  .bottom-nav a.up {
    top: 16px;
    font-size: 14px;
    padding: 4px 8px;
    position: absolute;
    line-height: 1.1em;
    left: 0; }

#comic-page {
  position: relative; }

#comic-page #loading, #message {
  position: fixed;
  top: 40%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: #000 url(/img/loading-lg.gif) no-repeat center center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

#message {
  top: 215px;
  position: absolute;
  width: 530px;
  margin-left: -265px;
  height: auto;
  background: #000;
  padding: 10px 2px;
  text-align: center;
  color: #fff;
  z-index: 100; }

#message .button {
  margin: 5px 10px; }

#comic-page img {
  display: block;
  margin: 20px auto;
  cursor: pointer; }

#comic-page.loading img {
  opacity: .5; }

.comic-story img {
  display: block;
  margin: 0 auto; }

a.psp-zip {
  padding-left: 25px;
  background: url(/images/pspzip.gif) top left no-repeat; }

p.psp-zip {
  width: 300px;
  margin: 5px auto; }

/* checkout */
#checkout-page #wrapper {
  width: 550px;
  margin: 0 auto; }

#checkout-page #footer {
  background: 0;
  width: 550px; }

#checkout-page a#logo {
  padding: 20px 24px 20px 85px;
  margin: 0;
  width: 85px;
  background: none;
  float: left; }
  #checkout-page a#logo img {
    width: 85px; }

#checkout-page td {
  padding: 10px 0;
  vertical-align: top; }

#checkout-page table {
  width: 100%;
  border-collapse: collapse; }

#checkout-page #cart-total,
#checkout-page p#order-total {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  text-align: right; }

#checkout-page #ship_to_state {
  font-size: 16px;
  width: 50%; }

#checkout-page #order-tax {
  font-size: 16px;
  margin: 10px 0 -4px;
  text-align: right; }

#checkout-page p#coupon-discount {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0;
  text-align: right; }

#checkout-page #cart-table {
  font-size: 14px; }
  #checkout-page #cart-table .subtotal {
    font-weight: normal; }
  #checkout-page #cart-table tr td {
    padding-bottom: 4px; }

#checkout-page h2.bar {
  margin-top: 24px; }

#checkout-page select.quantity {
  width: 45px; }

#checkout-page #shipping-table tr.disabled {
  display: none; }

h1.secure {
  background: url(/img/lock.png) 0 2px no-repeat;
  padding-left: 22px;
  float: left;
  width: 300px;
  margin-top: 60px; }

#shipping-table tr td,
#payment-table tr td {
  cursor: pointer;
  border-bottom: 1px solid #ccc; }

#shipping-table em,
#payment-table em {
  display: block;
  color: #aaa;
  font-style: normal;
  font-size: 14px;
  margin-top: 2px;
  font-weight: normal; }

td.radio,
td.cart-quantity {
  width: 12%; }

td.radio {
  text-align: center; }

td.info,
td.cart-item {
  width: 66%; }

td.info p {
  margin: 0; }
  td.info p.title {
    font-weight: bold; }
    td.info p.title em {
      font-weight: normal; }
  td.info p.description {
    font-size: 12px;
    color: #666;
    margin-top: 8px; }

td.price,
td.cart-subtotal {
  width: 12%;
  text-align: right; }

#age_confirmed-label input {
  margin: 0 13px 0 21px; }

#checkout-page label {
  display: block;
  color: #000;
  margin: 10px 0 4px;
  font-size: 14px;
  cursor: pointer; }

#checkout-page label.inline {
  display: inline; }

#checkout-page label.err {
  background: #FFFFBB; }

#pay-types label {
  width: 50%;
  float: left;
  margin: 10px 0;
  cursor: pointer; }

#pay-types p {
  clear: both;
  margin: 0 0 0 25px;
  color: #aaa; }

#pay-types label img {
  vertical-align: middle; }

#checkout-page input[type=text],
#checkout-page input[type=email],
#checkout-page input[type=number] {
  width: 96%;
  font-size: 14px; }

#checkout-page input#cvv-code {
  width: auto; }

#checkout-page form br {
  display: none; }

.column {
  width: 48%;
  float: left;
  margin-right: 4%; }

.column.tail {
  margin-right: 0; }

select.country-dropdown,
select.state-dropdown {
  width: 98%; }

select.disabled {
  opacity: .5; }

#different-shipping-label {
  font-weight: bold; }

label#age-confirmed-label {
  font-size: 16px; }

#checkout-page .actions {
  margin: 16px 0 0;
  text-align: right; }

#checkout-page .actions button {
  font-size: 16px; }

#checkout-form.no-js .cart-items {
  display: none; }

#confirmation-message {
  margin: 20px;
  font-size: 16px; }

#checkout-page #clixel {
  clear: none;
  margin-right: 8px; }

#checkout-page #footer p {
  width: 380px; }

#ssl-seal a {
  display: block;
  float: right; }

#order-notes {
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 50px;
  font-size: 11px; }

label em {
  color: #aaa;
  font-style: normal;
  font-size: 13px;
  font-weight: normal; }

/* preview */
#head {
  position: relative;
  margin: 10px auto; }

.preview-bug {
  position: absolute;
  width: 72px;
  height: 72px;
  background: url("/img/preview-bug@2x.png") left top no-repeat;
  background-size: 72px 72px;
  pointer-events: none; }

.preview.button {
  display: none; }

#preview h1 {
  text-align: center;
  padding: 0 170px;
  margin: 10px 0; }
  #preview h1 small {
    color: #666;
    font-size: 16px;
    display: block;
    margin-top: 8px; }

#preview p {
  text-align: center;
  margin: 4px 0; }

#preview #scroller img {
  display: block;
  margin: 0 auto; }

/* join kids club page */
body.join-kids-club #sidebar {
  background: #b6e8fa; }

#product-masonry .product {
  float: left;
  width: 135px;
  padding: 0; }
  #product-masonry .product img {
    width: 125px;
    display: block; }
  #product-masonry .product .cart-actions,
  #product-masonry .product h3,
  #product-masonry .product .by {
    display: none; }

body.join-kids-club .intro {
  margin: 16px 20px; }

body.join-kids-club .intro p {
  font-size: 16px;
  line-height: 1.4em;
  color: #004762; }

#kids-club-form {
  margin: 4px 20px; }
  #kids-club-form fieldset {
    background: #47447b;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
  #kids-club-form fieldset .pad {
    padding: 4px 10px 10px; }
  #kids-club-form p {
    font-size: 12px;
    color: #eee;
    margin: 12px 0 4px;
    line-height: 1.2em; }
  #kids-club-form label {
    font-size: 18px;
    color: #fff;
    display: block;
    margin-top: 14px;
    line-height: 1.4em; }
    #kids-club-form label.err {
      background: #5B57A1; }
    #kids-club-form label.top {
      margin-top: 6px; }
  #kids-club-form input[type=text] {
    font-size: 22px;
    border: 0;
    padding: 4px;
    width: 99%;
    background: #F4F4F4; }
    #kids-club-form input[type=text]:focus {
      background: #fff; }

label#send-poster-label {
  font-size: 20px;
  font-weight: bold;
  color: #0999ff;
  display: inline;
  cursor: pointer;
  padding-bottom: 4px; }

#fancy-checkbox {
  width: 36px;
  height: 36px;
  background: url(/img/fancy-checkbox.png) no-repeat;
  display: inline-block;
  cursor: pointer;
  vertical-align: bottom; }

#fancy-checkbox.checked {
  background-position: -60px 0; }

#kids-club-submit {
  font-size: 20px;
  line-height: 1em;
  padding: 8px 14px;
  margin-top: 14px; }

#kids-club-form #robot-check-label {
  color: #666 !important; }

#kids-club-form #robot-check {
  color: #666;
  width: 20px !important;
  border: 1px solid #666; }

/* teachers guide */
body.teachers-guide .intro {
  margin: 16px 20px; }
  body.teachers-guide .intro p {
    font-size: 16px;
    line-height: 1.4em;
    color: #403f3a; }
  body.teachers-guide .intro li {
    font-size: 14px;
    line-height: 1.4em;
    color: #403f3a; }
  body.teachers-guide .intro img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px; }

#teachers-guide-form {
  margin: 4px 20px; }
  #teachers-guide-form fieldset {
    background: #47447b;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
    #teachers-guide-form fieldset .pad {
      padding: 4px 10px 10px; }
  #teachers-guide-form p {
    font-size: 12px;
    color: #eee;
    margin: 12px 0 4px;
    line-height: 1.2em; }
  #teachers-guide-form label {
    font-size: 18px;
    color: #fff;
    display: block;
    margin-top: 14px;
    line-height: 1.4em; }
    #teachers-guide-form label.err {
      background: #5B57A1; }
    #teachers-guide-form label.top {
      margin-top: 6px; }
  #teachers-guide-form input[type=email],
  #teachers-guide-form input[type=text] {
    font-size: 22px;
    border: 0;
    padding: 4px;
    width: 99%;
    background: #F4F4F4; }
    #teachers-guide-form input[type=email]:focus,
    #teachers-guide-form input[type=text]:focus {
      background: #fff; }

#teachers-guide-submit {
  font-size: 20px;
  line-height: 1em;
  padding: 8px 14px;
  margin-top: 14px; }

#teachers-guide-form label.add-to-newsletter {
  font-size: 12px; }

/* Digital Downloads */
#digital-orders-page #content {
  width: 870px; }

.dropbox-dropin-btn {
  margin: 0 8px; }

.dropbox-progress {
  background: #eee;
  position: relative;
  color: #999;
  font-size: 11px;
  padding: 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  opacity: 0; }
  .dropbox-progress.active {
    opacity: 1; }
  .dropbox-progress .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: rgba(204, 204, 204, 0.5);
    border-radius: 3px;
    -webkit-transition: width .5s;
    transition: width .5s; }

.filetype {
  float: left;
  width: 80px;
  height: 80px;
  background: #eee;
  font: bold 24px/80px sans-serif;
  color: #dcdcdc;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center; }

.digital-book {
  overflow: hidden;
  margin: 0 0 10px; }

.digital-book .details {
  margin-left: 90px; }

.digital-order-message {
  padding: 10px;
  background: #eee;
  margin: 0 0 20px; }

.digital-book h3 {
  margin: 0 0 4px 0; }

.digital-book .filename {
  display: block;
  font-size: 14px;
  color: #999;
  font-weight: normal;
  margin: 4px 0; }

.product-digital-book {
  margin: 0 0 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc; }

.product-digital-book:last-child {
  border-bottom: none; }

.product-digital-book .cover img {
  width: 125px; }

.product-digital-book .cover {
  float: left; }

.digital-book-info {
  margin-left: 150px; }

h2.blog {
  margin-top: 20px; }

h2.blog a {
  color: #962436; }

.quiet {
  color: #999 !important; }

.caps {
  text-transform: uppercase; }

.blog-sidebar {
  background: #962436;
  padding: 8px;
  color: #fff; }

.blog-sidebar p {
  color: #fff; }

.blog-sidebar a {
  color: #38BBFF; }

.center {
  text-align: center; }

h2.deals {
  margin-top: 20px; }

.deals-sidebar {
  background: #c0aa3a;
  padding: 8px;
  color: #fff;
  position: relative; }

.deals-sidebar p,
.deals-sidebar a {
  color: #fff; }

.deals-sidebar #tag {
  display: block;
  float: right;
  background: url(/img/saletag.png) no-repeat;
  width: 85px;
  height: 128px;
  margin-right: -21px;
  margin-top: -36px; }

.videos {
  margin: 10px auto;
  width: 750px; }

h2.hot-off-press {
  color: #666;
  margin-top: 20px; }

.hot-off-press-sidebar {
  background: #666;
  padding: 8px;
  color: #fff;
  /*margin:0;*/ }

.hot-off-press-sidebar .product-details {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  width: 150px; }

.hot-off-press-sidebar .product-details img {
  display: block;
  margin-bottom: 10px; }

.hot-off-press-sidebar p {
  color: #fff; }

.hot-off-press-sidebar a {
  color: #67F101; }

.homepage-static {
  padding-right: 400px;
  position: relative; }

.homepage-static.welcome img {
  position: absolute;
  top: 0;
  right: 40px; }

.homepage-static h2 {
  font-size: 28px; }

.homepage-static h3 {
  font-size: 20px;
  line-height: 1.1em; }

a.pdf-download {
  padding-left: 40px;
  background: url(/img/newspsper.gif) no-repeat;
  font-size: 20px; }

#ts20-page .about {
  padding-right: 330px;
  position: relative; }

#ts20-page .about img {
  position: absolute;
  top: 0;
  right: 20px; }

/* for reviews/interviews page */
.reviews dl {
  float: left;
  width: 47%;
  margin: 0 5% 20px 0; }

.reviews dl.tail {
  margin-right: 0; }

.reviews dl dd {
  margin-left: 1em;
  list-style: disc;
  display: list-item; }

.reviews dl dd a {
  display: block;
  font-size: 14px;
  line-height: 1.2em;
  padding: 2px 0; }

.reviews dl dd a em {
  font-style: normal;
  font-size: 12px;
  color: #999; }

.reviews dt {
  font-size: 16px;
  font-weight: bold;
  margin: 12px 0 0 0; }

/* for short lists of reviews */
.reviews ul {
  margin: 0 0 20px 0; }

.reviews ul li {
  margin-left: 1em;
  list-style: disc; }

.reviews ul li a {
  display: block;
  line-height: 1.2em;
  padding: 2px 0; }

.reviews ul li a em {
  font-style: normal;
  font-size: 14px;
  color: #999; }

.sortby {
  display: block;
  width: 200px;
  float: right;
  font-size: 14px;
  text-align: right; }

.sortby.digital-types {
  display: block;
  width: auto;
  font-size: 14px;
  text-align: right;
  margin: -10px 0 0 0;
  line-height: 36px; }

.sortby.digital-types span {
  display: block;
  width: 40px;
  float: left;
  margin-right: 10px; }

.sortby.digital-types img {
  width: 40px;
  vertical-align: middle; }

.sortby.digital-types a {
  opacity: .8;
  filter: alpha(opacity=88);
  display: block;
  float: right;
  margin-right: 4px;
  height: 40px;
  border-radius: 6px;
  background: #fff; }

.sortby.digital-types a:hover,
.sortby.digital-types a.active {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #7F005F; }

.slides {
  height: 400px;
  overflow: hidden; }
  .slides .gallery-cell {
    width: 870px;
    height: 400px; }
  .slides img {
    display: block;
    float: left; }
  .slides p {
    text-align: right;
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    margin: 60px 40px 0 290px;
    padding: 0; }
    .slides p cite {
      display: inline-block;
      margin-top: 8px;
      font-weight: normal; }
  .slides .flickity-prev-next-button,
  .slides .flickity-page-dots {
    display: none; }

body.march .march-details {
  text-indent: -9999em;
  background: url("/img/march/march.png") top center no-repeat;
  width: 865px;
  height: 260px; }

body.march .column h2 {
  font-size: 28px;
  line-height: 1.2; }

body.march .column h3 {
  font-size: 18px;
  line-height: 1.2; }

body.march .column p,
body.march .column ul {
  font-size: 16px;
  line-height: 1.4; }

body.march .column blockquote {
  margin: 0 0 20px; }

body.march .emphasis {
  background: #f3d28c;
  padding: 16px;
  border-radius: 4px;
  margin: 30px 0; }
  body.march .emphasis > h2 {
    margin-top: 0; }
  body.march .emphasis.adopted-schools {
    background: #7f94a3;
    color: #fff; }
    body.march .emphasis.adopted-schools a,
    body.march .emphasis.adopted-schools ul,
    body.march .emphasis.adopted-schools p {
      color: #fff; }

body.march .column.tail {
  margin-top: 20px; }

body.march .quotes p {
  font-size: 18px;
  font-weight: bold; }

body.march .quotes cite {
  font-size: 16px;
  display: block;
  text-align: right; }

body.march .links {
  list-style: none; }
  body.march .links li {
    display: block;
    margin: 0 0 10px; }
    body.march .links li a {
      text-decoration: underline;
      color: #222; }
      body.march .links li a:hover {
        color: #666; }
/*# sourceMappingURL=style.css.map */