@media print {
    body {
        color: black;
        background-color: white;
        width: auto;
        margin: 0;
    }
    #header,
    div.pagination .next,
    div.pagination .previous,
    .alpha_index,
    #banner_menu,
    button,
    input,
    .nav,
    #findusfb,
    .footer-banner,
    .see-more,
    .search_info {
        display: none;
    }
    img {
        page-break-inside: avoid;
    }
    div#container::before {
        content: "Ken Lopez Bookseller | lopezbooks.com";
        font-size: large;
        font-weight: bold;
        font-family: serif;
    }
    .pagination>ul::before {
        content: "page:";
    }
    div#container {
        width: 7.5in;
        margin: auto;
    }
    div.nota_bene {
        padding: 0;
        border: none;
        background-color: white;
    }
}

main { display: block; }  /* IE fix */

html {
  font-size: 100%;
}
body {
  color: #fff;
  background-color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 81.25%;
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
cite {
  font-style: italic;
}
fieldset {
  box-sizing: border-box;
}
legend {
  margin: 0 0 .4em;
  padding: 0 5px;
  font-size: 1.1em;
  font-weight: bold;
}
h1 {
  font-size: 1.3em;
  text-align: center;
  clear: both;
}
h2 {
  font-size: 1.1em;
}
label {
  cursor: pointer;
}
sup {
  font-variant: small-caps;
}
a {
  color: rgb(0, 0, 238);
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}
input,
select,
textarea {
  border: 1px solid #666;
}
input:focus,
select:focus {
  border-color: #00e;
  background-color: #eff;
}
#header {
  color: #fff;
  background-color: #333;
}
#content {
  color: #000;
  background-color: #cecece;
  padding: .5em 1.7287234043%;
}
#footer {
  color: #fff;
  background-color: #333;
  text-align: center;
  clear: both;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.copyright {
  margin-top: 2em;
  text-align: center;
  font-size: x-small;
}
.original_price {
  text-decoration: line-through;
}
.sale_price {
  background-color: #ddd;
  font-weight: bold;
}
.sold {
  color: white;
  background-color: #ee0000;
}
.hold {
  color: white;
  background-color: #A52A2A;
}
a img {
  border: 1px solid #fff;
}
a:hover img {
  border: 1px solid orange;
}
.item_id {
  font-size: x-small;
}
.item_topic {
  font-weight: normal;
}
.item_auth {
  color: #A52A2A;
  font-weight: bold;
}
.item_title {
  font-weight: bold;
}
/* FAQ page */
.faq > ul {
  list-style-type: none;
  padding: 0;
}
.faq li {
  margin: 0 0 2em;
}
.faq_q {
  font-weight: bold;
}

/* Checkout */
#checkoutprogress {
  margin-bottom: 1.5625em;
  box-sizing: border-box;
}
#checkoutprogress ol {
  padding: 0;
  border-bottom: 1px solid;
  margin: 0;
}
#checkoutprogress li {
  font-size: 110%;
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
  list-style: none;
  color: #1B1B1B;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: none;
  background-color: #bdbdbd;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  box-sizing: border-box;
  width: 2em;
  text-align: center;
  position: relative;
  top: 1px;
}
#checkoutprogress li.active {
  background-color: #cecece;
  color: #000;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #cecece;
  width: auto;
  padding: 0 .5em;
}
#checkoutprogress a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

#checkout fieldset,
#login-form fieldset,
.contact-info-form fieldset {
  margin: 1em 0;
  padding: 0.5em;
  border-radius: 5px;
}
#checkout #id_ccv,
#checkout #id_month_expires,
#checkout #id_year_expires {
  width: 6em;
}
#shipping li {
  list-style-type: none;
  text-decoration: none;
  padding-left: 1em;
  text-indent: -1em;
}

span.page_name {
  margin-left: 2em;
  font-size: 140%;
  color: #933;
}

.author_blurb {
  background-color: #666;
  color: white;
  padding: .6em
}

