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, .price-grid,
ul.nospace li,
.price-grid 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 .price-grid,
  #alert ul,
  #alert .price-grid {
    text-align: left;
    line-height: 1.3em; }

.spaced {
  margin-top: 1.6em; }

.clearleft {
  clear: left; }

ul, .price-grid,
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,
#nav.price-grid 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, #cart-links.price-grid,
#search-form {
  position: absolute;
  top: 0;
  right: 16px;
  width: 280px; }

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

ul#nav, #nav.price-grid {
  padding-top: 46px; }

ul#nav li, #nav.price-grid li {
  width: 105px;
  height: 20px;
  margin: 16px 8px 0 0; }

ul#nav li a, #nav.price-grid 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, #nav.price-grid li.active {
  height: 36px;
  margin: 0 8px 0 0;
  border-bottom: 15px solid #5573B9; }

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

ul#nav li a, #nav.price-grid 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, #news-page .price-grid 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, #cart-page .price-grid 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, #catalog-page .price-grid li.active {
  border-bottom: 15px solid #197a30; }

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

#blog-page ul li.active, #blog-page .price-grid 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, #contact-page .price-grid 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, #ts20-page .price-grid 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, #cart-links.price-grid 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;
  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 .product {
  border-top: 0; }

.search-list {
  line-height: 1.3em; }

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

.search-list .excerpt {
  display: block;
  color: #333;
  padding: 4px 0 10px 0;
  font-size: 12px;
  line-height: 1.3em; }

.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, #subnav .price-grid 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, #subnav .price-grid 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, #subnav .price-grid {
    color: #ccc; }
    #subnav ul.dropmenu, #subnav .dropmenu.price-grid {
      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, #subnav .dropmenu.price-grid li.spaced {
        margin-top: 10px; }
      #subnav ul.dropmenu li, #subnav .dropmenu.price-grid li {
        display: block; }
        #subnav ul.dropmenu li a, #subnav .dropmenu.price-grid li a {
          display: block;
          padding: 8px 4px 0 0;
          line-height: 14px;
          font-size: 14px;
          margin-left: 10px; }
          #subnav ul.dropmenu li a .by, #subnav .dropmenu.price-grid li a .by {
            font-size: 12px;
            color: #ddd; }
    #subnav ul li#kids-club-link, #subnav .price-grid li#kids-club-link {
      position: absolute;
      top: 0;
      left: 345px; }
    #subnav ul li#returns-policy-link, #subnav .price-grid li#returns-policy-link {
      position: absolute;
      top: 0;
      left: 424px; }
    #subnav ul li#digital-link, #subnav .price-grid li#digital-link {
      position: absolute;
      top: 0;
      left: 492px; }
    #subnav ul li#isbn-list-link, #subnav .price-grid li#isbn-list-link {
      position: absolute;
      top: 0;
      left: 552px; }
  #subnav li.droptitle a {
    margin-left: 0; }
  #subnav ul li#dropmenu-category, #subnav .price-grid li#dropmenu-category,
  #subnav ul#dropmenu-category-menu,
  #subnav #dropmenu-category-menu.price-grid {
    left: 178px; }
  #subnav ul li#dropmenu-artist, #subnav .price-grid li#dropmenu-artist,
  #subnav ul#dropmenu-artist-menu,
  #subnav #dropmenu-artist-menu.price-grid {
    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, .recent-news .price-grid li img {
    width: 100px;
    float: left;
    margin: 0 10px 10px 0; }
  .recent-news ul li a, .recent-news .price-grid li a {
    display: block; }
  .recent-news ul li .date, .recent-news .price-grid 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, .blocklinks.price-grid {
  width: 30%;
  float: left;
  margin: 0 3% 0 0;
  padding: 0;
  list-style: none; }
  ul.blocklinks.tail, .blocklinks.tail.price-grid {
    margin-right: 0; }
  ul.blocklinks .wrap, .blocklinks.price-grid .wrap {
    width: 90px;
    height: 40px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 10px 0 0; }
    ul.blocklinks .wrap img, .blocklinks.price-grid .wrap img {
      position: absolute;
      top: -20px; }
  ul.blocklinks li, .blocklinks.price-grid li {
    border: 1px solid #ccc;
    margin: -1px -1px 0 -1px; }
    ul.blocklinks li a, .blocklinks.price-grid 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; }

/* shadowbox styles */
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999; }

body > #sb-container {
  position: fixed; }

#sb-container > #sb-overlay {
  height: 100%; }

#sb-wrapper {
  position: relative; }

