html {
  -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  overflow-y: scroll;
}
 @-viewport {
 width: device-width;
}
 @media only screen and (max-width:767px){
     .mobile-display {
         display: block;
     }
     .browse a {
         font-weight: bold;
     }
     .mobile-hide, .press #wrapper-2, #hero-button,
     #details #tab-quotes.mobile-hide {
         display: none;
     }
     #details #main h1, #index #main h1,
     #index.subject-index #main h1, #htmlPage #main h2 {
         font-size: 6vw;
     }
     #details.book-product #main h2 {
         font-size: 3.2vw;
     }
     #wrapper {
         width: 95%;
     }
     .mobile-menu div {
         margin-top: 5%;
     }
     .mobile-menu a:hover {
         border-bottom: none;
     }
     #index.subject-index .browse, #index.series-index .browse,
     #details.new-books .browse, .series-booklist .browse,
     .subject-booklist .browse {
         float: right;
         padding: 3% 0;
         width: auto;
     }

     img.mobile-logo {
         width: 70%;
         height: 45%;
     }
     #logo {
         height: 4em;
         width: 90%;
         float: left;
     }
     #cart {
         padding: 0;
         float: right;
         top: 0;
     }

     /* Press Homepage */
     .press img.mobile-logo {
         width: 79%;
         height: 45%;
     }

     #logo a {
         width: 100%;
     }
     .press #logo a {
         top: 0;
     }
     #stage {
         margin-top: 6%;
     }
     .press .mobile-cart {
         float: right;
     }
     .mobile-cart {
         margin-top: 4%;
     }
     .mobile-cart img {
         width: 75%;
     }
     #search-box {
         position: static;
         width: 100%;
         margin-top: 1%;
     }
     #search-box form {
         text-align: left;
     }
     #search-box .button {
         background-image: url(/dms/ucp/images/layout/search-mobile.png);
         background-size: 100%;
     }
     #searchForm input, #search-box .html-search input#searchbar {
         width: 84%;
         padding: 2.5%;
         margin-right: 3%;
     }
     #hero img {
         width: 100%;
     }
     .mobile-menu {
         margin-top: 6%;
     }
     .mobile-menu a {
         font-weight: bold;
         font-family: sans-serif;
         font-size: 4.5vw;
         letter-spacing: 0.1em;
         color: white;
         display: block;
         padding: 4%;
         margin-top: 4%;
     }
     #footer {
         background: none;
         text-align: center;
         margin-top: 7%;
     }
     #footer a {
         font-size: 2.7vw;
     }
     .mobile-footer div {
         margin-bottom: 2%;
     }
     #footer a.desktop-switch {
         font-weight: bold;
         font-size: 2.5vw;
     }

     /* Books homepage & Book Product Page */
     .books .mobile-menu {
         margin-top: 3%;
     }
     .mobile-inactive-link {
         pointer-events: none;
     }
     #details.book-product a[href^="tel"]{
         border-bottom: none;
         pointer-events: none;
     }
     .book-product #main a.mobile-inactive-link {
         border-bottom: none;
     }
     #details.new-books #cart {
         margin-right: 4%;
     }
     .book-product .large-book {
         height: 230px;
     }
     .books .browse, .book-product .browse,
     #slideDetails .desc, #slideDetails .info,
     #details.book-product .detail-links .linkwrap,
     #details.book-product #more_text {
         display: none;
     }
     .books #wrapper-2 {
         width: 100%;
         background: none;
     }
     .books #logo a, #details #logo a {
         top: 28%;
     }
     #details .buythisbook {
         background-image: none;
         background-color: #337ab7;
         width: 42%;
         height: 33px;
         color: white;
         font-size: 20px;
         text-align: center;
         padding-top: 13px;
         letter-spacing: 3px;
         text-transform: uppercase;
         margin-top: 10px;
     }
     #details #main a.buythisbook:hover {
         color: white;
     }
     #details.book-product .ui-tabs .ui-tabs-panel {
         width: 100%;
         border-bottom: none;
     }
     #details.book-product #wrapper-3 #main {
         margin-top: 28%;
     }
     .book-product form#searchForm input#searchbar {
         width: 80%;
     }
     #details.book-product .mobile-cart {
         margin-right: 4%;
     }
     #details #wrapper-3 #promos, #details .mobile-related-books, #details #extras,
     #google_preview, #details .vendorList.title,
     .mobile-format-price-div, .mobile-description-div,
     .mobile-content-div, .mobile-subjects-div {
         display: none;
     }
     #details #wrapper-3,  #details #wrapper-2,
     .addthis_sharing_toolbox, #details #tab-content,
     #details #wrapper-3  #main {
         width: 100%;
     }
     #details #main .mobile-book-product #tab-list li,
     #details #main .mobile-book-product #tab-list .ui-state-active a,
     #details #main .mobile-book-product #tab-list .ui-state-active a:link {
         background: none !important; /* as it's given in styles.css */
     }
     .expand-arrow {
         width: 8.5%;
         vertical-align: top;
         float: right;
     }
     #details .mobile-format .sub-text {
         margin: 10px 0;
     }
     .mobile-tabs-header > span {
         font-family: Georgia, Times New Roman, Times, serif;
         font-size: 4vw;
         font-weight: bold;
     }
     .mobile-format-price {
         border-top: 1px solid #ccc;
     }
     .mobile-format-price, .mobile-description,
     .mobile-content, .mobile-subjects {
         border-bottom: 1px solid #ccc;
         padding: 3%;
     }
     #details #wrapper-3 {
         border-top: none;
     }
     #details .detail-links {
         border-bottom: none;
     }
     #details .desc {
         font-family: Georgia, "Times New Roman", Times, serif;
         font-size: 14px;
     }
     .mobile-format-price-div .sub-text {
         margin: 2% 0;
     }
     .mobile-description-div .info {
         margin: 3% 0;
     }
     .mobile-subjects-div .linkwrap {
         margin-top: 4%;
     }
     .mobile-subjects-div p a, .mobile-content-div  {
         font-weight: normal;
     }
     #details #atstbx .at-share-btn {
         margin: 0 1.3%;
     }
     #details .mobile-cart {
         margin-right: 1%;
     }
     #details .bookdetails .author {
         line-height: 1.7em;
         margin-bottom: 7px;
     }
     #details #header {
         margin-bottom: 0;
     }
     .book-product .book-text h3 {
         border: none;
     }

     /* Search Page */

     #htmlPage.search #logo {
         height: 4em;
     }
     .col-2 #extras, #selectarea_input_infoServices,
     #selectarea_input_cdc, .search #search-box {
         display: none;
     }
     /*#htmlPage .mobile-cart img {
         margin-top: -140%;
     } */
     #htmlPage.search #logo a {
         border-bottom: 1px solid #ccc;
     }
     #htmlPage #logo a {
         top: 0;
     }
     #htmlPage #wrapper-3 #main, #htmlPage #wrapper-3 {
         border-top: none;
     }
     #htmlPage #wrapper-2, #htmlPage #wrapper-3,
     #htmlPage #wrapper-3 #main {
         width: 100%;
     }
     #htmlPage #header, #htmlPage #branding {
         margin-bottom: 0;
     }
     #htmlPage #main h2 {
         margin-top: 0;
     }
     #htmlPage #search-box-form .selectbox {
         background-color: #f1eee5 !important;
         background-repeat: no-repeat;
         padding: 3%;
         width: 62%;
     }
     #htmlPage .mobile-search-field {
         width: 62%;
         padding: 3%;
         margin-top: 4%;
     }
     #htmlPage .selectbox-wrapper {
         width: 68% !important;
         margin-top: 9%;
     }
     #htmlPage #search-box-form .button {
         background: url(/dms/ucp/images/layout/search-mobile.png) 0 0 no-repeat;
         height: 24px;
         margin-left: 2%;
         margin-top: 6%;
         background-size: 95%;
     }
     #htmlPage #highlight {
         font-size: 10px;
     }
     #htmlPage .mobile-search-result {
         border-bottom: 1px solid #ccc;
     }
     #htmlPage #main .resultssnippet {
         margin-bottom: 3%;
     }
     #htmlPage .mobile-search-resultset {
         padding-bottom: 0 !important;
     }
     #htmlPage .search-field {
         padding-top:0;
     }
     .resultstype {
         padding-top: 0.8%;
     }
     .mobile-search-prev, .mobile-search-next {
         display: inline;
         font-weight: bold;
         font-size: 12px;
     }
     .mobile-search-next {
         padding-right: 2px;
     }
     .mobile-search-nav {
         margin-top: -2%;
     }

     /* Series & Subject List Page */
     /* Subject Page */

     #details.series-booklist form#searchForm input#searchbar,
     #details.subject-booklist form#searchForm input#searchbar {
         width: 80%;
     }
     #details.series-booklist #cart, #details.subject-booklist #cart {
         margin-right: 4%;
     }
     #details.series-booklist .browse,
     #details.subject-booklist .browse {
         margin-right: 6%;
     }
     #details.series-booklist #wrapper-3 #main {
         margin-top: 10%;
     }
     #details.subject-booklist #wrapper-3 #main {
        margin-top: 29%;
     }
     #details #branding {
         margin-bottom: 6%;
     }
     #details #subject {
         margin-top: 6%;
     }
     #series .mobile-series-description span,
     #series .mobile-browse-options span {
         font-size: 4vw;
         font-weight: bold;
     }
     #series .mobile-series-description {
         border-top: 1px solid #ccc;
     }
     #series .book-text, #series #tab-author,
     #series #tab-title, #series #tab-date,
     #series .booktabs,
     #subject .subject-header, #subject #tab-author,
     #subject #tab-title, #subject #tab-date {
         width: 100%;
     }
     #series ul, #subject ul {
         margin-left: 3%;
     }
     #series .ui-tabs .ui-tabs-nav li,
     #subject .ui-tabs .ui-tabs-nav li{
         width: 30%;
         border: 1px solid #B0B0B0;
         background: #f1eee5;
         margin-right: 2%;
     }
     #series .ui-tabs .ui-tabs-nav li a,
     #subject .ui-tabs .ui-tabs-nav li a{
         text-align: center;
         width: 95%;
         background-image: none !important;
         height: 27px;
     }
     #series .ui-state-active a,
     #series .ui-state-active a:link,
     #subject .ui-state-active a,
     #subject .ui-state-active a:link {
         border-top: none;
     }
     #series .ui-tabs .ui-tabs-panel,
     #subject .ui-tabs .ui-tabs-panel {
         border: 1px solid #ccc;
     }
     #series .ui-tabs .ui-tabs-panel,
     #subject .ui-tabs .ui-tabs-panel{
         margin-top:0;
     }
     #series .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
     #series .ui-tabs .ui-tabs-nav li.ui-state-active,
     #subject .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
     #subject .ui-tabs .ui-tabs-nav li.ui-state-active {
         background-color: white;
         border-bottom: none;
     }
     #series .ui-tabs .ui-tabs-nav li a,
     #subject .ui-tabs .ui-tabs-nav li a{
         padding-top: 7px;
     }
     #series .ui-tabs .ui-tabs-nav li span,
     #subject .ui-tabs .ui-tabs-nav li span{
         letter-spacing: 2px;
     }
     #main #series #buyIcon a,
     #main #subject #buyIcon a,
     .new-books #buyIcon a {
         background-image: none;
         background-color: #337ab7;
         color: white;
         font-size: 13px;
         text-align: center;
         letter-spacing: 1px;
         text-transform: uppercase;
         margin-top: 3%;
         font-weight: bold;
         width: 30%;
         height: 25px;
         padding-top: 4%;
     }
     #series .bookListContainer,
     #subject .bookListContainer {
         padding-left: 6%;
     }
     #series .bookListContainer .subtitle,
     #series .bookListContainer .author {
         margin-top: 2%;
     }
     #series .mobile-series-description-div,
     #series .mobile-series-browseOptions-div,
     #subject .mobile-subject-browseOptions-div,
     #subject .mobile-rss, #subject .mobile-csv, .subject-booklist .mobile-subject-list-div {
         display: none;
     }
     #series .mobile-series-description, #series .mobile-browse-options,
     #subject .mobile-subject-description, #subject .mobile-browse-options,
     .subject-booklist .mobile-subject-list {
         padding: 2.5%;
     }
     .mobile-subject-list-div .browse-subject a {
         font-size: 15px;
     }
     .mobile-subject-list-div .sub-text {
         margin-top: 2%;
     }
     #details.subject-booklist #main .mobile-subject-list-div .sub-text a {
         border-bottom: none;
     }
     #series .mobile-series-browseOptions form#filter div label,
     #subject .mobile-subject-browseOptions form#filter div label {
         margin: 1%;
     }
     #subject .mobile-subject-description {
         border-top: 1px solid #ccc;
     }
     #series .mobile-browse-options,  #subject .mobile-browse-options  {
         border-top: 1px solid #ccc;
         border-bottom: 1px solid #ccc;
     }
     #subject .mobile-subject-list {
         border-bottom: 1px solid #ccc;
     }
     #series .mobile-series-description  {
         margin-top: 9%;
     }
     #series .book-text .description_text {
         border-top: none;
         font-family: Georgia, "Times New Roman", Times, serif;
     }
     #series .acquiring_editor, #series .description_text {
         margin-top: 4%;
     }
     #series .description_text {
         padding-top: 0;
     }
     #series .book-text .series_editor {
         line-height: 1.7em;
     }
     #series .mobile-browseOptions input {
         margin-right: 3%;
     }
     #series .mobile-series-browseOptions form#filter div,
     #subject .mobile-subject-browseOptions form#filter div {
         margin-top: 4%;
         font-size: 15px;
         line-height: 1.8em;
     }
     #subject .mobile-subject-browseOptions form#filter div:not(:last-child) {
         border-bottom: 1px solid #ccc;
     }
     #series .booktabs {
         margin-top: 4%
     }
     #details #series {
         margin-top: 29%;
     }

     /* Fixed header for subject page */
     #details #wrapper-3 #main {
         margin-top: 19%;
     }
     .info #wrapper-3 #main {
         margin-top: 23%;
     }
     #details #header, .info #header,
     #index #header{
         position: fixed;
         width: 100%;
         z-index: 34;
         background-color: white;
     }

     /* Author Page */

     #details .mobile-author-events, #details.author .browse {
         display: none;
     }
     #details.author form#searchForm input#searchbar {
         width: 80%;
     }
     #details.author .mobile-cart {
         margin-right: 4%;
     }
     #details.author #wrapper-3  #main {
         margin-top: 27%;
     }
     #details.author #promo-2 .sub-text .book {
         width: 25%;
     }
     #details.author #promo-2 .sub-text .bookinfo {
         width: 70%;
     }
     #details.author #promo-2 .bookinfo span.title {
         border-bottom: none;
     }
     #details #promo-2.mobile-books-by-author .promo-text h3 {
         color: #a9ba14;
         text-transform: uppercase;
         letter-spacing: 1.4px;
         font-size: 4vw;
         font-family: Verdana, Arial, sans-serif;
         font-weight: bold;
         margin-bottom: 2%;
     }
     #details #promo-2.mobile-books-by-author .promo-text .promo-header h3 {
         border-bottom: none !important;
     }
     .mobile-books-by-author li {
         list-style-image: none;
     }
     #details #wrapper-3 #promo-2.mobile-books-by-author {
         background: none;
     }
     #details #promo-2 .bookinfo .title {
         line-height: 1.6;
     }
     #details #promo-2.mobile-books-by-author .promo-text .sub-text .book a {
         border-bottom: none;
     }
     #details #promo-2.mobile-books-by-author .bookinfo span.author {
         display: inline-block;
         margin-top: 3%;
         border-bottom: none;
     }
     #details #promo-2.mobile-books-by-author .promo-header {
         padding: 0;
     }
     #promo-2.mobile-books-by-author .promo-text .sub-text {
         margin: 0;
     }
     #promo-2.mobile-books-by-author .promo-text .sub-text,
     #details #wrapper-3 #promo-2.mobile-books-by-author {
         padding-bottom: 0;
     }
     #details #promo-2.mobile-books-by-author li {
         border-bottom: 1px solid #ccc;
         padding-bottom: 2%;
     }

     /* About page */
     #htmlPage.pages .mobile-cart {
         margin-right: 1%;
     }

     /* Privacy Page */
     #htmlPage #search-box .browse {
         display: none;
     }
     .pages #wrapper-3 #main {
         margin-top: 5%;
     }

     /* Contact Page in info */

     #htmlPage.info .browse {
         width: 100%;
     }
     #htmlPage.info #wrapper-3 #main {
         margin-top: 33%;
     }
     #htmlPage.info .image_float_right {
         float: none;
         margin-right: 0 !important;
     }
     #htmlPage.info #branding {
         margin-bottom: 5%;
     }
     #htmlPage.info #main #contact-accordion h3 {
         margin-top: 4%;
     }
     #htmlPage.info #main #contact-accordion .contactinfo {
         padding-left: 0;
         border-bottom: 1px solid #ccc;
     }
     #htmlPage.info #main #contact-accordion .contactinfo:last-child {
         border-bottom: none;
     }
     #htmlPage.info #footer {
         margin-top: 0;
     }
     #htmlPage.info form.html-search input#searchbar {
         width: 80%;
     }
     #htmlPage.info #cart {
         margin-right: 3%;
     }
     #htmlPage.info iframe {
         width: 100%;
     }

     /* Subject Index Page */
     #index.subject-index form#searchForm input#searchbar {
         width: 80%;
     }
     #index.subject-index #cart {
         margin-right: 3%;
     }
     #index #branding {
         margin-bottom: 7%;
     }
     #index.subject-index .browse {
         margin-right: 6%;
     }
     #index.subject-index #wrapper-3,
     #index.subject-index #wrapper-3 #main{
         border-top: none;
     }
     #index.subject-index #header {
         margin-bottom: 0;
     }
     #index.subject-index #wrapper-3 #main {
         margin-top: 37%;
     }
     #index.subject-index #main h1 {
         margin-bottom: 0;
     }
     #index.subject-index #wrapper-2,
     #index.subject-index #wrapper-3,
     #index.subject-index #wrapper-3 #main {
         width: 100%;
     }
     #index.subject-index #tab-list ul.mobile-top-level > li[id^=su],
     #index.subject-index #tab-list ul.mobile-bottom-level > li[id^=su]{
         border-bottom: 1px solid #ccc;
         padding: 3% 0 3% 11%;
         margin-left: 0;
     }
     #index.subject-index .mobile-subject-name, #index.subject-index .mobile-subject-name a {
         font-size: 13px;
     }
     #index.subject-index .mobile-subject-name, #index.subject-index .parent-closed .mobile-subject-name {
         padding-left: 15%;
     }
     #index.subject-index .parent-open .mobile-subject-name {
         padding-left: 6%;
     }
     #index.subject-index #tab-list ul.mobile-top-level > li.parent-open,
     #index.subject-index #tab-list ul.mobile-bottom-level > li.parent-open{
         padding-left: 4%;
         width: 96%;
     }
     #index.subject-index #tab-list ul li[id^=su] ul li {
         margin-left: 5%;
         padding: 1% 0;
     }
     #index.subject-index .col {
         width: 100%;
         border-left: 1px solid #ccc;
         border-right: 1px solid #ccc;
         border-top: 1px solid #ccc;
     }
     #index.subject-index li.parent-open {
         padding-left: 4%;
     }
     #index.subject-index li.parent-open ul {
         margin-left: 15%;
         margin-bottom: 0;
     }
     #index.subject-index .parent-open {
         background: none;
     }
     #index.subject-index #tab-list ul.mobile-top-level li:last-child {
         border-bottom: none;
     }

     /* Series index page */

     #index.series-index #header {
         position: absolute;
     }
     #index.series-index #wrapper-2, #index.series-index #wrapper-3,
     #index.series-index  div[id^="tab"],
     #index.series-index #main h2,
     #index.series-index .col .parent-open-series {
         width: 100%;
     }
     #index.series-index #wrapper-3 #main {
         margin-top: 33%;
         width: 100%;
         border-top: none;
     }
     #index.series-index ul.ui-tabs-nav li,
     #index.series-index ul.ui-tabs-nav li a {
         float: none;
     }
     #index.series-index .booktabs .ui-tabs .ui-tabs-nav li {
         background-color: #fff;
     }
     #index.series-index .ui-state-active a,
     #index.series-index .ui-state-active a:link,
     #index.series-index .ui-state-active a:visited,
     #index.series-index #main .ui-state-default a:link,
     #index.series-index #main .ui-state-default a:visited,
     #index.series-index #main .ui-state-default a:active{
         background: none !important;
     }
     #index.series-index .ui-state-active a,
     #index.series-index .ui-state-active a:link,
     #index.series-index .ui-state-active a:visited,
     #index.series-index .booktabs .ui-tabs .ui-tabs-nav li,
     #index.series-index  div[id^="tab"]{
         border: none;
     }
     #index.series-index .booktabs .ui-tabs .ui-tabs-nav > li {
         border-bottom: 1px solid #ccc;
         padding: 1%;
     }
     #index.series-index .booktabs .ui-tabs .ui-tabs-nav > li:first-child {
         border-top: 1px solid #ccc;
     }
     #index.series-index ul.ui-tabs-nav li a[href^="#tab"] {
        width: 80%;
        float: left;
    }
     .alphabeticalGroup .dot, .mobile-press-series-div,
     .mobile-distributed-series-div, .mobile-subject-series-div {
         display: none;
     }
     .alphabeticalGroup {
         background-color: #eee;
         width: 100%;
         margin-left: 0;
         padding: 0;
         margin-top: 0;
         text-align: center;
     }
     #index.series-index .col {
         float: none;
         margin-bottom: 7%;
         margin-left: 0;
     }
     .letter a {
         color: #000;
         font-weight: bold;
     }
     #index.series-index #main .letter a:link, #index.series-index #main .letter a:visited,
     #index.series-index #main .letter a:active {
         color: #337E93;
         border-bottom: 1px solid #337E93;
     }
     .letter {
         color: #707070;
         font-size: 10px;
         padding: 1px;
     }
     #index.series-index .booktabs {
         padding-top: 0;
     }
     .mobile-press-series, .mobile-distributed-series,
     .mobile-subject-series {
         border-bottom: 1px solid #ccc;
         padding: 3%;
         width: 93%;
     }
     .mobile-press-series-div, .mobile-distributed-series-div,
     .mobile-subject-series-div {
         margin-top: 4%;
     }
     .mobile-press-series {
         border-top: 1px solid #ccc;
     }
     .mobile-press-series-div .col ul, .mobile-distributed-series-div .col ul,
     .mobile-subject-series-div .col ul, .mobile-press-series-div .col ul li,
     .mobile-distributed-series-div .col ul li, .mobile-subject-series-div .col ul li {
         width: 100%;
         list-style-image: none;
         line-height: 1.9em;
     }
     #index.series-index .col a:link,  #index.series-index .col a:visited,
     #index.series-index .col a:active {
         border-bottom: none;
     }
     #index.series-index .col a:hover {
         color: #4e4e4e;
         border-bottom: 1px solid #337E93;
     }
     #index.series-index .col li span:hover,
     #index.subject-index ul li span:hover,
     #index.subject-index ul li span:hover {
         color: #337e93;
     }
     .mobile-distributed-series-div .col span, .mobile-subject-series-div .col span {
         background: url(/dms/ucp/images/layout/listing-inactive.gif) 0 2px no-repeat;
         margin-left: 3%;
         padding-left: 6%;
     }
     #index.series-index .parent-open-series span {
         background-position-y: 2px !important;
     }
     #index.series-index .col ul li ul {
         margin-left: 4%;
     }

     /* New Books page */
     #details.new-books .browse {
         display: none;
     }
     #details.new-books .mobile-cart {
         margin-right: 3%;
     }
     #details.new-books form#searchForm input#searchbar {
         width: 80%;
     }
     #details.new-books #wrapper-3 #main {
         margin-top: 26%;
         margin-left: 1%;
     }
     #details.new-books form#filter label {
         padding-left: 1%;
     }
     #details.new-books .ui-tabs .ui-tabs-nav li {
         border: 1px solid #ccc;
         background: #f1eee5;
         width: 30%;
         margin-right: 2%;
     }
     #details.new-books .bookListContainer a img {
         padding-left: 2%;
     }
     #details.new-books .mobile-rss,
     .mobile-newbooks-options-div {
         display: none;
     }
     #details.new-books .ui-state-active a,
     #details.new-books .ui-state-active a:link,
     #details.new-books .ui-state-active a:visited {
         background: none !important;
     }
     #details.new-books .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
     #details.new-books .ui-tabs .ui-tabs-nav li.ui-state-active {
         background-color: white;
         border-bottom: none;
         height: 28px;
     }
     #details.new-books .ui-state-active a,
     #details.new-books .ui-state-active a:link,
     #details.new-books .ui-state-active a:visited {
         border-top: none;
     }
     #details.new-books .ui-tabs .ui-tabs-panel {
         border: 1px solid #ccc;
         width: 100%;
         margin-top: 0;
     }
     #details.new-books #promo-1 {
         background: none;
     }
     #details.new-books .ui-tabs .ui-tabs-nav li span {
         letter-spacing: 1px;
         vertical-align: sub;
     }
     #details.new-books #tab-list ul {
         margin-left: 4%;
     }
     .mobile-newbooks-options {
         border-top: 1px solid #ccc;
         border-bottom: 1px solid #ccc;
         margin-top: 6%;
         padding: 2%;
     }
     .mobile-newbooks-options-div form#filter div {
         margin-top: 4%;
         font-size: 3.5vw;
         line-height: 2.5em;
     }
     #details.new-books .mobile-newbooks-options-div .promo-text .sub-text,
     #details.new-books #promo-1 .promo-text{
         border-top: none;
     }
     #details.new-books .mobile-newbooks-options-div .promo-text .sub-text {
         padding: 0;
         margin-left: 1%;
     }
     #details.new-books .mobile-generalreader-header {
         float: none;
         width: 100%;
     }
     #details.new-books .ui-tabs .ui-tabs-nav li a {
         width: 92%;
         text-align: center;
     }
 }