/* for item listings */
.catalog_thumb {
  text-align: center;
}
.number_found {
  margin-top: 0;
}
.messages {
  border: 1px solid #600;
  padding: 1em;
  border-radius: .2em;
  background-color: #ddd;
}
.messages li {
  color: #900;
  list-style-type: none;
}
.messages .error {
  font-weight: bold;
  color: #c00000;
}
.sort_selector {
  text-align: right;
}
.highlights,
.catalogs {
  width: 100%;
}
.highlights td {
  width: 33%;
  vertical-align: top;
  padding: 5px;
  text-align: center;
}
.highlights p {
  clear: left;
}
.catalogs td {
  padding: 5px;
}
.catalogs td.left {
  width: 20%;
}
.catalogs td.right {
  width: 30%;
}
p.more_highs {
  text-align: center;
  font-size: larger;
}
/* Articles */
.article_index ul {
  padding-left: 5.3%;
  margin: 1em 0 2.5em;
}
.article_index li {
  list-style-type: circle;
  margin: 0 0 1em 0;
}
.article_index li.article_heading {
  list-style-type: none;
  font-size: 120%;
  margin: 0 0 .5em;
}

.browse_choices {
  text-align: center;
  padding: 0;
  clear: both;
}
.browse_choices li {
  display: inline;
}

.form th {
  vertical-align: top;
  text-align: right;
  font-weight: normal;
  padding-top: 3px;
}

#inquiry_subject {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  background-color: #ddd;
  padding: .5em;
  border: 1px solid black;
}
.btn {
  color: #000;
  background-color: #cacacf;
  padding: .3em 1.5em;
}
.nav_image a:link {
  text-decoration: none;
}
.nav_image a:visited {
  text-decoration: none;
}
.nav_image a:hover {
  text-decoration: none;
}
.nav_image a:active {
  text-decoration: none;
}
.nav_image img {
  border-style: none;
  border-width: 0;
}
.inventory ul {
  list-style-type: none;
}
.inventory li {
  margin-bottom: .7em;
}
.inventory a {
  color: black;
}
.inventory img {
  float: none;
  vertical-align: middle;
}
.help,
p.help {
  font-size: 9px !important;
  margin-top: .5em;
  clear: left;
}
.profile li {
  list-style-type: none;
}
td.label {
  text-align: right;
  padding-right: .5em;
}

.order_notes {
  background-color: #ccc;
  padding: 0.3125em;
}
.nota_bene {
  margin: 1em;
  padding: .5em .8em;
  border: 1px solid gray;
  background-color: #ccc;
}
.quote_msg {
  margin: 1em;
  padding: .5em .8em;
  border: 1px solid gray;
  background-color: #ccc;
}
.currency_table {
  text-align: right;
}
.currency_table th {
  font-weight: normal;
  padding-right: 1em;
}
.search_info form {
  display: inline;
}
.search_info {
  width: 100%;
}
.search_info td {
  width: 33%;
}
.item_actions form {
  display: inline;
}
.item_price {
  float: right;
  text-align: right;
}
.sold,
.hold,
.sale_price,
.original_price,
.price {
  padding-left: 3px;
  padding-right: 3px;
  border-radius: .3em;
}
.search_item {
  padding: 0.6em 0;
  border-bottom: 1px dotted green;
}
.search_item::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.search_item:last-of-type {
  border-bottom: none;
}
.nota_bene_sm {
  font-size: smaller;
  margin-top: .2em;
}
.alpha_index li {
  display: inline;
  list-style-type: none;
}
.alpha_index li.current {
  outline: 1px solid black;
}
.alpha_index a {
  border: 1px dotted #ddd;
  padding: 0 2px;
  text-decoration: none;
}
.alpha_index a:hover,
.alpha_index a:focus {
  border: 1px solid blue;
}
.alpha_index a:active {
  border: 1px solid red;
}
.payment_form {
  text-align: right;
}
.payment_form .btn {
  border: 4px groove red;
}