#sb-wrapper img {
  border: none; }

#sb-body {
  position: relative;
  overflow: hidden;
  border: 2px solid #fff; }

#sb-body-inner {
  position: relative;
  height: 100%; }

#sb-content.html {
  height: 100%;
  overflow: auto; }

#sb-body, #sb-loading {
  background: #000 url(/img/loading-lg.gif) no-repeat center center; }

#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

#sb-loading a {
  display: none; }

#sb-title, #sb-info {
  position: relative;
  overflow: hidden; }

#sb-title {
  text-align: center;
  margin: 0 15px; }

#sb-title-inner, #sb-info-inner {
  position: relative;
  line-height: 22px; }

#sb-title, #sb-title-inner {
  height: 22px; }

#sb-title-inner {
  color: #fff; }

#sb-info, #sb-info-inner {
  height: 20px; }

#sb-info-inner {
  font-size: 14px;
  color: #fff; }

a#sb-nav-close {
  background: url(/img/shadowbox/close.png) left center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 22px;
  cursor: pointer;
  opacity: .3; }

#sb-nav-next,
#sb-nav-previous {
  background: url(/img/arrow-right.png) right center no-repeat;
  position: absolute;
  top: 20px;
  right: -20px;
  width: 50%;
  height: 90%;
  opacity: .5;
  cursor: pointer;
  z-index: 1000; }

#sb-nav-previous {
  background: url(/img/arrow-left.png) left center no-repeat;
  right: auto;
  left: -20px; }

a#sb-nav-close:hover,
#sb-nav-next:hover,
#sb-nav-previous:hover {
  opacity: 1; }

/* autocompleter */
ul.autocompleter-choices, .autocompleter-choices.price-grid {
  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, .autocompleter-choices.price-grid li {
    display: block;
    padding: 4px 4px 4px 0;
    line-height: 14px;
    font-size: 14px;
    background: #2196ff; }
    ul.autocompleter-choices li.autocompleter-selected, .autocompleter-choices.price-grid li.autocompleter-selected {
      background: #1687ED; }
    ul.autocompleter-choices li a, .autocompleter-choices.price-grid 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: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-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 */
  transform: translateY(-50%); }

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

.flickity-prev-next-button:focus {
  outline: none;
  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; }

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 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; }

.has-addon p.price.digital {
  display: inline-block; }

.has-addon .button.digital {
  margin-top: 8px;
  float: right; }

ul.links, .links.price-grid {
  margin: 20px 0; }
  ul.links li a, .links.price-grid 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, .related-products .price-grid li {
    list-style: disc;
    margin-left: 1.2em; }

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

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

.product-mini .price strike,
ul.product-list .price strike,
.product-list.price-grid .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, .theme-tags.price-grid li {
  display: inline;
  margin-right: 6px; }
  ul.theme-tags li a, .theme-tags.price-grid 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 .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 */
.large-comic {
  margin: 0 0 10px 0;
  padding-top: 10px;
  border-top: 1px solid #ccc; }

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

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

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

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

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

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

/*p.date { margin:0; padding:0; font-size:10px; font-weight:normal; color:#3B7C78; text-transform: uppercase;}*/
.large-comic .image-wrap {
  width: 125px;
  height: 125px; }

.large-comic .round {
  background: url(/img/comic-round-lg.png) top left no-repeat;
  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 .round {
  background: url(/img/comic-round-med.png) top left no-repeat;
  width: 75px;
  height: 75px; }

.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, .comix-list.price-grid {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.comix-list li, .comix-list.price-grid li {
    list-style: none;
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 14px; }
  ul.comix-list .date, .comix-list.price-grid .date {
    font-size: 10px;
    font-weight: normal;
    color: #3B7C78;
    text-transform: uppercase;
    padding-left: 8px; }

ul.comic-artists, .comic-artists.price-grid {
  margin: 0 3% 0 0;
  float: left;
  width: 48%;
  list-style: none; }
  ul.comic-artists.tail, .comic-artists.tail.price-grid {
    margin-right: 0; }
  ul.comic-artists img, .comic-artists.price-grid img {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin-bottom: 4px; }
  ul.comic-artists li, .comic-artists.price-grid li {
    list-style: none;
    margin: 0;
    clear: left; }
    ul.comic-artists li a.by, .comic-artists.price-grid 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;
  cursor: pointer; }

.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;
    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, .reviews .price-grid {
  margin: 0 0 20px 0; }

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

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

.reviews ul li a em, .reviews .price-grid 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,
body.march .column .price-grid {
  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 .price-grid,
    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 */