/* For landscape */

@media only screen and (max-width:767px)
and (orientation : landscape) {
    .mobile-cart {
        margin-right: 3%;
        margin-top: 3%;
    }
    #details.new-books form#searchForm input#searchbar {
        width: 84%;
    }
    #index.subject-index #cart {
        margin-right: 7%;
        margin-top: 2%;
    }
    #details.series-booklist #cart, #details.subject-booklist #cart,
    #details.book-product .mobile-cart,
    #details.author .mobile-cart {
        margin-right: 7%;
        margin-top: 2%;
    }
    #htmlPage.pages .mobile-cart,
   /* #htmlPage.info #cart*/ {
        top: 37%;
    }
    #htmlPage.pages .mobile-cart {
        margin-right: 3%;
    }
    #details.series-booklist .mobile-cart, #htmlPage.info #cart {
        margin-right: 7%;
    }
    .letter {
        padding: 6px;
    }
    #index.series-index #wrapper-3 #main,
    #index.subject-index #wrapper-3 #main{
        margin-top: 24%;
    }
    #details.subject-booklist #wrapper-3 #main {
        margin-top: 18%;
    }
    #details.series-booklist #wrapper-3 #main {
        margin-top: -2%;
    }
    #details.book-product #wrapper-3 #main,
    #details.author #wrapper-3 #main,
    #htmlPage.info #wrapper-3 #main {
        margin-top: 21%;
    }
}

/* target iPhone only */
@media (max-device-width:320px) {
    .letter {
        padding: 0.3px;
    }

}

/* iphone landscape */

@media (max-device-width:320px)
and (orientation : landscape) {
    .letter {
        padding: 1.7px;
    }
}