/* Pagination */
.pagination {
  text-align: center;
  margin-right: 1em;
  margin-bottom: 1em;
}
.pagination ul {
  padding-left: 0;
}
.pagination ul li {
  display: inline;
  padding: .2em;
}
.pagination .current {
  font-weight: bold;
  border: 1px solid gray;
  border-radius: .5em;
  background-color: #ddd;
}
.pagination a[rel=next]::after {
  content: " »";
}
.pagination a[rel=prev]::before {
  content: "« ";
}
.nav {
  font-weight: bold;
  font-size: small;
  background-color: #333;
}
.nav a:link {
  color: #fff;
  text-decoration: none;
}
.nav a:visited {
  color: #fff;
  text-decoration: none;
}
.nav a:hover {
  text-decoration: none;
  color: orange;
}
.nav a:active {
  text-decoration: none;
}
.nav ul {
  padding: 0;
}
.nav ul li {
  display: inline;
  text-transform: uppercase;
  list-style-type: none;
}
#footer nav ul {
  margin: 0 auto;
  line-height: 2.3;
}
#footer nav ul li {
  font-size: .85em;
  white-space: nowrap;
}
#footer nav li:after {
  content: "·";
  padding: 0 .1em 0 .4em;
  margin: auto;
}
#footer nav li:last-child:after {
  content: initial;
}
button.subscribe-btn {
  float: right;
}
div.hide-btn {
  display: none;
  text-align: center;
}
div#subscribe-box {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  border: 1px gray solid;
  padding: .5em;
  color: #000;
  background-color: #ccc;
}
#login-form input {
  display: block;
  padding: .5em;
  width: 14em;
  margin-top: 6px;
  margin-bottom: 14px;
}
#login-form input[type="submit"] {
  width: 8em;
}
#login-form h2 {
  margin-bottom: 2px;
  text-align: center;
}
#login-form p { margin: .5em; }
ul.form {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.form textarea {
  vertical-align: baseline;
  box-sizing: border-box;
}
.form li {
  vertical-align: top;
  margin-bottom: 3px;
}
.form div {
  margin-bottom: .5em;
}
.form label {
  width: 9em;
  float: left;
  text-align: right;
  margin-top: 2px;
  margin-right: .5em;
}
.form input {
  width: 13em;
}
.form input[type="submit"] {
  width: auto;
  margin: auto;
}
#password-change-form label {
  width: 12em;
}
#password-reset-form label {
  width: 11.5em;
}
.error-field {
  border-color: rgb(255, 0, 0);
  background-color: rgb(240, 255, 200);
}

/* Error messages for forms */
.errorlist {
  color: #c00000;
  font-weight: bold;
  border-radius: 5px;
  background: #ddd;
}
ul.errorlist {
  margin: 0;
  padding: 0;
}
.errorlist li {
  display: block;
  margin: 4px 0 0;
  /*! margin: 0 0 7px 12em; */
  padding: .4em;
}
#login-error li {
  margin: 0 0 1em;
}
.in-cart {
  font-weight: bold;
  color: #722424;
  border: groove white 2px;
  padding: 0 5px;
}
noscript div {
  clear: both; color: red; background-color: black; padding: 2em;
}
.go {
  border-radius: 50%;
  padding: 0.1em 0.25em;
  /*! width: 0.9em; */
  /*! height: 2em; */
}
.basement_item {
  width: 13em;
  margin: 1em auto;
  text-align: center;
  background-color: #d6d6d6;
  border-radius: .5em;
  color: #444;
}
.basement_item a {
  color: inherit;
}
.fb-like { float: right; margin-top: 11px; }
#findusfb img { float: right; margin: 0 0 .5em 1em; border: none; }

div.display_item ul,
div.search_item ul,
div.search_item ol,
div.display_item ol {
  padding: 0;
}
div.display_item li,
div.search_item li {
  list-style-position: inside;
  margin: .3em 0 .3em .5em;
}
.elist-title {
  font-size: 1.3em;
  text-align: center;
}
.elist-description {
  margin: 1.73% 5.19%;
  border: 1px gray solid;
  padding: .6em;
  background-color: #ddd;
  border-radius: 0.5em;
}
#shipping-rates {
  border-collapse: collapse;
}
#shipping-rates td,
#shipping-rates th {
  border: 1px solid gray;
  padding: .1em 1em;
}
#shipping-rates caption {
  font-size: 120%;
}
#shipping-rates thead {
  background-color: #ddd;
}
#shipping-rates tbody tr:hover {
  background-color: #ccc;
}
#shipping-rates tbody td.right:hover {
  background-color: #eed;
}
.discount-code {
  border: 1px dotted rgb(102, 102, 102);
  padding: 0.1em 0.3em;
  background-color: rgb(238, 187, 96);
}
.book_fairs td {
  vertical-align: top;
  /*! padding-right: .7em; */
}
.book_fairs p {
  margin-top: 0;
}
p.fair_name {
  margin-bottom: 0;
  font-weight: bold;
}
/* bb */
#basement_info ul {
  list-style-type: none;
  padding: 0;
}
#basement_info li {
  margin-left: 0;
}
div.basement {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 2em;
  height: 170px;
  background: url(/static/images/bargain-170.jpg) no-repeat #cecece;
}
#basement_search {
  text-align: center;
  font-size: 105%;
}
#basement_search a:visited {
  color: blue;
}
#basement_search a:hover {
  background-color: #eee;
  text-decoration: none;
}
#basement_search div {
  margin: 0 0 .25em;
}
#basement_info,
#basement_search {
  margin-left: 425px;
}
.empty-results {
  text-align: center;
  border: 1px solid #666;
  background-color: #ccc;
  padding: .5em;
}
/* end bb */
p.first_stmt {
  text-align: center;
  font-style: italic;
  clear: right;
  padding-top: .5em;
}
p.cat_name {
  text-align: center;
  clear: right;
  padding-left: 3em;
  padding-right: 8em;
}
.cat_thumb {
  float: left;
}
.search_item p {
  margin-top: .3em;
}
.search_item img {
  margin: .3em 1em .3em 0em;
  float: left;
}
.search_item hr {
  clear: both;
  margin-top: 2px;
  width: 100%;
  color: #999;
  background-color: #999;
  height: 1px;
  border: 0;
}

/* Display item */
.item_actions {
  padding-top: .6em;
  clear: both;
}
.display_item img,
.lot-banner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.display_item .item_description {
  margin: .3em 0 2em 0;
}
.item_description p {
  text-indent: 2em;
  margin-top: .3em;
  margin-bottom: .1em;
}
/* search page */
.new_catalog_search {
    text-align: center;
    border: 1px solid gray;
    background-color: #ccc;
    padding: 0.2em;
    margin: 0 auto 1em;
    width: 90%;
    box-sizing: border-box;
}
input#id_year_low,
input#id_year_high,
select#id_items_per_page,
input#id_price_low,
input#id_price_high {
  width: 4em;
}
span.required { font-weight: bold; }
#cart {
  width: 100%;
  clear: both;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2em;
}
#cart td,
#cart th {
  border: 1px solid #000;
  padding: 2px;
}
#cart th {
  background-color: #aaa;
  color: #000;
}
#content > #cart th:first-of-type {
	border: none;
	padding: 0;
	background-color: transparent;
}
#content > #cart tr > td:first-of-type {
	border: none;
	padding-right: 2px;
	background-color: transparent;
}
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.form_table th {
  text-align: right;
  font-weight: normal;
}

#checkout label,
.contact-info-form label {
  display: block;
  margin-top: 4px;
}
#checkout #notes label {
  float: none;
  width: auto;
  text-align: left;
  margin-bottom: .5em;
}
#checkout input[type=text],
#checkout input[type=email],
#checkout select,
.contact-info-form input[type=text],
.contact-info-form select {
  width: 15em;
  /*! margin: 1px 5px; */
  box-sizing: border-box;
}
#checkout input[type=radio],
#checkout input[type=checkbox] {
  width: auto;
}

#id_copy_address { width: auto; }
#continue-para {
  clear: both;
  text-align: center;
}
#checkout-discount { clear: both; }
#shipping-same {
  text-align: center;
  clear: both;
  font-weight: bold;
}
#shipping-same label {
  display: inline;
}
#shipping-same input,
#payment-method input,
#shipping input,
input#id_elist {
  width: auto;
  border: none;
  vertical-align: bottom;
}
#payment-method li label,
#shipping li label {
  float: none;
  width: auto;
  text-align: left;
}
#payment-method li,
#shipping li {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 5px;
}
#checkout h3,
#ordersuccess h3,
.contact-info-form h3 {
  font-size: 110%;
  font-weight: normal;
  border-bottom: 1px solid #000;
  clear: both;
}
#search_form #id_submit {
  display: block;
  margin: 1em auto;
}
#account_menu {
  border: solid thin #999;
  float: right;
}
#account_menu h5 {
  text-align: center;
}
#account_menu ul {
  padding-left: 2em;
  padding-right: 2em;
}
#account_menu a:visited {
  color: rgb(0, 0, 238);
}
#password-change-form fieldset {
  margin: 1em auto;
  padding: 1em;
  border: 1px solid #333;
  max-width: 20em;
}
#password-change-form legend {
  font-weight: bold;
  color: #222;
}
#password-change-form label {
  display: block;
}
#password-change-form div {
  margin-bottom: 1em;
}
#password-change-form input[type=password] {
  width: 100%;
  box-sizing: border-box;
}
#search-form {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}
#search-form label {
  display: block;
  margin: 0 0 .2em;
}
#search-form div {
  /*! width: 90%; */
  margin: 0px auto 1em;
  vertical-align: bottom;
  box-sizing: border-box;
}
#search-form input[type=text],
#search-form select {
  width: 100%;
}
#search-form input,
#search-form select {
  box-sizing: border-box;
}
#search-form ul.errorlist {
  float: none;
}
ul.cart-actions {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
ul.cart-actions li {
  display: block;
  border: 1px solid #666;
  margin: auto;
  margin-bottom: .5em;
  text-align: center;
}
ul.cart-actions a {
  display: inline-block;
  text-decoration: none;
  padding: 3px 6px;
  width: 100%;
  box-sizing: border-box;
}
ul.cart-actions a:hover,
ul.cart-actions a:focus,
ul.cart-actions a:active {
  background: #B4B4B4;
}
#checkout textarea {
  width: 100%;
  box-sizing: border-box;
}
#remaining-chars {
  font-weight: bold;
}
div.remaining {
  margin-left: 9.5em;
}
.lot-description {
  padding-bottom: 1em;
  border-bottom: 1px dashed gray;
}
.lot-item {
  margin: 1em;
  padding: 0 0 1em;
  border-bottom: 1px dotted gray;
}

/* Unopened lightbox */
.lightbox {
  display: none;
}

/* Opened lightbox */
.lightbox:target {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,30,.7);
  padding: 54px 0 0;
}

.lightbox figure {
	margin: 0 1rem;
	max-height: 100%;
	overflow: auto;
}

/* Close button */
.lightbox .close {
  position: relative;
  display: block;
}

.lightbox .close::after {
  right: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,.2);
  border-radius: 50%;
  color: black;
  content: "×";
  cursor: pointer;
  font-weight: bold;
}

/* Lightbox overlay */
.lightbox .close::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  content: "";
  cursor: default;
}

@media only screen and (min-width:752px) {
  body {
    margin: auto;
    width: 752px;
  }
  #navbar { display: none; }
  a#nav-banner-link {
    position: relative;
    top: 22px;
    left: 6px;
    display: block;
    width: 515px;
    height: 32px;
    color: transparent;
  }
  a#nav-banner-link:hover {
    border: 1px dotted white;
    border-radius: 10px;
  }
  table.book_fairs {
    margin: 1em;
  }
  input[type="checkbox"] {
    border: none;
  }
  #qsearch div {
    padding: .2em;
  }
  #login-status {
    margin-top: 5px;
    text-align: right;
  }
  a.button {
    background-color: #cecece;
    display: inline-block;
    text-decoration: none;
    padding: 3px 6px;
    width: 8em;
    box-sizing: border-box;
    border: 1px solid #666;
    border-radius: 5px;
    text-align: center;
  }
  a.button:hover,
  a.button:focus,
  a.button:active {
    background: #B4B4B4;
    text-decoration: none;
  }
  #header p {
    text-align: right;
  }
  #content_frame {
    border: 1px solid #fff;
    color: #000;
    background-color: #cecece;
  }

  .search_item {
    margin: 0 3em .5em 3em;
  }
  .item_number {
    float: left;
    width: 2em;
    margin-left: .1em;
    text-align: right;
    padding-top: 0.6em;
  }
  .display_item {
    margin: 1em 2em 2em 2em;
  }
  .new_catalog_search {
    float: right;
    margin-top: 2em;
    margin-right: 3em;
    width: 33%;
  }
  .footer-banner {
    margin-top: 8px;
    margin-left: 39px;
    width: 646px;
    height: 258px;
  }
  #login-form {
    width: 49%;
  }
  #topmenu-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-top: .5em;
  }
  #topmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #topmenu li {
    box-sizing: border-box;
    list-style: none;
    display: inline;
    margin-right: 1em;
    text-transform: uppercase;
    font-family: serif;
  }
  #topmenu a,
  #banner_menu a {
    color: white;
  }
  #topmenu a:hover,
  #banner_menu a:hover {
    color: orange;
    text-decoration: none;
  }

  #banner_menu {
    background: url(../images/nav/banner-i.jpg) no-repeat;
    height: 100px;
    position: relative;
  }
  #banner_menu ul {
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    height: 100px;
    width: 100px;
    margin: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #333;
    box-sizing: border-box;
    border-left: 1px solid #575757;
    text-transform: uppercase;
    font-family: serif;
    font-size: 0.9em;
  }
  #search-form label {
      float: left;
      clear: left;
      width: 11.6em;
      text-align: right;
      margin: 0.2em 0 0;
  }
  #search-form input,
  #search-form select {
      width: 13em;
      margin-left: 6px;
  }
  #search-form input[type="checkbox"] {
    width: auto;
    margin-top: 5px;
  }
  #search-form input[type=text] {
    width: 13em;
  }
  #search-form ul.errorlist {
    margin-left: 11.6em;
  }
  #search-form ul.errorlist li {
    margin-left: 6px;
  }
  ul.cart-actions li {
    display: inline-block;
  }
  #contact-shipping,
  #contact-billing {
    margin-bottom: 1em;
  }
  #checkout label,
  .contact-info-form label {
    float: left;
    width: 11.5em;
    text-align: right;
    margin-top: 3px;
  }
  #shipping-same label {
    float: none;
    width: auto;
  }
  #checkout input,
  #checkout select,
  .contact-info-form input,
  .contact-info-form select {
    margin: 1px 5px;
  }

  /* ------------------ */

  #header .nav ul {
    float: left;
    padding-top: 10px;
  }
  #header .nav ul li {
    margin-right: .65em;
  }

  form.search {
    margin: 1em;
  }
  .browse-section-form {
    display: inline;
  }

  .wants_actions form {
    display: inline;
  }
  .archive_name {
    font-family: serif;
    font-size: larger;
    color: #500;
  }
  div.archive_info {
    margin: .5em 1.5em auto 1.5em;
    border-bottom: solid thin gray;
    border-right: solid thin gray;
    background-color: #ccc;
    padding-left: .5em;
    padding-top: .2em;
  }
  .archive_info p {
    margin-left: 1.5em;
    margin-bottom: .4em;
  }
  ul.cart-actions li {
    width: 32%;
  }
  .lightbox:target {
    padding: 0;
  }
  .lightbox figure {
    margin: 0 1em;
  }
}

@media only screen and (max-width:751px) {
  body {
    margin-top: 46px;
  }
  #topmenu,
  #banner_menu,
  #qsearch,
  #login-status {
    display: none;
  }
  #findusfb img { float: none; }
  .inventory ul,
  .alpha_index ul {
    padding: 0;
  }
  div.basement {
    padding-top: 162px;
    padding-bottom: .5em;
  }
  #basement_info,
  #basement_search {
    margin-left: 0;
  }
  .item_number {
    margin-top: 1em;
    font-weight: bold;
  }
  #login-form + p {
    clear: both;
  }
  #cart input[type="submit"] {
    padding: 4px;
  }
  #navbar {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 46px;
    z-index: 1030;
    color: #fff;
    background-color: #444;
    box-sizing: border-box;
  }
  .toggle ul {
    display: none;
  }
  #nav-main-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 46px;
    left: 0px;
    width: 180px;
    background-color: #555;
  }
  .nav-main {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
  }
  .logo {
    font-family: Times, Times New Roman, Georgia, serif;
    font-size: 1.2em;
    position: absolute;
    top: 0;
    right: 0;
    width: 9em;
    height: 46px;
  }
  .logo a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 2.8;
    text-align: center;
  }
  #menu-button span {
    overflow: hidden;
    text-indent: 120%;
    position: relative;
    cursor: pointer;
    width: 46px;
    height: 46px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    display: inline-block;
    background: url(../images/menu-button.png) no-repeat 11px center;
  }
  #navbar-search {
    position: relative;
    top: 9px;
    left: 50px;
    width: 9em;
  }
  #navbar-search button {
    margin-left: -20px;
    width: 20px;
    height: 20px;
  }
  #navbar-search input {
    line-height: 1.5em;
    border-radius: 3px;
    width: 8em;
  }
  #nav-main-menu a {
    display: inline-block;
    width: 100%;
    padding-left: .75em;
  }
  #menu-button.active span,
  #menu-button span:hover {
    background-color: #555;
  }
  #nav-main-menu li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #363;
    line-height: 3;
  }
  #navbar a {
    box-sizing: border-box;
  }
  #navbar > ul a {
    display: block;
    padding: .25em 1em;
    color: #fff;
    background-color: #444;
  }
  #navbar a:link,
  #navbar a:visited {
    color: #fff;
  }
  #navbar a:hover,
  #navbar a:focus,
  #navbar a:active {
    background-color: #666;
  }
  #navbar a,
  #navbar a:link,
  #navbar a:visited,
  #navbar a:active {
    text-decoration: none;
  }
  div#subscribe-box {
    width: 95%;
  }
  #account_menu {
    float: none;
    width: 220px;
    margin: auto;
  }
  #search-form > div {
    position: relative;
  }
  #search-form input[type="checkbox"] {
    display: inline-block;
    margin: 0;
  }
  #search-form input[type="checkbox"] +label {
    display: inline-block;
    margin-left: .5em;
  }
  #search-form select {
    width: auto;
  }
  #search-form .errorlist li {
    margin: 0;
  }
  .sort-selector-form > .go {
    display: none;
  }
  .form textarea {
    width: 100%;
  }
  .form label {
    float: none;
    text-align: left;
    display: block;
    width: auto;
    margin: 0 0 4px;
  }
  div.remaining {
    margin-left: 0;
  }
}

@media only screen and (max-width:300px) {
  .logo {
    font-size: 1em;
    width: 8em;
  }
  .logo a {
    line-height: 3.4;
  }
}

@media only screen and (min-height:650px) {
  .lightbox:target {
    height: 100%;
    position: fixed;
  }
}

@media only screen and (max-height:649px) {
  .lightbox:target {
    height: initial;
    position: absolute;
  }
}

#skiptocontent a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border: 1px solid #b6f4e7;
  border-radius: 8px;
  background: #AA151F;
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 100;
}
  #skiptocontent a:focus {
  position: absolute;
  left: 3px;
  top: 3px;
  outline-color: transparent;
  -webkit-transition: top .1s ease-in;
  transition: top .1s ease-in;
}
.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#registration-form > div,
#register-with-address > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#registration-form > div div,
#register-with-address > div div {
  display: flex;
  flex-direction: column;
  width: 260px;
  align-items: center;
  margin-top: 1em;
}
#register-with-address > div div {
  width: 300px;
}
#registration-form input:not([type="checkbox"]),
#register-with-address input:not([type="checkbox"]) {
  width: 100%;
}
#registration-form input:not([type="checkbox"]),
#registration-form img,
#register-with-address input:not([type="checkbox"]),
#register-with-address img {
  margin-top: .2em;
}
div.captcha {
  order: 1;
}
div.captcha img {
  border: 1px solid black;
}
#register-with-address .captcha input,
#registration-form .captcha input {
  width: 10em;
}
#registration-form button,
#register-with-address input[type="submit"] {
	margin: 2em auto;
	display: block;
	padding: .3em .7em;
}
#register-with-address input[type="submit"] {
  width: 10em;
}
#register-with-address fieldset {
  margin: 2em auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
}