/** Declarations to be listed in alphabetical order **/ body:not(.popup):not(.popup-container) {background-color:#F4F4F4;min-width: 1024px;} body.popup {background-color: #FFFFFF; padding:20px;} .round-3 {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; behavior: url('/template-resources/pie/PIE.htc');} .round-8 {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative; behavior: url('/template-resources/pie/PIE.htc');} #body {background-color:#FFFFFF; box-shadow:3px 0 3px -3px #AAAAAA, -3px 0 3px -3px #AAAAAA; -moz-box-shadow: 3px 0 3px -3px #AAAAAA, -3px 0 3px -3px #AAAAAA; -webkit-box-shadow: 3px 0 3px -3px #AAAAAA, -3px 0 3px -3px #AAAAAA; position:relative; behavior: url('/template-resources/pie/PIE.htc');} th {font-weight:bold;} .help-icon-wrapper {display: inline-block; padding-right: 20px; position: relative;} .help-icon {background: #fff; border: 2px solid #bbb; border-radius: 15px; box-sizing: border-box; color: #b6b6b6; cursor: pointer; display: inline-block; font-size: 14px; margin-left: 15px; padding: 3px 4px 2px;} .help-icon-content {background-color: #fff; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 1px 3px #999; color: #333; display: none; font-size: 12px; font-weight: normal; left: 60px; line-height: 17px; padding: 15px; position: absolute; top: -45px; width: 280px; z-index: 15;} .help-icon-contentLeft {left: -315px;} .help-icon-hover:hover .help-icon-content {display: block;} .help-icon-arrow {background-color: #fff; border-top: 1px solid #aaa; border-left: 1px solid #aaa; height: 12px; left: -7px; position: absolute; top: 50px; width: 12px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .help-icon-contentLeft .help-icon-arrow {left: auto; right: -7px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);} /* Header & Footer Styles */ #body, #header .content, #top-bar .content, #top-nav .content, #top-nav-selector .content, #sub-nav .content, #footer .content {margin:auto; width:1024px;} /*#header {width:100%; height:124px; background-color: #075F20; position:relative; z-index:99;}*/ #header .header-postage-stamp {background: transparent url('//images.booktopia.com.au/assets/header/header-postage-stamp.png') no-repeat center center; height: 124px; left: 410px; position: absolute; top: 0; width: 143px;} .ie.lte9 #header .header-postage-stamp {background-image: url('//images.booktopia.com.au/assets/header/header-postage-stamp-ie9.png');} #header.header-checkout #logo {margin-top:-10px;} #header.header-checkout .header-postage-stamp{background-size:111%; width:95px;height:95px;} #white-bar {height:8px; background-color:#FFFFFF;} #top-bar #awards {background:#FFFFFF; height:60px; float:right; width:181px; padding:5px 5px; margin-right:8px; position:relative; z-index:999;} #flag {position:relative; z-index:999;} #header #logo {margin-left:10px; float:left;} #footer {min-width:1024px; width:100%;} #footer #top-bar {background-color:#EBEBEB; border-top:1px solid #FFFFFF; height:40px; outline: 1px solid #CCCCCC; padding:11px 0; position:relative;} #footer #bottom-bar {background-color:#EBEBEB; border-bottom:1px solid #FFFFFF; height:48px; padding:7px 0} #footer #links {background-color: #075f20; color:#FFFFFF; padding:40px 0 0 10px;} #footer #links .content {width:1004px;} #footer ul {border-top: 1px solid #097427; display:inline-block; vertical-align:top; margin-bottom:30px; padding-top:10px; width:100%;} #footer ul.left {padding-right: 20px;} #footer li {font-size:13px; line-height: 20px;} #footer a, #footer a:visited, #footer a:hover {color:#FFFFFF;} #footer h4 {border-bottom: 1px solid #044617; color: #FFFFFF; font-size: 20px; margin-bottom:0; padding-bottom:5px;} #footer h4 a:hover{text-decoration: none;} #footer .newsletter-sign-up-holder {display:inline-block; vertical-align:top; padding:10px 0 0 12px; width:435px;} #footer #newsletter-sign-up form {background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; display: inline-block; height: 31px; margin-left: 6px; padding: 4px 0 0 8px; position: relative; top: -4px; width: 305px;} #footer #newsletter-sign-up input[type="email"] {border:none; font-size:13px; height: 22px; width:208px;} #footer #newsletter-sign-up input[type="button"] {cursor: pointer; height:30px; padding:5px 10px; position:absolute; right:-4px; top:0px; box-sizing: border-box; } #footer #phone {display:inline-block; font-size:11px; padding:0 25px 0 12px; text-align:center;} #footer #phone a, #footer #address a {color:#53565A;} #footer #phone h1 {display:inline-block; font-size:26px; line-height: 24px; margin:0;} #footer #phone span {display: block;} #footer #address {display:inline-block; font-size:12px; line-height:15px; margin-right:45px; padding-top:2px; vertical-align:top;} #footer a.button, #footer #newsletter-sign-up input[type="button"], #newsletter-sign-up-popup a.button {transition:box-shadow 0.5s linear;background: #009933;behavior: url('/template-resources/pie/PIE.htc'); color:#FFFFFF; display:inline-block; font-size:11px; font-weight:bold; } #footer a.button:hover, #footer #newsletter-sign-up input[type="button"]:hover, #newsletter-sign-up-popup a.button:hover{box-shadow:inset 200px 0px 0px #075f20;} #footer a.button, #newsletter-sign-up-popup a.button {height:23px; margin:8px 45px 0 0; padding-top:10px; position:relative; text-align:center; text-decoration: none; vertical-align:top; width:100px;} #footer #payment-types {margin-top:12px; vertical-align:top;} #footer #awards {background-color: #FFFFFF; border-top: 1px solid #CCCCCC; color:#999999; font-size:12px; text-align:center; padding:20px 0 10px;} #footer #awards img {padding-bottom:10px;} #footer #awards.faded img {opacity: 0.5; filter: alpha(opacity = 50);} #footerNewsletterForm input[type="button"]{border:none;} #newsletter-sign-up-popup {background-color:#FFFFFF; padding:10px 0; text-align:center;} #newsletter-sign-up-popup a.button {margin:5px 0 0; width:145px;} #top-bar {width:100%; height: 40px; background-color:#FFFFFF;} #top-bar #fb-like {float:left; margin: 5px 0 0; max-height:30px; width: 100px;} #top-bar #phone {float:left; margin:6px 0 0 12px; font-weight:bold; color:#ff6633; font-size:15px;} #top-bar #help{float:left; margin:6px 0 0 8px; font-weight:bold; color:#ff6633; font-size:15px;} #top-bar #tracker{float:left; margin:6px 0 0 8px; font-weight:bold; color:#ff6633;font-size:15px;} #top-bar #help a:hover,#top-bar #tracker a{text-decoration: none;} #top-bar #links { margin-top:6px;margin-right:5px; text-align:right; font-size:14px; padding-left: 15px;} #top-bar #links .icon-user {background: none repeat scroll 0 0 #999999; border: 1px solid #cccccc; border-radius: 25px; color: #efefef; display: inline-block; height: 14px; margin-left: 3px; margin-right: 4px; text-align: center; width: 14px;} #top-bar #links .icon-heart2 {background: none repeat scroll 0 0 #ffffff; color: #009933; display: inline-block; font-size: 14px; margin-right: 3px; width: 20px;} #top-bar #links .icon-heart {color: #fff; display: inline-block; font-size: 14px; margin-right: 5px; width: 15px;} #my-account-email {display:inline-block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:170px;} .persistent-nav-bar {background-color: #076020; box-shadow: 0 0 2px #333; display:none; height: 44px; position:fixed; left:0; top:0; width:100%; z-index:9900;} .persistent-nav-bar-inner {background-color: #3f8a23; height: 44px; margin: 0 auto; position: relative; width: 1024px;} .persistent-nav-bar-shadow {height: 44px; position: absolute; top: 0; width: 5px;} .persistent-nav-bar-shadowLeft {background-image: -webkit-linear-gradient(left, transparent, #494949); background-image: -moz-linear-gradient(left, transparent, #494949); background-image: linear-gradient(to right, transparent, #494949); left: -5px;} .persistent-nav-bar-shadowRight {background-image: -webkit-linear-gradient(right, transparent, #494949); background-image: -moz-linear-gradient(right, transparent, #494949); background-image: linear-gradient(to left, transparent, #494949); right: -5px;} .persistent-quicklinks-wrapper {float: left; position: relative; width: 220px;} .persistent-quicklinks {color: #fff; display: block; font-size: 15px; height: 44px; line-height: 44px; padding-left: 10px;} .persistent-quicklinks:hover {color: #fff; text-decoration: none;} .persistent-quicklinks span {display: block; float: left; font-size: 25px; line-height: 43px; overflow: hidden; width: 32px;} .persistent-quicklink-list {background-color: #f4f4f4; box-shadow: 0 1px 3px #999; display: none; left: 0; padding-bottom: 8px; position: absolute; top: 44px; width: 220px;} .persistent-quicklinks-wrapper:hover .persistent-quicklink-list, .persistent-quicklink-list-open {display: block;} .persistent-quicklink-list li { margin: 0 0 0 15px; } .persistent-quicklink-list li a {border-bottom: 1px solid #ccc; border-top: 1px solid #fff; color: #333; display: block; line-height: 40px; text-decoration: none;} .persistent-quicklink-list li:first-child a {border-top: 0;} .persistent-quicklink-list li:last-child a {border-bottom: 0;} .persistent-quicklink-list li a:hover {color: #009933;} .persistent-quicklink-list li a span {color: #333; float: left; font-size: 17px; line-height: 40px; margin-right: 10px;} .persistent-quicklink-list li a span.right-arrow {display: none; float: right; margin: 0;} .persistent-quicklink-list li a:hover span.right-arrow {display: block;} .persistent-search-box {float: right;} .persistent-search-box .skinned-select select {top: 0; width: 107px;} /*#top-nav #shopping-cart-summary-extended {float:right; height:35px; width:265px; margin: 5px 8px 0 0; background:url('//images.booktopia.com.au/assets/header/header-buttons-sprite.png') no-repeat scroll -168px -43px transparent;}*/ /*#top-nav #shopping-cart-summary-extended .numItems, #shopping-cart-summary .total {font-size:14px; padding-top:8px; color: #53565A; font-weight:bold;}*/ /*#top-nav #shopping-cart-summary-extended .numItems {text-align:center; width:87px; float:left;}*/ /*#top-nav #shopping-cart-summary-extended .total {text-align:center; width:80px; margin-left:10px; float:left;}*/ #shopping-cart-summary {float:right; height:40px; line-height:40px; width:188px; background-color: #fff; } #shopping-cart-summary .numItems, #shopping-cart-summary .total {font-size:14px; color: #53565A; font-weight:bold;} #shopping-cart-summary .numItems {text-align:center; width:70px; float: left;} #shopping-cart-summary .total {text-align:center; width:80px; margin-left:10px; float:left; display:none;} #shopping-cart-summary .icon-cart {color: #aaa; float: left; font-size: 20px;line-height: 40px;} #shopping-cart-summary .checkout-text {transition:box-shadow 0.5s linear;background: #0099dd;color: #fff; float: right; font-size: 12px; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; width: 86px;} #shopping-cart-summary .checkout-text:hover {box-shadow: inset 200px 0px 0px #007ab3;} #shopping-cart tr.cart-item .red{color: #cc0000; font-weight: bold;} #breadcrumbs {background-color:#f9f9f9; border-bottom: 1px solid #cccccc; color: #000000; font-weight: normal; padding:10px 10px 5px;} #breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:hover {color:#009933; font-weight: normal; text-decoration:none;} #breadcrumbs a:hover {border-bottom:1px dotted;} .vertical-spacer-1 {height: 1px; clear: both;} .vertical-spacer-2 {height: 2px; clear: both;} .vertical-spacer-5 {height: 5px; clear: both;} .vertical-spacer-10 {height: 10px; clear: both;} .vertical-spacer-25 {height: 25px;} .vertical-spacer-30 {height: 30px;} #content {padding:12px; min-height:600px;} #banner a.tile {border: 1px solid #ccc; display:inline-block; height:200px; margin-top:9px; overflow:hidden; width:200px; /*box-shadow:0 1px 5px 0 #4A4A4A; -moz-box-shadow: 0 1px 5px 0 #4A4A4A; -webkit-box-shadow: 0 1px 5px 0 #4A4A4A;*/ position:relative; behavior: url('/template-resources/pie/PIE.htc');} /** Generic Shadow **/ .shadow-bottom {-moz-box-shadow: 0 3px 3px -3px #AAA; -webkit-box-shadow: 0 3px 3px -3px #AAA; box-shadow: 0 3px 3px -3px #AAA; position:relative; behavior: url('/template-resources/pie/PIE.htc');} .shadow {box-shadow:0 1px 5px 0 #4A4A4A; -moz-box-shadow: 0 1px 5px 0 #4A4A4A; -webkit-box-shadow: 0 1px 5px 0 #4A4A4A; position:relative; behavior: url('/template-resources/pie/PIE.htc');} /** Category & Search Results h1.banner {background-color:#53565A; color:#FFFFFF; display:block; font-size:28px; font-weight:normal; margin: 0 -11px; min-height:34px; padding:8px 0; text-align:center; text-transform: uppercase; box-shadow:0 3px 3px 0 #AAAAAA; -moz-box-shadow: 0 3px 3px 0 #AAAAAA; -webkit-box-shadow: 0 3px 3px 0 #AAAAAA;} h1.banner[color="orange"] {background-color:#ff6633; color:#FFFFFF;}**/ h1.banner{margin-top: 20px; font-size: 38px; border-bottom: 1px solid #cccccc; padding-left: 15px; margin-bottom: 1px; padding-bottom: 10px;} .pagefold{display: none;} h2.banner {background-color:#E0E0E0; display:block; font-size:20px; font-weight:normal; height:20px; margin: 0; padding:10px 15px; position:relative; text-transform: uppercase; box-shadow:0 2px 2px 0 #AAAAAA; -moz-box-shadow: 0 3px 3px 0 #AAAAAA; -webkit-box-shadow: 0 3px 3px 0 #AAAAAA; behavior: url('/template-resources/pie/PIE.htc');} h2.ribbon {background:url('//images.booktopia.com.au/assets/ribbon-green.png') no-repeat scroll 0 0 transparent; color:#FFFFFF; font-weight:normal; font-size:14px; height:30px; margin: 0 0 -15px 315px; text-align:center; padding-top:16px; width:180px;} h2.drop-ribbon {background-image: url("//images.booktopia.com.au/assets/drop-ribbon-grey.png"); background-position: 0 0; background-repeat: no-repeat; color: #009933; font-size: 13px; font-weight: bold; height: 58px; margin: 0; padding: 20px 8px 0; position: absolute; right: 2px; text-align: center; text-shadow: 1px 1px 1px #fff; top: 21px; width: 66px;} .pagefold {margin:-1px -11px -8px; padding:0 11px; position:relative; height:8px; width:100%;} .pagefold .left, .pagefold .right {background: url('//images.booktopia.com.au/assets/pagefolds.png') no-repeat scroll 0 -15px transparent; height:8px; position:absolute; top:0; width:11px;} .pagefold .left {left:0;} .pagefold .right {background-position:-20px -15px; right:0;} .pagefold[color="orange"] .left {background-position: 0 0;} .pagefold[color="orange"] .right {background-position: -20px 0;} #search-results h1 {font-size:24px; margin:5px 0 5px;} #search-results #refine-search {font-weight:bold; margin-bottom:10px;} #search-results #category-matches, #search-results #series-matches, #search-results #promo-matches {font-weight:bold; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #category, #sign-in {padding-top:0px;} /** Product Browse **/ #product-browse {line-height:18px;} #product-browse .title {max-height:54px; overflow:hidden;} #product-browse .product-details {height:90px; overflow:hidden;} #product-browse .product {border-left:2px solid #E0E0E0; padding: 0 8px;} #product-browse .product .buy-button a{transition:all 0.5s linear;} #product-browse .product:hover .buy-button a{opacity:1;} #product-browse .product.first, #product-browse .tile.first {border-left:2px solid transparent;} #product-browse .tile {border-left:2px solid #E0E0E0; padding: 5px 12px 0;} #product-browse .separator {border-top:2px solid #E0E0E0; margin:10px;} /* Normal covers - signed copy - to be activated when logic is ready #product-browse .tile img, #shopping-cart .image img, #wishlist .image img, #gift-certificates a img {box-shadow:0 0px 2px 0 #4A4A4A; -moz-box-shadow: 0 0px 2px 0 #4A4A4A; -webkit-box-shadow: 0 0px 2px 0 #4A4A4A; position:relative; behavior: url('/template-resources/pie/PIE.htc');} #product-browse .image {display: block; height: 260px; line-height: 456px; margin-bottom: 10px; margin-top: 20px; text-align: center; width: 100%;} #product-browse .image a{display: inline-block; position: relative; line-height: 0;} #product-browse .image a img { border: none; vertical-align: bottom;} #product-browse .image ins {background: url("//images.booktopia.com.au/assets/signed-copy.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 112px; left: -7px; position: absolute; top: -7px; width: 112px;} */ /* Normal covers */ #product-browse .image {height:260px; width:100%; position:relative; margin:10px 0 0; } #product-browse .tile img, #shopping-cart .image img, #gift-certificates a img {box-shadow:0 0px 2px 0 #4A4A4A; -moz-box-shadow: 0 0px 2px 0 #4A4A4A; -webkit-box-shadow: 0 0px 2px 0 #4A4A4A; position:relative; behavior: url('/template-resources/pie/PIE.htc');} #product-browse .image img {position:absolute; bottom:10px; left:10px; max-height:250px; width:150px; box-shadow:0 0px 2px 0 #4A4A4A; -moz-box-shadow: 0 0px 2px 0 #4A4A4A; -webkit-box-shadow: 0 0px 2px 0 #4A4A4A; behavior: url('/template-resources/pie/PIE.htc');} #product-browse .image .signed-copy-sticker {background: transparent url("//images.booktopia.com.au/assets/grid-badge.png") no-repeat 0 0; height: 27px; left: 0; position: absolute; text-indent: -9999px; top: 5px; width: 152px;} /*Special occasion icons */ .special-occasion-icon,#product-browse .product-results .special-occasion-icon, #wishlist table .image .special-occasion-icon {background: transparent url("//images.booktopia.com.au/assets/promotions/occasion-icon.png") no-repeat center 0; display: block; height: 42px; right: 0; position: absolute; top: 0; width: 36px;z-index: 1;} #wishlist table .image .special-occasion-icon {right: -10px; top: -10px;} .slick-slide .special-occasion-icon{right:-10px;top:-10px;} #top-product-section .special-occasion-icon{top:-15px;right:-15px;} .product-carousel-priced-7 .special-occasion-icon{top:30px;} /* Adult Content covers */ #product-browse .tile svg image, #shopping-cart .image svg image, #wishlist .image svg image, #gift-certificates a svg image {box-shadow:0 0px 2px 0 #4A4A4A; -moz-box-shadow: 0 0px 2px 0 #4A4A4A; -webkit-box-shadow: 0 0px 2px 0 #4A4A4A; position:relative; behavior: url('/template-resources/pie/PIE.htc');} #product-browse .image svg {position:absolute; bottom:10px; left:10px; max-height:250px; width:150px;} #product-browse .image svg image {max-height:250px; width:150px; box-shadow:0 0px 2px 0 #4A4A4A; -moz-box-shadow: 0 0px 2px 0 #4A4A4A; -webkit-box-shadow: 0 0px 2px 0 #4A4A4A; behavior: url('/template-resources/pie/PIE.htc');} #product-browse a.title, #product-browse a.title:visited, #product-browse a.title:hover {font-weight:bold; color:#414042;} #product-browse a.subtitle, #product-browse a.subtitle:visited, #product-browse a.subtitle:hover {font-style:italic; color: #53565A;} #product-browse a.subtitle:hover {border-bottom:1px dotted; text-decoration:none;} #product-browse .authors a, .authors a:visited, .authors a:hover {border-bottom:none; display:block; text-decoration:underline;} #product-browse .reviews-rating {height:22px; padding-top:2px;} #product-browse .reviews-rating a {color:#53565A;} #product-browse .delivery {border-top:2px dotted #E0E0E0; border-bottom:2px dotted #E0E0E0; height:34px; position:relative;} #product-browse .delivery .pre-order, #product-browse .delivery .arriving-soon {padding:9px 0 0; font-weight:bold; font-size:12px;} #product-browse .delivery .pre-order {color:#64257D; text-transform:uppercase;} #product-browse .delivery .arriving-soon {color:#e75019; font-size:11px;} #product-browse .delivery .ships-today, #product-browse .delivery .ships-tomorrow, #product-browse .delivery .ships-2-days , #product-browse .delivery .ships-3-days, #product-browse .delivery .ships-4-days {position:absolute; right:0;top:8px;font-size: 12px;} #product-browse .delivery .instant-download,#product-browse .delivery .digital-delivery {position:absolute; left:12px; top:6px;} #product-browse .delivery .in-stock,#product-browse .delivery .is-available-in-future {position:absolute; left:0; top:8px;font-size: 12px;} #product-browse .price {position:relative; padding-bottom:10px;} #product-browse .price .rrp {color:#C8C8C8; font-size:12px; font-weight:bold; height:18px; padding:5px 0;} #product-browse .price .sale-price,#product-browse .price .member-sale-price {font-size:22px; color:#414042; font-weight:bold;display: block;} #product-browse .price .save {background:url('//images.booktopia.com.au/assets/stars.png') no-repeat scroll 0px 0px transparent; height:36px; width:45px; position:absolute; right:5px; top:5px; padding-top:9px; text-align:center; font-weight:bold; font-size:12px; color:#FFFFFF; line-height:12px;} #product-browse .buy-button .order-now .icon, .product-carousel-4 .buy-button .order-now .icon, .product-carousel-5 .buy-button .order-now .icon, .product-carousel-grid-6 .buy-button .order-now .icon, .product-carousel-priced-7 .buy-button .order-now .icon { right: 3px; } #product-browse .buy-button .order-now .button-text, .product-carousel-4 .buy-button .order-now .button-text, .product-carousel-5 .buy-button .order-now .button-text, .product-carousel-grid-6 .buy-button .order-now .button-text, .product-carousel-priced-7 .buy-button .order-now .button-text { margin-left: 3px; margin-right: 25px; } /*.ships-today, .ships-tomorrow, .ships-2-days, .ships-3-days, .ships-4-days {background:url('//images.booktopia.com.au/assets/ships/ships-orange-grey-2.png') no-repeat scroll !**-93px -107px -28px **! transparent; height:29px; width:100px;}*/ /*.ships-today {background-position: -107px -61px; width:89px;}*/ /*.ships-tomorrow {background-position: -109px -153px;}*/ /*.ships-2-days {background-position: -110px -27px; width:96px;}*/ /*.ships-3-days {background-position: 0px -124px; width:96px;}*/ /*.ships-4-days {background-position: -110px -124px; width:96px;}*/ /*.instant-download {background:url('//images.booktopia.com.au/assets/ships/instant-download.png') no-repeat scroll -6px 0 transparent; height:22px; width:145px;}*/ .instant-download{color:#e75019;font-weight: bold;color: #e75019;text-transform: uppercase;font-size:12px;} .instant-download em{color:#a7a7a7;font-weight: bold;font-style: normal;} .instant-download span, .digital-delivery span{font-size: 1.3em;padding:0 3px;} .digital-delivery{color:#e75019;font-weight: bold;color: #e75019;text-transform: uppercase;font-size:12px;} .digital-delivery em{font-weight: bold;} #product-information .instant-download, #product-information .digital-delivery{font-size: 14px;} /*.in-stock {background:url('//images.booktopia.com.au/assets/in-stock.png') no-repeat scroll 0px -19px transparent; height:15px; width:67px;}*/ /*#product-alternate-formats .in-stock, #product-alternate-formats .ships-today, #product-alternate-formats .ships-tomorrow, #product-alternate-formats .ships-2-days, #product-alternate-formats .ships-3-days, #product-alternate-formats .ships-4-days{float: left;}*/ .buy-button {height:28px;} .buy-button .buy-now, .buy-button .pre-order, .buy-button .ebook, .buy-button .book-club-buy-now {transition:box-shadow 0.5s linear;background: #483693; color: #fff !important; font-weight: bold; height: 28px; line-height: 28px; position: relative; text-align: center; text-decoration: none; width: 130px;} .buy-button .buy-now {background: #0099dd; width: 120px;} .buy-button .buy-now:hover{box-shadow:inset 130px 0px 0px #007ab3;} .buy-button .pre-order:hover{box-shadow:inset 130px 0px 0px #2f3b93;} .buy-button .ebook {width: 130px;} .buy-button .buy-now span, .buy-button .pre-order span, .buy-button .ebook span {display: inline-block; line-height: 29px; margin-right: 31px;} .buy-button .ebook span {margin-right: 23px;} .buy-button .buy-now .icon, .buy-button .pre-order .icon, .buy-button .ebook .icon {color: #fff; position: absolute; right: 10px; font-size: 20px; line-height: 28px; margin: 0; top: 0;} .buy-button .ebook .icon {font-size: 19px; line-height: 26px; right: 11px;} .buy-button .buy-now .icon-download{right:13px;} .play-button {background:url('//images.booktopia.com.au/assets/play-button-white.png') no-repeat scroll 0 0 transparent; height:45px; left:120px; position:absolute; top:85px; width:45px;} .play-button:hover {background-position:-60px 0;} .write-a-review-button {background-color: #6aad45; border-radius: 3px; display:block; float:right; height:28px; line-height: 28px; margin:5px 15px; padding: 0 32px 0 10px; position: relative; z-index: 99;} .write-a-review-button span {color: #fff; font-size: 12px; font-weight: bold; line-height: 29px;} .write-a-review-button span.icon {font-size: 18px; font-weight: normal; line-height: 27px; position: absolute; right: 8px; top: 0;} #product-browse .buy-button .button {display:block; opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0;} #product-browse .image a:hover img, #gift-certificates a:hover img, #product-browse .tile a:hover img, .feature-box a.tile:hover, .jcarousel-skin-booktopia .image:hover {box-shadow:0 0px 7px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0px 7px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0px 7px 0 rgba(0,0,0,0.4);} #gift-certificates .product {padding:20px 0 10px;text-align:center} #gift-certificates .product a, #gift-certificates .product a:visited, #gift-certificates .product a:hover {font-weight:bold; color:#414042;} #gift-certificates .product img {margin-bottom:5px;} .pagination {color:#C8C8C8; /**position:absolute; left:50%; margin-left:-175px; right:245px;**/ text-align:center; } .pagination a, .pagination a:visited, .pagination a:hover {background-color:#C8C8C8; color:#FFFFFF; font-size:13px; font-weight:bold; padding:5px 10px; text-decoration:none;} .pagination a:hover {background-color: #53565A} .pagination a.active, .pagination a.active:visited, .pagination a.active:hover {background-color:#ff6633;} /*One button - buy series*/ #buy-series{background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ccc; border-radius: 3px; display: block; height: 46px; line-height: 40px; margin: 0px; width: 100%;} #buy-series .new{background: none repeat scroll 0 0 #009933; color: #ffffff; float: left; font-weight: bold; margin: 0; padding: 3px 4px 3px 7px;} #buy-series .arrow-right {width: 0; height: 0; float: left; border-bottom: 23px solid transparent; border-left: 14px solid #009933; border-top: 23px solid transparent;} #buy-series .buyAllTotalPrice{float: left; font-size: 14px; line-height: 44px; margin-left: 10px;} #buy-series .buyAllTotalPrice span {color: #009a3e;} #buy-series .buy-all-button {transition:box-shadow 0.5s linear;background: #0099dd; color: #fff; float: right; font-weight: bold; height: 28px; line-height: 28px; margin: 9px 9px 0 0; padding: 0 10px; position: relative; text-decoration: none; width: 235px;} #buy-series .buy-all-button:hover {box-shadow: inset 300px 0px 0px #007ab3;} #buy-series .buy-all-button span {line-height: 29px;} #buy-series .buy-all-button span.icon {font-size: 20px; margin: 0; position: absolute; right: 10px; top: 0;} #product #buy-series {margin-top: -1px;} #body #product .product-carousel-5 {border-top: 1px solid #ccc; margin: 0 -12px; padding: 35px 20px;} .product-carousel-5 h2{font-weight: bold!important;} #body #product .product-carousel-5 .jcarousel-skin-booktopia { background-color: #fff;} .page-controls {background-color:#F4F4F4; /*border:1px solid #D4D4D4;*/ font-weight:bold; margin:0px -12px 0; padding: 10px; position:relative; } .page-controls select {color:#53565A; font-size:12px; font-weight:normal; margin-top: 8px;} .page-controls .numresults {width:250px;} .page-controls .page-size {display:inline-block; margin-left:0px;} .page-controls .page-size a {text-decoration:underline;} .page-controls .sort {margin-right:0; position:absolute; right:8px; top:0px;} .option-holder {display:none;} #category-landing #body h1, .author-landing #body #author h1{border-bottom: 1px solid #cccccc; font-size: 34px; margin-bottom: 0; padding: 16px 10px; position: relative;} #product-filter {height: 100%; padding: 5px;background: #f4f4f4;} #product-filter h4 {background: #fff;clear: both; color: #52555a; font-size: 14px; font-weight: bold; margin-bottom: 0; padding: 10px 0 12px 8px;margin-top: 10px;} #product-filter h4.top {border-top: 0 none; margin-top: 0px;background: #f4f4f4;} #product-filter.top h4 {border:none;margin-top:0;} #product-filter ul, #product-filter #grades, #product-filter #language, #product-filter #grades{background: none repeat scroll 0 0 #ffffff; border: 0 none; margin-bottom: 0; padding: 0 8px; position: relative;} #product-filter li a, #product-filter li a:visited, #product-filter li a:hover {color:#53565A; display:block; font-size:12px; text-decoration:none; border: 2px solid transparent;} #product-filter .has-scrollbar li a {width:160px;} #product-filter li a {padding: 6px;border-radius: 5px;transition: padding 0.1s linear;} #product-filter li a:hover {border: 2px solid #ccc;} #product-filter ul.active {color:#555; background-color:#fff;} #product-filter #language .skinned-select {background: url("//images.booktopia.com.au/assets/arrow-down.png") no-repeat scroll 166px 15px #ffffff; border: 1px solid #ccc; height: 40px; width: 100%;box-sizing: border-box;} #product-filter #language .skinned-select select{left: -6px; top: -6px; width: 196px;height:40px;} #lists a#reduced-to-clear {color:#E41B13} /** Classes imagelink and name are required to make the stars top-aligned and the counts bottom-aligned */ #product-filter .imagelink {line-height:16px; padding:6px 8px;} #product-filter .name {font-size:15px;} #product-filter .results {font-size:11px;} #product-filter li a.active, #product-filter li a.active:visited, #product-filter ul.active a, #product-filter ul.active a:visited {font-weight:bold; position:relative; margin:4px 0px;padding-left:10px;border:2px solid #ccc;} #product-filter li:first-child a.active, #product-filter ul.active li:first-child a {margin-top:0px;} #product-filter #current-filters ul.active{padding-bottom:5px;} #product-filter #current-filters ul.active a{background: #f4f4f4;border:none;} #product-filter #current-filters ul.active a i{float:right;font-size:16px;color:#009933;} #product-filter .b-checkbox > label {float: none;padding:2px 0px 2px 25px; box-sizing: border-box;} #product-filter .b-checkbox > label:after{width:15px;height:15px;background-position: -2px -2px;background-size: 16px;border-radius: 0;} #product-filter #grades .left {float:left;width:50%} #product-filter #grades .right {float:right;width:50%} #product-filter #grades a .checkbox, #product-filter #grades a .radio-button {background:url('//images.booktopia.com.au/assets/product-filter-elements.png') no-repeat scroll -25px 0px transparent; height:14px; margin-right:5px; width:15px; display:inline-block;} #product-filter #grades a.selected .checkbox, #product-filter #grades a.selected:hover .checkbox {background:url('//images.booktopia.com.au/assets/product-filter-elements.png') no-repeat scroll 0px 0px transparent; height:14px; margin-right:5px; width:15px; display:inline-block;} #product-filter #grades a:hover .checkbox {background:url('//images.booktopia.com.au/assets/product-filter-elements.png') no-repeat scroll -126px 0px transparent; height:14px; margin-right:5px; width:15px; display:inline-block;} #product-filter #grades a, #product-filter #grades a:visited, #product-filter #grades a:hover {color:#53565A; display:block; font-size:12px; padding:2px 0px; text-decoration:none;} #product-filter #language .skinned-select{margin: 10px 0px;} #product-filter #language .skinned-select .select-text{line-height: 40px;} #product-filter #formats a .checkbox, #product-filter #formats a .radio-button {background:url('//images.booktopia.com.au/assets/product-filter-elements.png') no-repeat scroll -25px 0px transparent; height:14px; margin-right:5px; width:15px; display:inline-block;} #product-filter #formats a.selected .checkbox, #product-filter #formats a.selected:hover .checkbox {background:url('//images.booktopia.com.au/assets/product-filter-elements.png') no-repeat scroll 0px 0px transparent; height:14px; margin-right:5px; width:15px; display:inline-block;} #product-filter #formats a:hover .checkbox {background:url('//images.booktopia.com.au/assets/product-filter-elements.png') no-repeat scroll -126px 0px transparent; height:14px; margin-right:5px; width:15px; display:inline-block;} #product-filter #formats a, #product-filter #formats a:visited, #product-filter #formats a:hover, #product-filter #grades a, #product-filter #grades a:hover {color:#53565A; display:block; font-size:12px; padding:6px; text-decoration:none;} #product-filter #search {background: #ffffff ; padding: 10px 0 10px; width: 100%;} #product-filter #search input.search-text {border:1px solid #cccccc; color:#999999; font-size:13px; height:20px; margin: 0 0 0 13px; padding:5px; width:140px;} #product-filter #search input:focus {outline:none;} #product-filter #search .refine-search-submit {background-color: #ff6633; border: 0; color: #fff; display: inline-block; font-size: 25px; height: 38px; margin: 0 0 0 -5px; position: relative; vertical-align: top; width: 33px;box-sizing: border-box;} #product-filter #search .refine-search-submit .icon-search2 {left: 4px; position: absolute; top: 7px;} /** Forms **/ form label {display:inline-block; float:left; padding:6px 0px 5px; text-align:left; width:130px;} form input, button {border:1px solid #c7c7c7; color:#53565A; font-size:12px; font-family:inherit;} form .field input[type="email"], form input[type="text"], form input[type="tel"], form input[type="number"] {font-size:15px; height: 18px; margin-bottom:1px; padding: 3px 4px;} form .field input[type="email"], form .field input[type="text"], form .field input[type="tel"] {float:left; font-size:15px; height: 20px; margin-bottom:1px; padding: 4px 5px; width:200px;} form .field input[type=password] {float:left; font-size:15px; height: 20px; margin-bottom:1px; padding: 4px 5px; width:200px;} form input[type=submit], button {background-color:#C8C8C8; display:inline-block; margin:20px 10px 10px 180px; padding:5px 10px; width:auto;} form input[type=submit].focus {background-color:#ff6633; border-color:#ff6633; color:#FFFFFF;} form input[type=submit]:hover, button:hover {cursor:pointer;} form input[type=radio] {border:none; margin: 3px 3px 0 0;} form input[type=checkbox] {border:none; margin:7px 3px 0 0;} form select {border: 1px solid #bbbbbb; height: 30px; margin-top:4px; width: 188px;} #billing-review #content form select {border: 1px solid #bbbbbb; height: 25px; margin-top: 4px; width: initial;} #deliveryOptions .mainContentBox select {height: 28px; margin-top:4px; width: 450px;} form textarea {margin-top:4px; padding:4px;} form .error input {border:1px solid #E41B13 !important;} form .error label {color: #E41B13 !important;} form .error select {border:1px solid #E41B13 !important;} form .error textarea {border:1px solid #E41B13 !important;} form .field .help {color: #AAAAAA; margin-left: 140px;} form .field .help, form .field .input-error {display:block; font-size:11px; padding-left:2px; clear:both; margin-left: 140px;} form .field .input-error {color:#E41B13;} form .field {display: inline-block; margin-top:10px; width:100%;} a.cancel {display:inline-block; margin:10px; text-decoration:underline;} form label.reset-booktopia-label {display:inline-block; float:none; padding:0px; text-align:left; width:auto;} form .input-error {color:#E41B13;} #search form #refine-search-box {font-size: 15px; height: 30px; margin-bottom: 1px; padding: 3px 9px; margin-left: 10px; width: 125px; margin-right:10px;} /** Sign In **/ #sign-in .mainContentBox p {margin-top:20px; text-align:center;} #sign-in #existing-customers label {padding:0; text-align:left; width:100%;} #sign-in #existing-customers .field {margin-top:0px;} #sign-in #existing-customers .field input[type="text"], #sign-in #existing-customers .field input[type="email"], #sign-in #existing-customers .field input[type="password"]{margin: 5px 0 10px 0px; padding: 8px 10px; width:250px;height: 45px;border:2px solid #efeeee;} #sign-in #new-customers {padding:20px 50px 0 50px;} #signup-box #createAccountForm .field input:not([type="checkbox"]),#sign-in #existing-customers .field input{width:100% !important;box-sizing: border-box;padding: 10px;border:2px solid #efeeee;height: 45px;} #sign-in #existing-customers button#submitEmail,#sign-in #existing-customers input[type=button],#sign-in #existing-customers button[type=submit],#signup-box #createAccountForm button[type=submit],#forgotPwdForm input[type="submit"] {height:45px;margin: 10px 0px 0px 0px;font-size: 16px;width: 100%;border-color:#009933;background:#009933;color:#fff;text-transform:uppercase;-webkit-transition: box-shadow 0.5s linear;transition:box-shadow 0.5s linear;} #sign-in #existing-customers button#submitEmail:hover,#sign-in #existing-customers input[type=button]:hover,#sign-in #existing-customers button[type=submit]:hover,#signup-box #createAccountForm button[type=submit]:hover,#forgotPwdForm input[type="submit"]:hover {box-shadow: 30em 0 1px #075f20 inset;} #sign-in .field input[type="checkbox"] {margin-right:8px;} #sign-in .mainContentBox .content {min-height:344px;} #signup-box h2 {font-weight: 500;} form#createAccountForm{padding-bottom:20px;} #sign-in .signin-email{color:#009933;} #password-box button{padding: 5px 0px;} #sign-in .seperator div,#reset-password-container .seperator div{position:absolute;content:'';width:2px; height:90%;background-color: #efeeee;left:50%;z-index: 0;} #sign-in .sign-in-container{min-height:300px;padding:20px 22px;position:relative;font-size:14px;} #sign-in #password-box .use-another-email{margin-top:20px;} #sign-in .signin-input-wrapper{display:none;} #sign-in .field.error input{border:1px solid red;} #createAccountForm label{display:none;} #signup-box #passwordStrengthChecklist{margin-left:0px;} #sign-in form .field .input-error{margin:0;} #sign-in #signup-box #signup-msg{font-size:24px;font-weight: bold;margin-top: 30px;} #sign-in #content {background: url(https://images.booktopia.com.au/assets/background/usp-background-right.png) no-repeat;background-position: 570px -144px;background-size: 550px;} #signin-marketing-container>h2{padding-top:20px;} #side-nav {padding:10px 0 10px 0px;} #side-nav h3 {background-color:#53565A; color:#FFFFFF; font-size: 14px; font-weight: bold; margin:12px 0 0 -11px; padding: 10px 10px 10px 21px;} #side-nav li ul {margin:0; padding:7px 0 0 20px;} #side-nav li {line-height:20px;} #side-nav li a {color: #444444;} #side-nav li a.alert {color: #E41B13;} #manage-account, #message-centre {padding-top:10px;} #category, #search-results, #help-centre #content, #manage-account #content, #message-centre #content, #newsletter-preferences #content {border-left:1px solid #CCCCCC;} #category, #search-results {min-height:1000px;} #help-centre #content {min-height:1460px;} #manage-account #content, #message-centre #content, #help-centre #content {margin-top:-5px;} /** Manage Account **/ #manage-account tr {height:20px;} #manage-account td a, #manage-account td a:visited, #manage-account td a:hover {color:#53565A; text-decoration:none;} #manage-account td a.more-information { color: #009A3E; } #manage-account td a:hover {text-decoration:underline;} /** Message Centre **/ #message-centre table.toolbar {font-size:11px; margin:10px 10px 0; width:720px;} #message-centre table.toolbar td.button {text-align:center; vertical-align:top; width:45px; } table.message-threads {width:100%;} table.message-threads td {cursor:pointer;} table.message-threads td.reply {font-size:11px; padding: 10px 5px; text-align:center;} table.message-threads tr.current td {font-weight:bold; background-color:#F4F4F4;} table.message-threads tr.unread {border-top:2px dotted #FFFFFF;} table.message-threads tr.unread td {font-weight:bold; background-color:#E4E1BF;} #message-centre table.messages td.image {width:50px;} #message-centre table.messages td p {margin-left:0;} /** Freshdesk Message Form **/ #messageForm {background-color: #fff;} #createMessage { max-width: 600px;} .button-blue-small,a.button-blue-small:hover {text-transform:uppercase;border:none;transition: box-shadow 0.5s linear;background-color: #0099dd !important;color: #fff; display: block; float: left; font-size: 14px; padding: 8px 22px; text-align: center; text-decoration: none;} .button-blue-small:hover{ box-shadow:inset 150px 0px 0px #007ab3;} #messageForm a.cancel{margin:27px;} #messageForm label {font-size: 14px; width: 26%;} #messageForm .msgHeader{ color: #fff; position: relative; background: #0099dd; padding: 16px 0px 2px 16px;} #messageForm .msgHeader .close{position: absolute; display: inline; top: 18px; right: 18px;} #messageForm .msgHeader .close .icon.cross{ color: #fff; font-size: 25px;} #messageForm .msgHeader .close a:hover{ text-decoration: none;} #messageForm .msgError {color: #333; border: 1px solid #cc0000; background:#f5cccf; padding: 10px 10px 0 10px;} #messageForm .msgBody {padding: 10px 40px 0px 40px;} #createMessage .field input {width: 314px;} #createMessage .field > div{display: block; overflow: hidden; width: 330px;} #createMessage .input-error {margin: 0px; padding: 0px;} #createMessage input[type="submit"] {margin-left: 130px;} #createMessage .field select#messageCategory + .input-error, #createMessage .field input + .input-error { position: relative; left: 135px; padding: 2px 0 0; width: calc(100% - 135px); } #createMessage select {width: 326px;} #createMessage textarea {width: 316px; border: 1px solid #53565A; resize:none; color: #53565A;} #createMessage p {font-size: 14px; padding: 6px 0px 0px 0px; margin-bottom: 8px;} ::placeholder {color: #656565; opacity: 0.7;} :-ms-input-placeholder {color: #656565; opacity: 0.7;} ::-ms-input-placeholder {color: #656565; opacity: 0.7;} /** Newsletter Preferences **/ #newsletter-preferences #content {padding:20px;} /** Action Item **/ table.action-item {width:100%; text-align:left;} table.action-item tr.item-detail, #action-items tr.message {vertical-align:top; } table.action-item tr.item-detail td {font-weight:bold;} table.action-item tr.message td {padding-top: 5px;} table.action-item td {padding-left:5px; padding-right:2px;} table.action-item input {margin:10px 10px 10px 0px;} /** Banner Ads **/ .banner-ad {border-bottom:2px solid #F4F4F4; border-top:2px solid #F4F4F4; display:block; height:28px; margin:15px 0; padding:10px 0; position:relative; width:100%;} a.banner-ad, a.banner-ad:hover, a.banner-ad:visited {color:#53565A;} .banner-ad h3 {float:left; font-size:24px; padding-right:20px; } .banner-ad p {display:table-cell; font-size:12px; height:28px; line-height:13px; margin-bottom:0; max-width:450px; vertical-align:middle;} #category .banner-ad p {width:250px;} .banner-ad .button {} .banner-ad .buy-button, .banner-ad .subscribe-button {background:url('//images.booktopia.com.au/assets/buttons.png') no-repeat scroll 0 0 transparent; display:inline-block; height:28px; position:absolute; top:10px; right:5px; width:110px;} .banner-ad .subscribe-button {background-position: -117px 0;} .apple-app-store-button {background:url('//images.booktopia.com.au/ext/apple-app-store.png') no-repeat scroll 0 0 transparent;background-size: 100%; height:40px; position:absolute; right:5px; top:4px; width:140px;} .inline-block {display:inline-block;} .internal-footer {background-color:#F4F4F4; border:1px solid #D4D4D4; margin: 20px auto 0; padding:20px; width:938px;} .internal-footer #lock {float:right; margin-top:-10px;} .feature-box {margin-bottom:35px; min-height:118px; position:relative;} .feature-box .banner {background:url('//images.booktopia.com.au/assets/small-banners.png') no-repeat scroll -622px -429px transparent; height:70px; padding:0 3px; width:177px;} .feature-box .banner h2 {color:#FFFFFF; display:table-cell; font-size:18px; font-weight:normal; height:55px; line-height: 19px; position:relative; text-align:center; text-transform: uppercase; vertical-align:middle; width:175px; z-index:99; box-shadow: 0 3px 3px -3px #000000; -moz-box-shadow: 0 3px 3px -3px #000000; -webkit-box-shadow: 0 3px 3px -3px #000000;} .feature-box .banner h2 a {color:#FFFFFF;} .feature-box .image, .feature-box .image-on-top {display:block; height:120px; margin:-15px 0 10px 10px; overflow:hidden; width:162px; box-shadow:0 2px 2px 0 #AAAAAA; -moz-box-shadow: 0 2px 2px 0 #AAAAAA; -webkit-box-shadow: 0 2px 2px 0 #AAAAAA; position:relative; behavior: url('/template-resources/pie/PIE.htc');} .feature-box .image-on-top {margin:0 0 -4px 0; width:181px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow: none;} .feature-box .tile {display:inline-block; height:320px; margin-top:4px; overflow:hidden; width:180px; box-shadow:0 0 2px 0 #AAAAAA; -moz-box-shadow: 0 0 2px 0 #AAAAAA; -webkit-box-shadow: 0 0 2px 0 #AAAAAA; position:relative; behavior: url('/template-resources/pie/PIE.htc');} .feature-box a, .feature-box a:visited, .feature-box a:hover {color:#53565A;} .feature-box p, .feature-box ul {line-height:22px; padding:0 10px; width:162px;} .feature-box p.no-image, .feature-box ul.no-image {margin-top:-10px; padding:0 10px 0 15px; width:154px;} .feature-box li + li {border-top:2px dotted #F4F4F4; } .feature-box li.more {border:none; bottom:-25px; color:#C8C8C8; font-size:12px; position:absolute; right:30px;} .feature-box li.more a {color:#C8C8C8;} /** Adult Content covers **/ div.image .adult-text {bottom: 100px;} /** Product Page - signed copy - to be activated when logic is ready #product #image {display:inline-block; margin:0 15px 0 10px;} #product #image img {border: 1px solid #E0E0E0; width:288px; padding:5px; position: relative;} #product #image ins {background: url("//images.booktopia.com.au/assets/signed-copy.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 112px; left: 15px; position: absolute; top: 36px; width: 112px;} **/ /** Product Page **/ #product #image {display:inline-block; margin:0 15px 0 10px; position: relative; width: 300px;} #product #image img { display: block; width: 100%; max-width: 300px; cursor: pointer; } #product #image #look-inside-overlay, #product #image #look-inside-overlay-popup {background:transparent url("//images.booktopia.com.au/assets/look-inside.png") no-repeat bottom right; bottom: 0; height: 140px; position: absolute; right: 0; width: 173px;} #product #image:hover #look-inside-overlay, #product #image:hover #look-inside-overlay-popup {background-image: url("//images.booktopia.com.au/assets/look-inside-hover.png");} #google-look-inside-popup {height: 600px;} #product #image #look-inside-overlay, #product #image #look-inside-overlay-popup {display: none;} #product #image > .signed-copy-sticker,#trending .main-image-container .signed-copy-sticker {background: transparent url("//images.booktopia.com.au/assets/product-details-badge.png") no-repeat 0 0; height: 33px; left: 1px; position: absolute; text-indent: -9999px; top: 11px; width: 174px;} #category-featured-prods .signed-copy-sticker{background: transparent url("//images.booktopia.com.au/assets/product-details-badge.png") no-repeat 0 0; height: 33px; left: 1px; position: absolute; text-indent: -9999px; top: 11px; width: 174px;} #trending .signed-copy-sticker, #car-product .signed-copy-sticker{background: transparent url("//images.booktopia.com.au/assets/grid-badge.png") no-repeat 0 0;background-size: 100%; height: 18px; position: absolute; text-indent: -9999px; top: 7px; width: 105px;z-index:1;} #car-product .signed-copy-sticker{left:7px;} #product #image .product-type-tag-ebook { height: 30px; width: 160px; left: -10px; top: 16px; } #product #image .product-type-tag-ebook:before { font-size: 15px; top: 6px; } #product-information {display:inline-block; vertical-align:top; width:670px;box-sizing:border-box;} #product-information #d-product-info{width:60%;float:left;padding-right:20px;box-sizing:border-box;} #product-information #d-product-price{width:40%;float:left;box-sizing:border-box;position:relative;border:1px solid #ccc;margin-top:14px;} #product-information h1 {color:#414042; margin-bottom:0;} #product-information h3 {font-weight:normal; margin-bottom:0;} #product-information #gift-wrapping-icon {background-position:-10px -78px; display:inline-block; margin:15px 5px; vertical-align:middle;} #product-title #product-review-stars {padding-bottom:5px;margin-top:8px;} #product-title #product-review-stars .pr-snippet {display:inline-block;} #product-title #product-review-stars .text {display:inline-block; border-left: 1px solid #C8C8C8; color:#C8C8C8; margin-top:3px; padding:0 5px 0 8px; vertical-align:top;} #product-title #product-review-stars a {color: #53565A;} #product-title #product-review-stars a:hover {text-decoration:none;} #product-title #product-review-stars .text a:hover {text-decoration:underline;} #product-title {border-bottom: 1px solid #ccc; padding-bottom:5px;} #product-title h3 {margin-top:8px;} #product-title #contributors {margin:10px 0px;} #product-version {min-height:60px; padding:20px; margin-top:10px;margin:0;position:relative;text-align:center;background-color: #fff;} #product-version h3 {text-transform:uppercase;border:1px solid #ccc;max-width:90%;position:absolute;bottom:96%;background: white;left: 50%;font-weight:200;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);padding:2px 4px;font-size: 14px;z-index: 10;} #product-version h3 a {color:#009A3E; font-size: 11px; text-decoration:underline;} #details-summary .label {color:#009A3E;} #product-version a {color:#53565A;} #details-summary {font-size:14px; line-height:18px;border-top: 1px solid #ccc;background-color: #f5f5f5;text-align:center;padding:15px;} #details-summary .delivery .ships-today, #details-summary .delivery .ships-tomorrow, #details-summary .delivery .ships-2-days, #details-summary .delivery .ships-3-days, #details-summary .delivery .ships-4-days {display:inline-block;font-size: 14px;} #details-summary .delivery .in-stock {display:inline-block; font-size: 14px;} #details-summary .delivery .in-stock:after {content:" and ";font-size: 14px; text-transform: lowercase; color: #53565A; font-weight: normal;} #details-summary .stock-and-shipping {margin-bottom: 10px;} #details-summary .instock-delivery {color:#e75019; text-transform: uppercase;font-weight: bold;} .delivery form{margin-top:10px;} .delivery form input{margin:0;border:1px solid #ccc;vertical-align: middle;display: inline-block;} .delivery form #apply-delivery-input{font-size: 14px;width:62%;} .delivery form #apply-delivery-btn{transition:all 0.5s linear;background-color: #019934;color:#fff;font-weight: bold; padding: 5px 8px; text-transform: uppercase; border:1px solid #019934;} .delivery form #apply-delivery-btn:hover{box-shadow:inset 100px 0px 0px #075f20;} #location-autocomplete{position:relative;} #location-autocomplete ul{text-align:left;position: absolute;top:100%;left:0px;width:80%;list-style: none;margin:0;padding:0;background: #fff;z-index:100;border:1px solid #ccc;} #location-autocomplete li{display:block;padding:10px;list-style: none;} #location-autocomplete li:hover{background: #eee;cursor:pointer;} #location-autocomplete li:not(#location-autocomplete li:nth-child(1)){border-top: 1px solid #ccc;} #delivery-estimate-form .input-error{text-align: left;margin-top: 5px;display: block;margin-left: 2px;} #product-version #price {text-align:center;margin-top:0px;width:100%;} #product-version #price .prices {display:inline-block; vertical-align:top;} #product-version #price .rrp {color:#C8C8C8; min-height:12px; font-size:18px;} #product-version #price .sale-price {font-size:32px; color:#414042; font-weight:bold;} #product-version #price .save {position:absolute;top:0;right:0;padding:12px;color:white;z-index:1;font-weight: bold; font-size: 16px;} #product-version #price .save:before{content: '';position:absolute;height:0;width:0;border-top:105px solid #77bb22;border-left:90px solid transparent;top:0;right:0;z-index:-1;} #product-version #action {text-align:center;} #product-version #action .buy-button {padding:5px 0 10px;width:100%;height:auto;} #product-version #action .buy-button a.button {display:block;position:relative;width:100%;background:#0099dd;border-radius:0;font-size:20px;height:auto;padding:10px 0px;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear; cursor: pointer; } #product-version #action .buy-button:hover a.button {-webkit-box-shadow:inset 240px 0px 0px #007ab3;box-shadow:inset 240px 0px 0px #007ab3;} #product-version #action .buy-button a.pre-order {background:#653092} #product-version #action .buy-button:hover a.pre-order {-webkit-box-shadow:inset 240px 0px 0px #2f3b93;box-shadow:inset 240px 0px 0px #2f3b93;} #product-version #action .buy-button span.button-text {margin-right:12px;} #product-version #action .buy-button span.icon {position:relative;font-size:25px;top:2px;margin-left:12px;} #product-version #action #add-to-wishlist-link span.icon {transition: all 0.5s linear;position:static;font-size:20px;float:none;margin-left:20px;vertical-align:text-bottom;} #product-version #action #add-to-wishlist-link{transition: all 0.5s linear;border:1px solid #ccc;width:100%;display:inline-block;padding:5px 0px;margin-top: 10px;text-decoration:none;font-size: 16px;box-sizing: border-box;} #product-version #action #add-to-wishlist-link:hover span.icon{color: #fff;} #product-version #action #add-to-wishlist-link:hover{-webkit-box-shadow: 240px 0px 0px inset #009933;box-shadow: 240px 0px 0px inset #009933;border-color:#009933;color:#fff;} /*Afterpay*/ #product-version .apply-afterpay #price .afterpay{line-height: 10px; margin-top: 4px;font-size:14px;margin-bottom:15px;} #product-version .apply-afterpay #price .afterpay img{width: 80px; display: inline-block; margin-top: 4px; vertical-align: sub;} #product-version .apply-afterpay #price .afterpay a{color: #666; text-decoration: underline;} #product-version .apply-afterpay #action {text-align:center;} #product-version .product-new-image {max-width: 70px;} #product-version.product-new-version h3 {padding-bottom: 4px;} #product-version.product-new-version #details-summary {width: 207px;} #product-version.product-new-version #details-summary > .label {display: inline-block; margin-top: 5px;} #product-version.product-new-version .delivery {padding-top: 2px;} #product-version.product-new-version #price {width: 178px;} #product-version.product-new-version #price .prices {padding-top: 11px;} #product-version.product-new-version #price .rrp {font-size: 15px;} #product-version.product-new-version #price .sale-price {font-size: 27px;} #product-version.product-new-version #price .save {background-size: 55px 55px; font-size: 13px; height: 41px; margin-top: 6px; padding-top: 14px; width: 55px;} .shipsTodayCountdown {display: none; overflow: hidden; text-align: center;margin-top:5px;} .shipsTodayCountdown > div {display: inline-block; font-weight: bold; height: 20px; line-height: 19px; margin-right: 7px; overflow: hidden;} .shipsTodayCountdown > div:last-child {margin-right: 0;} .shipsTodayCountdown .ships-today {background-position: -107px -69px;} .shipsTodayCountdown .shipsTodayCountdownText {color: #999;} .shipsTodayCountdown .shipsTodayCountdownTime {background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; color: #009a3e; font-size: 14px; padding: 0 7px;} #product-information #badges, #product-information .badge-notification {margin-top:8px;} /*#product-information #badges img {width:100%;}*/ #product-edition{border:1px solid #ccc;padding:12px;margin:10px 0px;border-radius: 2px;max-width: 385px;background-color: #fff;} #product-edition .format-price{font-weight:bold;} #product-edition h3{font-size: 16px;font-weight: bold;margin-bottom:5px;} #product-alternate-formats {background-color: #f6f6f6; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 15px -12px 10px; overflow: hidden; padding: 15px 22px 3px;} #product-alternate-formats h2 {color: #333; margin-bottom: 3px; overflow: hidden; padding: 3px 0 10px;} #product-alternate-formats h2 span {float: left; line-height: 30px; margin-right: 10px;} #product-alternate-formats h2 .hide-alternate-formats {font-size: 14px; font-weight: normal;} #product-alternate-formats h2 .icon-minus, #product-alternate-formats h2 .icon-plus {color: #333; float: right; font-size: 15px; line-height: 30px; text-decoration: none;} #product-alternate-formats ul {padding-top: 5px;} #product-alternate-formats ul li {background-color: #fff; box-shadow: 0 0 10px #bbb; display: table; float: left; height: 136px; margin: 0 2% 20px 0; max-height: 136px; overflow: hidden; width: 32%;} #product-alternate-formats ul li:nth-child(3n+3) {margin-right: 0;} #product-alternate-formats ul li > span {display: table-cell; vertical-align: top;} #product-alternate-formats ul li > span > span {display: block;} #product-alternate-formats .format-image {border-right: 1px solid #ccc; max-width: 76px; padding: 10px; text-align: center; vertical-align: middle; width: 79px;} #product-alternate-formats .format-image img {display: block; margin: 0 auto; max-height: 116px; width: 100%;} #product-alternate-formats .format-header {padding: 10px 15px 6px;} #product-alternate-formats .format-publish-date, #product-alternate-formats .format-delivery-shipping {font-size: 12px; padding: 0 15px;} #product-alternate-formats .format-name {font-size: 15px; font-weight: bold; margin-right: 6px;} #product-alternate-formats .format-delivery-shipping {height: 33px;} #product-alternate-formats .format-delivery-shipping .in-stock {margin: 9px 10px 0 0;} #product-alternate-formats .format-delivery-shipping .ships-today {margin-top: 1px;} #product-alternate-formats .format-price-cart {border: 1px solid #ccc;float: right; margin: 5px 12px 12px 0; overflow: hidden; width: 144px;} #product-alternate-formats .format-price-cart > span, #product-alternate-formats .format-price-cart > a {float: left; height: 32px; line-height: 32px; text-align: center; width: 50%;} #product-alternate-formats .format-price {color: #333; font-size: 15px; font-weight: bold;} #product-alternate-formats .format-add-to-cart {transition: all 0.5s linear; background: #0099dd;float: left;} #product-alternate-formats .format-add-to-cart:hover{box-shadow: inset 100px 0px 0px #007ab3; text-decoration: none; } #product-alternate-formats .format-add-to-cart.pre-order { transition: all 0.5s linear; background: #653092;} #product-alternate-formats .format-add-to-cart.pre-order:hover{box-shadow: inset 240px 0px 0px #2f3b93;} #product-alternate-formats .format-add-to-cart .icon {color: #fff; font-size: 24px; line-height: 30px} #product-alternate-formats #more-available{text-align:center;position:absolute;bottom:0;left:0;width:100%;background:#f6f6f6;} #product #media {display:inline-block; position:relative; width:300px;} #product #media #links li {text-align:left;padding:10px 15px;background-color: #f3f3f3;margin-bottom: 18px;border-radius: 1px;} #product #media #links li span {font-size: 20px;display: inline-block;vertical-align: middle;} #product #media .media-container{position:relative;background: #f3f3f3;margin:10px 0px 10px 10px;padding:10px;} #product #media .media-container #internal img{height:60px;object-fit: cover;} #product #media .media-container #internal li.internal{text-align:center;margin-top: 5px;} #product #media .product-youtube-thumbnail>img{width:100%;display:block;} #product ul.yui3-tabview-list {height:50px;background-color:#f3f3f3;white-space: nowrap;overflow:hidden;} #product ul.yui3-tabview-list:after {content:'';clear:both;display: block;} #product ul.yui3-tabview-list li.yui3-tab {transition:background 0.2s linear;font-weight: bold; } #product-details ul.yui3-tabview-list li.yui3-tab a {color:#53565A; font-size: 14px;} #product ul.yui3-tabview-list li.yui3-tab a:hover {text-decoration:none;} #product-details ul.yui3-tabview-list li.yui3-tab-selected {border:none;background:#fff;position:relative;} #product-details ul.yui3-tabview-list li.yui3-tab-selected a {border-bottom:1px solid #fff;} #product ul.yui3-tabview-list li.yui3-tab:first-child{border-left:1px solid transparent;} #product li.yui3-tab.yui3-widget:not(.yui3-tab-selected):hover {background: #e0e0e0;} #product .yui3-tabview {display:inline-block; margin:10px 10px 20px; vertical-align:top;border:2px solid #f3f3f3;position:relative;} /*#product .yui3-tabview .scroll-overlay-left,#product .yui3-tabview .scroll-overlay-right{position: absolute;height: 50px;width: 40px;top: 0;z-index:10;}*/ /*#product .yui3-tabview .scroll-overlay-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(243, 243, 243));right:0;}*/ /*#product .yui3-tabview .scroll-overlay-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0), rgb(243, 243, 243));left:0;display:none;}*/ #product .yui3-tab-label {padding:17px 10px;} #product #media .yui3-tab-panel, #product #product-details .yui3-tab-panel {min-height: 200px; padding: 10px;} #product #media #links.yui3-tab-panel{min-height:auto; padding-right:0px;} #product #product-details.yui3-tabview{box-sizing:border-box;-webkit-box-sizing:border-box;} #product #product-details #details .label {font-weight:bold;} #product #product-details #details>p{line-height:24px;} #product #product-details #description ul {margin:13px 0; padding-left:40px;} #product #product-details #description ul li {list-style:circle outside none; } #product #product-details #description #industry-reviews{background: #f5f5f5;padding:20px;} #product #product-details #look-inside-link {border-left:2px dotted #E0E0E0; border-right: none; display:none; position:absolute; right:0;} #product #product-details #look-inside-link a {background:url('//images.booktopia.com.au/gbs_preview_button1.gif') no-repeat 5px 1px #F4F4F4; display:block; height:14px; width:82px;} #product-information #details .label {font-weight:bold;} #product-information #details>p,#product-information #details>span{line-height: 21px;} #product-information #details #product-version-title{display:none;text-transform: uppercase;border: 1px solid #ccc;font-weight: 200;padding: 2px 4px;font-size: 14px;margin-right: 3px;margin-bottom: 2px;line-height: 17px;} .yui3-tab-label {display: inline-block; position: relative; vertical-align: bottom;} .yui3-tab {display: inline-block; vertical-align: bottom; cursor: pointer;} .yui3-tabview, .yui3-tabview-list, .yui3-tabview-panel, .yui3-tab, .yui3-tab-panel {zoom: 1;} .yui3-tabview { position: relative;} .yui3-tabview-list, .yui3-tab { margin: 0; padding: 0; list-style: none;} #product #product-categories {margin:10px;} #product #product-categories .label {font-size: 18px;font-weight: bold;padding: 12px 0px;border-top: solid 10px #F4F4F4;} #product #product-categories ul>li{margin:8px 0px;} #product #product-categories .yui3-tab-panel a {color:#53565A;font-size: 15px;} #product #product-categories .yui3-tab-panel a:hover {border-bottom:1px dotted; text-decoration:none;} #product #product-categories .yui3-tab-panel {background-color: #F4F4F4; padding: 15px 20px;} #product-categories ul.yui3-tabview-list li.yui3-tab-selected {background-color: #F4F4F4} #product-categories ul.yui3-tabview-list li.yui3-tab-selected a{color: #53565A} #product{font-size: 14px;} #product #social-buttons{padding-top:15px;} #product #social-buttons a span {background-color:#ccc; transition: background 0.1s linear;} #product #social-buttons .social-share-facebook span:hover {background-color: #4965b8;} #product #social-buttons .social-share-pinterest span:hover {background-color: #d73431;} #product #social-buttons .social-share-twitter span:hover {background-color: #28a9e0;} #product #social-buttons .social-share-googleplus span:hover {background-color: #dc4e41;} #product #content{padding:0;} #product #content #top-product-section{background-color: #fff;padding:12px;padding-top:24px;} #product #content #bottom-product-section{padding:12px;} ul.ticked, ul.crossed {display:inline-block; font-size:14px; line-height:18px; vertical-align:top; width:188px;} ul.ticked li, ul.crossed li {background: url('//images.booktopia.com.au/assets/tick-cross2.png') no-repeat 0 0 transparent; padding-left: 18px; } ul.ticked li {background-position: 2px 0;} ul.crossed li, ul.ticked li.crossed {background-position: 0 -62px;} .mainContentBox, .tableContentBox {padding:10px;} .borderContentBox {border-bottom:2px solid #F4F4F4; border-top:2px solid #F4F4F4; margin: 10px 0; padding: 10px 10px 0;} .tableContentBox p {margin:0 10px 10px;} .deliveryInstructions{border-top: 1px solid #ccc; line-height: 26px;} .mainContentBox h2, .errorContentBox h2, .tableContentBox h2 {background-color: #53565A; color:#FFFFFF; font-size: 16px; padding:6px 20px; margin:0; } .errorContentBox h2 {background-color:#E41B13;} .mainContentBox .content {background-color:#F4F4F4; padding:20px;} .mainContentBox .content h2 {background-color:transparent; color:#53565A; font-size:20px; margin-bottom:10px; padding:0;} .tableContentBox .content {background-color:#F4F4F4; padding:10px;} .errorContentBox {background-color:#E78181; color:#FFFFFF; margin:10px; padding:7px;} .errorContentBox .content, .successContentBox .content {border:1px dashed #FFFFFF; color:#FFFFFF; padding:20px;} .errorContentBox .content a, .successContentBox .content a {color:#FFFFFF; text-decoration:underline;} .successContentBox {background-color:#77bb22; color:#FFFFFF; margin:10px; padding:7px;} .tableContentBox table {width:100%;} .tableContentBox tr {border-top:2px dotted #E0E0E0; margin:3px; vertical-align:top;} .tableContentBox td, .tableContentBox th { background-color: #FFFFFF; padding:10px 0 10px 15px;} .tableContentBox tr.head, .tableContentBox tr.head th {font-weight:bold; border:none;} #viewInCMSButton {background-color: #009933; border-radius: 0 7px 0 0; bottom: 45px; box-shadow: 0 0 3px #333; color: #fff; font-size: 15px; padding: 10px 15px 10px 18px; position: fixed; right: -49px; display:none; text-decoration: none; text-shadow: none; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 99999;} #viewInCMSButton span {font-size: 17px; position: relative; top: 2px;} /** Ordered Products **/ .ordered-products tr.subtotal {border-top: 2px solid #E0E0E0;} .ordered-products tr.shipping, .ordered-products tr.total {border:none;} .ordered-products tr.shipping .label, .ordered-products tr.total .label, .ordered-products tr.subtotal .label {color:#C8C8C8;} .ordered-products tr.subtotal td {padding-bottom:0; padding-top:10px; text-align:right;} .ordered-products tr.total td {padding-bottom:28px; padding-top:2px; text-align:right;} .ordered-products tr.total td, .ordered-products tr.total td {padding-bottom:10px;} .ordered-products tr.shipping td {padding-bottom:0; padding-top:2px; text-align:right;} .ordered-products a.title {font-weight:bold; text-decoration:none; color:#414042;} .ordered-products a.title:hover {text-decoration:underline;} .ordered-products a.subtitle {font-style:italic; text-decoration:none; color: #53565A;} .ordered-products a.subtitle:hover {border-bottom:1px dotted; text-decoration:none;} .ordered-products .binding {font-weight:normal;} .ordered-products .product-info, .ordered-products .sold-by {font-size:12px; font-weight:normal;margin-top:10px;} .ordered-products .product-details {font-weight:normal; width:380px;} .ordered-products .unit-price {text-align:right; width:60px;} .ordered-products .quantity {text-align:center; width:40px;} .ordered-products .total {padding-right:15px; text-align:right; white-space: nowrap; width:40px;} .ordered-products td.buttons {width:25px;} /** Popup Forms **/ #addressForm { overflow-x: hidden; min-height:400px; } #addressForm .field input {width:50%; box-sizing: border-box; height: 30px;} #addressForm .field select {width:50%;margin-top:0;} #addressForm .field.half-inline{/*width:36%;*/ width: 100%; display: inline-block;float: left;} #addressForm .field.half-inline.second{/* width:36%;*/ width: 100%; } #addressForm .half-inline label {/* width:56%; */ width: 200px; } #addressForm .half-inline.second label {/* width:33%;text-align:right; margin-right:5px; */ width: 200px; } #addressForm .field.half-inline input { /* width:40%; */ width: 50%; } #addressForm .field.half-inline select {width:45%;} #addressForm .field.half-inline.second select {/* width:60%; */ width: 50%; } #addressForm .field #isBusinessAddress {width:16px;} #addressForm label { /* width:20%; */ width: 200px;} #addressForm .field .help, #addressForm .field .input-error {padding-left:0px; /* line-height: 30px; */ line-height: 20px; display:inline-block; /* margin-left:10px; */ margin-left: 0; float: left; margin-left: 200px; } #addressForm .field.half-inline .input-error {padding-left:0px; /* line-height: normal; */ display:inline-block; /* margin-left:56%;width:70%; */ } #addressForm .field.half-inline.second .input-error { /* margin-left:30%; */} #addressForm .field.checkbox {width:100%;} #addressForm .field.checkbox label{float:none;width:30%;} #addressForm .field.checkbox input{height: 17px; margin:0; margin-right: 10px;vertical-align: middle;} #addressForm .buttons {margin: auto;} #addressForm .buttons a {text-decoration:underline; vertical-align:middle;} #addressForm input[type="submit"], #internalReferenceNumberForm input[type="submit"], button {display:inline-block; margin: 20px 20px 0 0;} #addressForm #save,#addressForm #update{background-color: #009933;font-size: 16px;text-transform: uppercase;border: none;color: #fff;padding: 10px 25px;font-size: 16px;padding: 8px; outline: none; } #addressForm #editAddressButtons button{padding:9px; outline: none; } #internalReferenceNumberForm .buttons {margin:0 0 0 220px;} #addressForm #auspostLockerWrapper input,#locationFinderPopover input{ height:auto;} #locationFinderPopover{z-index: 99999 !important;} .popup ul {margin:13px 0; padding-left:40px;} .popup ul li {list-style:circle outside none; } .popup a {text-decoration:underline;} /** Checkout **/ #checkoutAddressForm #customerPhoneNumber{margin-left: 11px;width:310px;} #checkoutAddressForm #tab2{min-height:195px;} #choose-address{overflow: hidden;} /*#choose-address-billing {padding: 20px;}*/ #choose-address-billing p, #choose-address p {margin-bottom: 5px; word-wrap: break-word;} .special-address {padding-top: 20px;} #wallet-option, #locker-option {padding-left: 30px;} #wallet, #locker {padding-right: 20px;} #wallet .help {font-size: 12px;} #locker .address label{width:auto;} .new-special-address {background: none repeat scroll 0 0 #f26522; color: #ffffff; display: block; float: left; font-size: 12px; font-weight: bold; height: 15px; margin-right: 5px; padding: 2px 3px; width: 30px;} #choose-locker-address { margin-top: 0px;} #choose-locker-address .locker {} #choose-locker-address .new {padding-top: 0px; background: none repeat scroll 0 0 #f26522; color: #ffffff; display: block; float: left; font-size: 12px; font-weight: bold; height: 15px; margin-right: 5px; padding: 2px 3px; width: 30px;} #choose-wallet-address { border-top: 1px solid #bbbbbb; } .shipping-schedule-instructions {display: none;} .shipping-date {float: left;} .shipping-date:nth-child(even) .shipping-schedule-item {background-color: #f9f9f9;} .shipping-schedule-label {display: block; height: 58px; overflow: hidden;} label.shipping-schedule-item {line-height: 19px; padding-left: 34px;} .shipping-schedule-2-columns .shipping-date {width: 50%;} .shipping-schedule-3-columns .shipping-date {width: 33.333%;} .shipping-schedule-4-columns .shipping-date {width: 25%;} .shipping-schedule-5-columns .shipping-date {width: 20%;} .shipping-schedule-6-columns .shipping-date {width: 16.666%;} .shipping-schedule input[type='radio'] {left: 13px; margin: 0; position: absolute; top: 16px;} .shipping-schedule-cost {display: block;} #promotionsFormBean .yui3-u {width:25%;} #billing-review #shopping-cart td.image {width:10px; padding:0;} #billing-review #shopping-cart .image img {display:none; width:0;} #billing-review #shopping-cart .image div {display:none; width:0;} #billing-review .paymentOptionsWrapper {border-bottom: 1px solid #ccc;} #billing-review .paymentOptionsWrapper > .paymentOptions-instructionsWrapper {background-color: #fff; padding: 20px;} #billing-review .paymentOptions-details {background-color: #f9f9f9; border: 1px solid #ccc; border-bottom: 0; padding: 16px 20px 10px 33px;} #billing-review .paymentOptions-radioButton {border: 1px solid #ccc; border-bottom: 0; clear:both; padding: 15px 12px 18px; position: relative;} #billing-review .paymentOptions-radioButton.paymentOption-selected:last-child {border-bottom: 0 none;} #billing-review .paymentOptions-radioButton label {color: #222; float:none; font-size: 14px; font-weight: bold; padding: 4px 0 0 5px; text-align:left; width:auto;} #billing-review .paymentOptions-radioButton input[type="radio"] {float: left; margin-top:6px;} #billing-review .paymentOptions-radioButton .credit-cards {float: right;} #billing-review .paymentOptions-radioButton img, #billing-review .paymentOptions-radioButton .paypal-logo {position: absolute; right: 10px; top: 10px;} #billing-review .paymentOptions-radioButton .masterpass-logo {margin-top: 5px;} #billing-review .paymentOptions-radioButton .afterpay-logo{margin-top: 10px;} #billing-review .paymentOptions-radioButton .paypal-logo {top: 15px;} #billing-review #billingAndReviewForm label {text-align:left; vertical-align:middle;} #billing-review #billingAndReviewForm #credit-card-info label {dispaly: block; font-weight: normal; padding-right: 10px;} #billing-review #billingAndReviewForm .field {margin-top:5px;} #billing-review #billingAndReviewForm .field input {width:auto;} #billing-review #billingAndReviewForm .saveCreditCard {margin: 5px 0 0 140px;} #billing-review #billingAndReviewForm .unsavedCardSelect > input[type="radio"], #billing-review #billingAndReviewForm .unsavedCardSelect > label {display: none;} #billing-review #billingAndReviewForm .saveCreditCard input, #billing-review #billingAndReviewForm .savedCardSelect input, #billing-review #billingAndReviewForm .newCardSelect input[type="radio"] {display: inline-block; float: left; margin: 2px 6px 0 0;} #billing-review #billingAndReviewForm .saveCreditCard label, #billing-review #billingAndReviewForm .savedCardSelect label, #billing-review #billingAndReviewForm .newCardSelect label#orderPaymentCardNewLabel {color: #222; display: inline-block; float: none; padding: 0; width: auto;} #billing-review #billingAndReviewForm .savedCardSelect {overflow: hidden;} #billing-review #billingAndReviewForm .savedCardSelect label, #billing-review #billingAndReviewForm .newCardSelect > label {font-size: 14px; font-weight: bold;} #billing-review #billingAndReviewForm .savedCard {clear: both; display: block; line-height: 18px; padding: 0px 40px 16px 50px; position: relative;} #billing-review #billingAndReviewForm .cardLogo {background: transparent url("//images.booktopia.com.au/ext/payment-methods.png") no-repeat -46px 0; display: inline-block; height: 25px; width: 41px;} #billing-review #billingAndReviewForm .savedCard .cardLogo {display: block; left: 0; position: absolute; top: 0px;} #billing-review #billingAndReviewForm .cardLogoMasterCard {background-position: 0 0;} #billing-review #billingAndReviewForm .cardLogoAmex {background-position: -92px 0;} #billing-review #billingAndReviewForm .paymentTypeHelper {font-size: 12px; margin-bottom: 10px;} #billing-review #billingAndReviewForm .unsavedCardSelect .cardLogo {margin: 3px 0 0 8px;} #billing-review #billingAndReviewForm .newCardSelect h5 {display: none;} #billing-review #billingAndReviewForm .newCardSelect .field, #billing-review #billingAndReviewForm .unsavedCardSelect .paymentTypeHelper {margin-left: 20px;} #billing-review #billingAndReviewForm .newCardSelect .saveCreditCard {margin-left: 160px;} #billing-review #billingAndReviewForm .newCardSelect .field, #billing-review #billingAndReviewForm .newCardSelect .saveCreditCard {display: none;} /*Afterpay*/ #billing-review #billingAndReviewForm .paymentOptions-details .afterpay-disclaimer .afterpay-info{width:415px; float:right} #billing-review #billingAndReviewForm .afterpay-diagram{padding:0; margin:20px 0 20px -16px; list-style:none; display:-ms-flexbox; display:-webkit-flex; display:flex} #billing-review #billingAndReviewForm .afterpay-diagram li{text-align:center} #billing-review #billingAndReviewForm .afterpay-diagram li span{display:inline-block; width:100%; color:#333} #billing-review #billingAndReviewForm .afterpay-diagram .installment-amount{font-size:14px; font-weight:bold} #billing-review #billingAndReviewForm .afterpay-diagram .installment-icon{width:20px; height:20px; margin:10px 0; display:inline-block; border-radius:20px; background-color:#77bb22; border:2px solid #009933; position:relative} #billing-review #billingAndReviewForm .afterpay-diagram li:first-child .installment-icon{background-image:linear-gradient(180deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%)} #billing-review #billingAndReviewForm .afterpay-diagram li:nth-child(2) .installment-icon{background-image:linear-gradient(90deg, white 50%, transparent 50%)} #billing-review #billingAndReviewForm .afterpay-diagram li:nth-child(3) .installment-icon{background-image:linear-gradient(180deg, transparent 50%, #77bb22 50%), linear-gradient(90deg, white 50%, transparent 50%)} #billing-review #billingAndReviewForm .afterpay-diagram li:not(:last-child) .installment-icon:after{content:""; height:2px; width:115px; display:block; background:#b7b7b7; position:absolute; top:9px; z-index:-1} #billing-review form input[type="submit"] {margin-left:0;} #billing-review #promotion-code .input-error {padding-left:0;} #billing-review h5 {margin-bottom:7px;} #billing-review #paymentOptions-radioButtons h5 {margin-bottom:3px;} #billing-review #credit-card-info h5 {color: #222; margin-bottom:0;} .remove, .apply {font-weight:bold; padding: 0 20px; text-decoration:underline;} #billing-review .gift-certificate-form {border-top: 1px solid #ccc; padding-left: 0; padding-right: 0;} #billing-review .gift-certificate-form .field {float: left;} #billing-review .gift-certificate-form h5 {margin: 0;} #billing-review .gift-certificate-form h5 a {color: #53565a; display: block; line-height: 30px; padding-left: 8px; text-decoration: none;} #billing-review .gift-certificate-form h5 a span {float: right; font-size: 28px;} #billing-review .gift-certificate-form-hidden {padding: 0; font-size: 0; height: 0; overflow: hidden;} #billing-review .gift-certificates-vouchers {display: none;} .cart-savings td { text-align: right; color: #0099dd; font-size: 14px; } #deliveryOptions #deliveryInstructionPanel input[type="text"] {font-size:12px;margin:0;padding:2px 1px 0;} #delayedPaymentShowOptions {font-size: 14px; margin: 15px 0 0; text-align: right;} #billing-review .v-checkout-wrapper {padding: 0 20px 0 0; text-align: right;} #billing-review .v-learn {float: none;} #receipt #content .mainContentBox{ margin-bottom: 20px; padding: 0 10px} #receipt #content .tableContentBox{clear: both; display: block; margin-bottom: 20px;} #receipt #content .yui-1-2 .mainContentBox{width: 95%;} #receipt #content #checkout-receipt-print{background: #fbfbfb; border: 1px solid #ccc; padding: 5px 10px;} #receipt #content .mainContentBox .content {background-color: #fff; border-color: #ccc -moz-use-text-color -moz-use-text-color; border-style: solid none none; border-width: 1px 0 0; padding: 10px 0;} #receipt #content .order-details{background: #f5f5f5 none repeat scroll 0 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 20px; margin-left: -12px; margin-right: -12px; padding: 20px;} #receipt #content h2{background: transparent; color: #666666; font-size: 18px; padding: 6px 20px 6px 0;} #receipt .book-club-confirmation-page { background: url(https://images.booktopia.com.au/assets/book-club/book-overlay.png) no-repeat 0px/45% , url(https://images.booktopia.com.au/assets/book-club/book.png) no-repeat 0px/45%; background-position: 700px 12px, 678px 104px; padding: 20px; margin: 20px 10px; } #receipt .book-club-confirmation-page .book-club-text { width: 70%; font-size: 14px; } #receipt .book-club-confirmation-page .book-club-text h2 { color: #53565A; } #receipt .book-club-confirmation-page .book-club-text .btn.btn-green1 { font-size: 1.1em; font-weight: bold; width: 180px; vertical-align: middle; display: inline-block; text-align: center; margin-bottom: 15px; margin-top: 0; } #receipt .free-ebooks{background: #f5f5f5; border: 1px solid #ccc; clear: both; display: block; height: 170px; margin: 10px; padding: 20px 20px 0;} #receipt .free-ebooks .ebooks{float: left; margin-right: 30px;} #receipt .free-ebooks .ebooks-text{float: left; margin-top: 13px; width: 65%;} #receipt .free-ebooks .ebooks-text p{font-size: 15px;} #receipt .free-ebooks .ebooks-text .btn.btn-green1{font-size: 15px; font-weight: bold; text-decoration: none; padding: 7px 20px 6px;} #receipt .free-ebooks .ebooks-text .btn.btn-green1:hover{box-shadow: inset 415px 0 0 #075f20; text-decoration: none;} #orderconfirm-download-app .booktopia-promo.wide {background: none repeat scroll 0 0 #ffffff; border: 1px solid #ccc; display: block; height: auto; min-height: 160px; width: 100%;} #receipt #orderconfirm-download-app .booktopia-promo.wide .content {border: 0px solid; float: left; margin: 0; min-height: 146px; padding: 0; position: relative; width: 50%;} #receipt #orderconfirm-download-app .booktopia-promo.wide .text {display: inline-block; float: left; font-size: 13px; line-height: 17px; margin: auto 0; padding-left: 0;} #receipt #orderconfirm-download-app .booktopia-promo.wide .text h3 {background: #fff; font-size: 18px !important; line-height: 28px; padding: 20px 0px 7px 20px;} #receipt #orderconfirm-download-app .booktopia-promo.wide #buy-app.apple-app-store {background: url(//images.booktopia.com.au/ext/apple-app-store.png) no-repeat center center; margin-left: 20px; width: 144px;} #orderconfirm-download-app .booktopia-promo.wide #buy-app.google-play {background: url(//images.booktopia.com.au/ext/google-play.png) no-repeat center center; margin-left: 10px; width: 134px;} #receipt #orderconfirm-download-app .booktopia-promo.wide #buy-app.apple-app-store, #orderconfirm-download-app .booktopia-promo.wide #buy-app.google-play{ border-radius: 0; bottom: -8px; display: inline-block; height: 41px; left: 0; margin-bottom: 20px; padding: 0; position: absolute;} #orderconfirm-download-app .booktopia-promo.wide .image.reader {background-image: url(//images.booktopia.com.au/assets/mobile/booktopia-reader.png); background-position: 31% -47px; background-repeat: no-repeat; background-size: 100% 140%; display: block; float: right; height: 160px; width: 46%;} .apple-app-store{background:url("//images.booktopia.com.au/ext/apple-app-store.png") no-repeat center center;background-size: 100%;} .google-play{background: url("//images.booktopia.com.au/ext/google-play.png") no-repeat center center;background-size: 100%;} .apple-app-store, .google-play{border-radius: 0; bottom: 11px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: bold; height: 41px; left: 0; margin-left: 15px; padding: 0; width: 144px;} #banner-download-app {padding: 15px 0;} #category-landing #banner-download-app { padding: 0; } .download-app-banner .booktopia-promo.wide {background: none repeat scroll 0 0 #ffffff; border: 1px solid #ccc; display: block; height: auto; margin: 0 !important; min-height: 160px; width: 100% !important;} .download-app-banner .content { border: 0px solid; float: left; margin: 0; min-height: 146px; padding: 0 !important; position: relative; width: 50% !important;} .download-app-banner .booktopia-promo.wide h3 {background: #fff; font-size: 18px !important; line-height: 28px; padding: 10px 0px 7px;} .download-app-banner .image.reader {background-position: 31% -47px !important; background-repeat: no-repeat; background-size: 100% 140% !important; display: block; float: right; height: 160px !important; width: 47% !important;} .delivery-option.selected{background: #f5f5f5;} #choose-address-billing.existing-address{padding:20px;} /*#content.checkout-content tr.selected{background: #f5f5f5;}*/ .checkout-content .choose-address-item:last-child{clear: both; margin-top: 0px !important; padding-top: 0px; width: 100% !important;} #address-div{border-bottom: 1px dotted #aaa;clear: both; display: block; height: 15px; margin-bottom: 15px; width: 100%;} /*#choose-address-billing .choose-address-item.new{margin-left: -20px; margin-top: -10px;}*/ #promotion-code .field {float:left;} #promotion-code input {margin-right:20px;} #promotion-code a.apply {display:inline-block; font-weight:bold; margin-top:10px; padding-top:8px; text-decoration:underline; vertical-align:middle;} #promotion-code a.remove {font-weight:bold; text-decoration:underline;} #promotion-code td {width:30%;} #promotion-code table tr, #my-vouchers table tr {border: 0;} #my-vouchers table th {padding-right: 10px;} #promotion-code table td {padding: 0 10px; width: auto;} #promotion-code table td input {border: 1px solid #999; font-weight: normal; padding: 3px 5px; text-align: left;} #applied-codes {width: 382px;} #my-vouchers > table {width: auto;} .review-order-summary #my-vouchers > table {width: 373px;} .review-order-summary #my-vouchers > table th {padding-right: 0 !important;} #applied-codes th, #applied-codes td, #shopping-cart #my-vouchers th, #shopping-cart #my-vouchers td {padding: 0 15px 8px 10px;} #shopping-cart #applied-codes td, #shopping-cart #my-vouchers td {font-weight: normal;} #billing-review .gift-certificates-vouchers h5 {padding: 10px;} #promotion-code .apply-voucher-wrapper .field {padding-top: 10px; width: 310px;} #promotion-code .apply-voucher-wrapper a, #applied-codes a.remove, #my-vouchers a.apply {color: #009a3e; display: block; font-size: 14px; font-weight: normal; line-height: 26px; padding-top: 10px; text-decoration: none;} #applied-codes a.remove, #my-vouchers a.apply {line-height: 1.2; padding: 0;} /*Afterpay*/ #shopping-cart .afterpay {background-color: #fff; line-height: 20px; margin-top: -16px; padding-bottom: 12px; padding-right: 43px; text-align: right;} #shopping-cart .afterpay img {vertical-align: top;} #shopping-cart .afterpay a {color: #666; font-size: 11px;} #shopping-cart .afterpay-show-payment .afterpay-gap, #shopping-cart .afterpay-hide-payment .afterpay-payments {display: none;} /*#shopping-cart .afterpay-learn-more {display: block;}*/ .paypal-logo {background:url('//images.booktopia.com.au/ext/payment-methods.png') no-repeat -137px 0; vertical-align:middle;height:25px; width:43px;} .credit-cards {background:url('//images.booktopia.com.au/ext/payment-methods.png') no-repeat 0 0; vertical-align:middle;height:25px; width:130px;} .continue-shopping-button, .proceed-to-checkout-button {transition:box-shadow 0.5s linear;background-color: #aaaaaa; color: #fff !important; display: block; font-size: 12px; font-weight: bold; height: 29px; line-height: 30px; position: relative; text-align: center; text-decoration: none; width:180px;} .proceed-to-checkout-button {background: #0099dd;} .proceed-to-checkout-button:hover{box-shadow:inset 200px 0px 0px #007ab3;} .continue-shopping-button:hover{box-shadow:inset 200px 0px 0px #929292;} .continue-shopping-button span, .proceed-to-checkout-button span {display: inline-block; line-height: 29px; margin-left: 31px;} .proceed-to-checkout-button span {margin: 0;} .continue-shopping-button .icon, .proceed-to-checkout-button .icon {color: #fff; font-size: 21px; left: 10px; line-height: 28px; margin: 0; position: absolute; top: 0;} .cancel-button, .save-button {transition:box-shadow 0.5s linear;font-weight: bold;background:#bbb;display:inline-block; padding:10px 30px;margin:0 10px; color:#fff;text-decoration: none;} .save-button {float:right;background: #0099dd;} .cancel-button:hover, .save-button:hover{text-decoration: none;color:#fff;box-shadow:inset 200px 0px 0px #007ab3;} .cancel-button:hover{box-shadow:inset 200px 0px 0px #aaa;} .checkout-buttons {height:40px; padding: 20px 20px 0;} .checkout-buttons a{-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;} .checkout-buttons .checkout-button, .checkout-buttons .submit-order-button, .checkout-buttons .delivery-options-button, .checkout-buttons .review-order-button {border-radius: 0;padding: 10px 35px;font-size: 18px;font-weight: bold;line-height: 18px;background: #0099dd;text-decoration: none !important;color: #fff !important;float:right;} .checkout-buttons .submit-order-button {background-color: #ff6633;} .checkout-buttons .checkout-button:hover{-webkit-box-shadow:inset 240px 0px 0px #007ab3;box-shadow:inset 240px 0px 0px #007ab3;} .checkout-buttons .delivery-options-button:hover, .checkout-buttons .review-order-button:hover{-webkit-box-shadow:inset 310px 0px 0px #007ab3;box-shadow:inset 310px 0px 0px #007ab3;} .checkout-buttons .submit-order-button:hover{-webkit-box-shadow:inset 240px 0px 0px #d85100;box-shadow:inset 240px 0px 0px #d85100;} .checkout-buttons .continue-shopping-button:hover{-webkit-box-shadow:inset 240px 0px 0px #929292;box-shadow:inset 240px 0px 0px #929292;} #shopping-cart-table .continue-shopping-button{width:auto;display:inline-block;} #shopping-cart-table .continue-shopping-button span{margin:0;font-size: 18px;} #checkout-progress-bar {margin:0 20px 12px; overflow: hidden;} #checkout-progress-bar li {background:url('//images.booktopia.com.au/assets/checkout/progress-bar.png') no-repeat -251px -57px; display: block; float: left; height:41px; text-indent: 30px; width:265px;} #checkout-progress-bar li.active {background-position: -251px 0;} #checkout-progress-bar li.complete {background-position: -251px -114px;} #checkout-progress-bar li:first-child {background-position: -4px 0; text-indent: 15px; width: 220px;} #checkout-progress-bar li:last-child {width: 233px;} #checkout-progress-bar li a, #checkout-progress-bar li span {color:#FFFFFF; display:block; font-weight:bold; font-size: 14px; line-height: 41px; text-decoration: none; text-transform:uppercase;} #shopping-cart-table #cartItems .gift-certificate-row {display: none;} #shopping-cart .shipping .label, #shopping-cart .promotional-discount .label{font-weight: normal;padding-right:60px;} .align-left{text-align: left !important;} #content.checkout-content {padding: 12px 0;} .checkout-content .errorContentBox {margin: 10px 20px;} .checkout-content form label {font-weight: bold;} .checkout-content .mainContentBox, .checkout-content .tableContentBox {padding: 10px 0;} .checkout-content .mainContentBox h2, .checkout-content .mainContentBox .content, .checkout-content .tableContentBox h2, .checkout-content .tableContentBox .content {background-color: transparent; color: #53565a;} .checkout-content .mainContentBox h2, .checkout-content .tableContentBox h2 {font-size: 21px;} .checkout-content .mainContentBox .content {padding: 10px 20px;} .checkout-content #checkoutAddressForm {border-top: 2px solid #ccc;} .checkout-content .checkout-phone {border-bottom: 1px solid #ccc; margin-bottom: 7px;} .checkout-content .checkout-shipping-address .content {margin: 7px 20px; padding: 0;} form .choose-address-item input[type="radio"] {float: left;} form .choose-address-item > p, form .choose-address-item > h4 {margin-left: 25px;} .checkout-content .edit-address, .checkout-content .show-address-form {display: block; font-size: 13px; font-weight: normal; text-decoration: none;} .checkout-content .show-address-form { transition:box-shadow 0.2s ease-in-out;box-shadow: 0px 2px 4px 0px #ccc; color: #009933;background: #fcfcfc none repeat scroll 0 0; border: 1px solid #ddd; color: #555; display: inline-block; font-size: 14px; line-height: 18px; padding: 9px 20px;} .checkout-content .show-address-form:hover{box-shadow: none;} .checkout-content .show-address-form .icon-plus3 {color: #666; float: left; font-size: 18px; margin-right: 10px;} .checkout-content .show-address-form:hover .icon-plus3{color: #009933;} .checkout-content .edit-address {padding-top: 7px;} .checkout-content .edit-address span, .checkout-content .show-address-form span {color: #333; margin-right: 3px;} .checkout-content .choose-address-item {display:inline-block; vertical-align: top; width: 30%; padding: 1.5%;transition: background 0.1s ease-out;} .checkout-content .choose-address-item.selected {background: #f5f5f5} /*.checkout-content .choose-address-item:nth-child(3n+1) {clear: left;}*/ /*.checkout-content .choose-address-item:nth-child(n+4) {margin-top: 20px;}*/ .checkout-content form #wallet-label, .checkout-content form #locker-label, #deliveryOptions label {float: none; font-size: 14px; padding: 1px 0 10px; width: auto;} .checkout-content #defaultBilling {border: 1px solid #ccc; padding: 15px 20px 7px;} .checkout-content #billingAddressPanel {background-color: #fff; overflow: hidden; position: relative;border:1px solid #ccc;margin-top:-1px;} .checkout-content .mainContentBox.review-address .content{background: #f5f5f5; border: 1px solid #ccc; line-height: 26px; margin: 0 20px; margin: 0 20px; padding-left: 15px; padding-top: 17px;} .checkout-content .mainContentBox.review-address-error .content {border-color: red;} .checkout-content .mainContentBox.review-address #errorMissingShippingAddress {color: Red; display: none; padding: 0 20px;} .checkout-content .mainContentBox.review-address-error #errorMissingShippingAddress {display: block;} .checkout-content .mainContentBox.review-address .content h4{margin-top: -7px; padding-left: 28px;} .checkout-content .mainContentBox.review-address .content .address-phone {display: none;} .checkout-content .mainContentBox.review-address .content p{ display: block; font-size: 14px; line-height: 20px; margin: -5px 0 5px 29px;} .checkout-content .mainContentBox.review-address .content a.edit-address{display: inline; margin-left: 27px;} .checkout-content #deliveryOptions label {font-size: 14px; padding-bottom: 1px;} .checkout-content .delivery-option {border: 1px solid #ccc; border-top: 0; padding: 10px;} #signatureOnDeliveryFalse{font-weight: normal; margin-top: 15px;} #signatureOnDeliveryFalse, #deliveryInstructionPanel{margin-left: 34px;} #deliveryInstructionPanel {top: -2px;} .checkout-content .delivery-option input[type="radio"] {margin: 3px 12px 0 5px;} #checkout-delivery-options {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} #checkout-delivery-options tr.selected{background: #f5f5f5;} #checkout-delivery-options .shipping-rates td:first-child {border-left: 1px solid #ccc; padding-left: 15px;} #checkout-delivery-options .shipping-rates tr:nth-child(2n+1) td {border-top: 1px solid #ccc; padding-top: 12px;} #checkout-delivery-options td p {margin-right: 20px;} .checkout-content .review-shipping-billing .mainContentBox {position: relative;} .checkout-content .review-shipping-billing h2 {border-bottom: 1px solid #ccc; margin: 0 20px; padding: 0 0 10px;} .checkout-content .review-shipping-billing .freetext {white-space: pre-line;} .checkout-content .review-order-summary h2 {padding: 0 20px 0 10px;} .checkout-content .review-edit-address {font-size: 14px; position: absolute; right: 22px; text-decoration: none; top: 12px;} .checkout-content .review-edit-address span {color: #53565a;} .checkout-content .review-order-summary .content {margin-right: 10px;} .checkout-content .review-order-summary #cartItems {border: 1px solid #ccc; border-bottom: 0; margin-right: 10px;} .checkout-content .review-order-summary #cartItems td {background-color: #f9f9f9;} .checkout-content .review-order-summary #cartItems .gift-certificate-row td {background-color: #fff;} .checkout-content .review-order-summary #shopping-cart td.shoppingCart-title a.title{line-height: normal;} .checkout-content .review-order-summary #shopping-cart td.shoppingCart-each,.checkout-content .review-order-summary #shopping-cart td.shoppingCart-quantity{padding-top:10px;} .checkout-content .review-order-summary #shopping-cart .book-club-badge-content{display: none;} .checkout-content .review-order-summary #shopping-cart tr.bundle-item .shoppingCart-total{padding:10px; vertical-align: middle;} .checkout-content #shopping-cart .modify {border-top: 1px solid #ccc; margin: 0; padding: 15px 0 0 5px;} table.shipping-rates .del-club-logo {float: left;margin: 0px 8px 0 0;} #billing-review #shopping-cart tr.bundle-item td:first-child:before{content:"";background: #009933;position:absolute;height:102%;top:-1px;left:0px;width:10px;z-index: 10;} #billing-review #shopping-cart tr.bundle-item td.image {width: 20px;position: relative;} #billing-review #cartItems .image {padding-left: 0; width: 0;} #billing-review #cartItems .shoppingCart-title {padding: 10px 0; width: auto;} #billing-review #cartItems .shoppingCart-delivery {padding-top: 8px;width: 0; height:0;} #billing-review #cartItems .shoppingCart-delivery>* {display:none;} #billing-review #cartItems .shoppingCart-each {width: 50px;} #billing-review #cartItems .shoppingCart-quantity {width: 30px;} #billing-review #cartItems .shoppingCart-total {padding: 10px 3px; width: 55px;} #billing-review #cartItems .shoppingCart-buttons {padding: 0; width: 3px;} #billing-review #shopping-cart .shoppingCart-delivery p {padding-top: 0;} #billing-review #cartItems .shoppingCart-total .strike {color:#666; font-weight: normal;} /** Author **/ #author-info{padding:20px;background: #f5f5f5;border-top:1px solid #ccc;} #author-info .image { width:100%;} #author-info .author-info-container{margin-top:10px;} #author-info .author-info-img{width:300px;display: inline-block;box-sizing: border-box;} #author-info .author-info-detail{width:635px;display: inline-block;vertical-align: top;margin: 0px 10px;padding-left:10px;box-sizing: border-box;} #products-series {padding-top:23px;} #product-listing table, #products-series table {margin-top:20px;} #products-series table {border-bottom:2px dotted #F4F4F4; width:100%;} #product-listing tr, #products-series tr {vertical-align:top;} #product-listing td, #products-series td {padding-bottom:2px;} .author-landing .product-carousel-4 h2{color: #666666; font-size: 28px; font-weight: bold; margin-bottom: 10px; margin-top: 10px;} h2.dual span{color: #009933;} .author-landing #content .yui3-u-1-5 #product-listing td img, .author-landing #content .yui3-u-1-5 #products-series td img{margin-right: 10px; width: 40px;} .author-landing #product-listing table, .author-landing #products-series table {margin-top: 0px;} .author-landing #products-series{padding-top: 0px;} .author-landing #products-series .title{color: #666666; font-size: 14px; padding-bottom: 15px;} #product-listing td.title, #products-series td.title {font-weight:bold; padding: 10px 0;} #gift-wrapping-icon {background:url('//images.booktopia.com.au/assets/gift-wrapping-icon.png') no-repeat scroll -74px -78px transparent; height:52px; width:52px;} #gift-certificate-icon {background:url('//images.booktopia.com.au/giftCertificate/cart-thumb.jpg') no-repeat scroll 0 0 transparent; height:40px; width:60px; background-size: 60px 40px;} /* Social Media Icons */ #footer #social-media-tab {background: none; border-top: none; height: 40px; margin: 3px 30px; padding-top: 0; position: relative; top: 0; left: 0; width: 230px;} #footer #social-media-tab li {float:left;} #footer #social-media-tab li span{transition:all 0.2s ease-out;display:inline-block;width:32px; height:32px;text-align:center; font-size: 20px;line-height: 32px;border:1px solid #c3c3c3;margin-right:4px;background: #ccc;} #footer #social-media-tab a.facebook-icon:hover span{background: #4267b2;border-color:#4267b2;} #footer #social-media-tab a.twitter-icon:hover span{background: #38A1F3;border-color:#38A1F3;} #footer #social-media-tab a.blog-icon:hover span{background: #009933;border-color:#009933;} #footer #social-media-tab a.youtube-icon:hover span{background:#ED3833;border-color:#ED3833;} #footer #social-media-tab a.pinterest-icon:hover span{background:#BD081C;border-color:#BD081C;} #footer #social-media-tab a.instagram-icon:hover span{background:#231F20;border-color:#231F20;} #footer #social-media-tab a.soundcloud-icon:hover span{background:#f7850f;border-color:#f7850f;} #header-social #social-media-tab li span {display:none;} #header-social #social-media-tab li.inline {display:inline-block;} #header-social #social-media-tab {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -15px 0 transparent; display:block; height:265px; left:50%; margin-left:512px; position:absolute; top:450px; width:100px;} #header-social #social-media-tab a.facebook-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -209px -170px transparent; display:block; height:45px; width:45px;} #header-social #social-media-tab a.twitter-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -258px -170px transparent; display:block; height:45px; width:45px;} #header-social #social-media-tab a.blog-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -209px -125px transparent; display:block; height:45px; width:90px;} #header-social #social-media-tab a.youtube-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -209px 0 transparent; display:block; height:125px; width:90px;} #header-social #social-media-tab a.pinterest-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -258px -218px transparent; display:block; height:45px; width:45px;} #header-social #social-media-tab a.instagram-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -258px -218px transparent; display:block; height:45px; width:45px;} #header-social #social-media-tab a.soundcloud-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large-v2.png') no-repeat scroll -209px -218px transparent; display:block; height:45px; width:45px;} #header-social #social-media-tab a.facebook-icon:hover {background-position:-114px -170px;} #header-social #social-media-tab a.twitter-icon:hover {background-position:-163px -170px;} #header-social #social-media-tab a.blog-icon:hover {background-position:-114px -125px;} #header-social #social-media-tab a.youtube-icon:hover {background-position:-114px 0;} #header-social #social-media-tab a.pinterest-icon:hover {background-position:-163px -218px;} #header-social #social-media-tab a.instagram-icon:hover {background-position:-163px -218px;} #header-social #social-media-tab a.soundcloud-icon:hover {background-position:-114px -218px;} /* Sitemap */ #sitemap ul.nested {margin-left:20px;} @media screen and (min-width: 1140px) { /* body {background:url("//images.booktopia.com.au/backgrounds/christmas-cutoff-2015.jpg") no-repeat scroll center 190px #F4F4F4;} */ /* body {background:url("//images.booktopia.com.au/backgrounds/10th-birthday-sale.jpg") no-repeat scroll center 105px #F4F4F4;} */ /* body {background:url("//images.booktopia.com.au/backgrounds/moving.jpg") no-repeat scroll center 477px #F4F4F4;} */ /* body {background:url("//images.booktopia.com.au/backgrounds/mothers-day-2016.jpg?v=2016-04-21") no-repeat scroll center 216px #F4F4F4;} */ } @media screen and (max-width: 1220px) { #header-social #social-media-tab {display:none !important;} #header-social #social-media-tab-large {display:none !important;} } /* Nano Scroller */ .nano {position: relative; width:100%; height: 100%; overflow: hidden;} /* Stop IE7 for indenting list items (when scrollbar present) */ #product-filter ul { list-style-position:outside;padding-bottom:10px;} .nano .content {position:absolute; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left:0; padding:2px 0;} .nano .content:focus {outline:thin dotted;} .nano .content::-webkit-scrollbar {visibility: hidden;} .has-scrollbar .content::-webkit-scrollbar {visibility: visible;} .nano > .pane {background:rgba(200,200,200,1.0); position:absolute; width:10px; right:2px; top:0; bottom:0; opacity:0.2; -webkit-transition:.2s; -moz-transition:.2s; -o-transition:.2s; transition:.2s; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .nano > .pane > .slider {background:rgba(0,0,0,.5); position:relative; margin:0 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .nano:hover > .pane, .pane.active, .pane.flashed {visibility:visible\9; opacity:0.99;} .nano.lines12 {height: 231px;} .nano.lines24 {height: 466px;} /*Waldo - to be activated when logic is ready */ #waldo {bottom: 0; left: 50%; margin-left: 442px; position: fixed; z-index: 999999;} .click-me {bottom: 56px; left: 50%; margin-left: 411px; position: fixed; z-index: 99999999;} .fadeIn { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; -o-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; } .fadeIn-3s { -webkit-animation-duration:3s; -moz-animation-duration:3s; -o-animation-duration:3s; animation-duration:3s; } .fadeIn-1s { -webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .fadeIn-Delay-3s { -webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s; } .fadeIn-Delay-6s { -webkit-animation-delay:6s; -moz-animation-delay:6s; -o-animation-delay:6s; animation-delay:6s; } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } /*removing the extra styles added to mobile*/ .container-prod-details .wishlist, .container-prod-details .price .sale-price .icon-cart3, #product-version .icon-cart3 {display: none;} /**Search**/ /*#content #product-browse .product:hover{background: #efefef;} #content #product-browse .product {*//* background: rgb(245,245,245); /* Old browsers */ background: -moz-linear-gradient(top, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(245,245,245,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 30%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,1) 30%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,1) 30%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,245,245,1) 30%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-left: 10px solid #fff; margin-top: 15px; padding: 6px 12px 8px 12px;}*//* #content #product-browse .product.first {border-left: 0px solid #fff;} #product-browse .product .container.image {clear: both; display: block; float: left; height: 222px; width: 100%;} #product-browse .product .container{background: none repeat scroll 0 0 #ffffff; border-radius: 2px; box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.45); display: inline-block; margin: 5px; text-align: center; width: 121px; height: 132px; line-height: 237px; margin: 5px 5px 10px 0;} #product-browse .product .container a{ height: auto; position: relative; vertical-align: middle; width: 155px;} #product-browse .product .container a img {box-shadow: none; left: 0; max-height: 200px; width: 150px !important; vertical-align: middle; position:relative;} #product-browse .product .container-prod-details {width:63%; float: left;} #product-browse .product .product-details { clear: both; height: 90px; overflow: hidden;} #content #product-browse .separator{display: none;}*/ /**Removing Items From Search refinements**/ #category-landing #product-filter h4.top, #category-landing #product-filter #search{display: none;} /**search module**/ #search-module {background:#f0f0f0; border-bottom: 1px solid #cccccc; display: inline-block; margin-left: -13px; padding-bottom: 30px; padding-left: 15px; padding-top: 30px; width: 794px;} #search-module h4{display: none;} #search-module h2{font-size: 34px;} #search-module #search{display: inline-block; height: 60px; line-height: 60px; width: 770px;} #search-module #search form input#refine-search-box{border: 1px solid #ccc; border-radius: 3px; color:#999; display: inline-block; height: 43px; padding: 2px 10px; vertical-align: middle; width: 569px;} #search-module #search form input.submit{transition:box-shadow 0.5s linear;background:#009933; font-size: 24px; border:none;color: #fff; line-height: normal;margin: 0 0 0 15px;padding: 11px 0px 10px 0px; vertical-align: middle; width: 148px; text-transform: uppercase; font-weight: bold;} #search-module #search form input.submit:hover{box-shadow:inset 200px 0px 0px #075f20;} /**Header Image Area #category-landing{background:url("//images.booktopia.com.au/assets/50ShadesofGrey.jpg") no-repeat scroll center 260px #F4F4F4;} #category-landing #body #breadcrumbs{background:rgba(255, 255, 255, 0.5);} #category-landing #body { background: none;} #category-landing #body h1{margin-top: 367px;} #category-landing #body>h1, #category-landing #body>div.yui3-g{background: #ffffff;}**/ /**Featured Author block**/ #featured-author h3{color: #666666; margin-bottom: 20px; padding-bottom: 15px; width: 100%;} #featured-author #author-pic, #trending-authors #author-pic {border: 1px solid #ccc; border-radius: 50%; display: block; float: left; height: 115px; margin-bottom: 10px; margin-right: 20px; overflow: hidden; text-align: center; width: 115px;} #trending-authors #lbl-trending-authors { border-bottom: 2px solid #e0e0e0; color: #333; } #featured-author #author-pic img {max-width: 100%;} #featured-author #author-bio{font-size: 14px; line-height: 18px;padding-right: 15px; } #featured-author ul li {background: #f5f5f5; border: 1px solid #dedede; float: left; height: 175px; line-height: 171px; position: relative; margin-bottom: 10px; margin-right: 18px;} #featured-author ul li.last {margin-right: 0px;} #featured-author ul li img{display: inline-block; line-height: normal; max-height: 176px; vertical-align: middle; width: 110px;} .more-grey {background: none repeat scroll 0 0 #efefef; height: 25px; line-height: 20px; margin-bottom: 0px; margin-top: 20px; padding-right: 10px; padding-top: 5px; text-align: right;} .more-grey a {color: #333333;} /**7 Block**/ .block7 .yui3-u-1 .info-block{background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; display: block; height: 96px; margin: -5px 0 0; padding: 10px 10px 0;} .block7 .yui3-u-1 .info-block #product-title{border-bottom: 0 none;} .block7 .yui3-u-1 .info-block #product-title h3{border-bottom: 0 none; padding-bottom: 10px; margin-bottom: 0px;} .block7 .yui3-u-1 .info-block h2{margin-bottom:5px;} .block7 .yui3-u-1 .info-block p{float: left; margin-bottom:5px; width: 55%;} .block7 .yui3-u-1 .info-block #product-review-stars{float: left; padding-bottom: 0; width: 55%;} .block7 .yui3-u-1 .info-block #contributors{border-top: 2px dotted #efefef; display: inline-block; margin-top: 5px; padding-top: 7px; width: 100%;}} .block7 .yui3-u-1 {width: 100%; display: block;} .block7 .yui3-u-1 .arrow-left {border-bottom: 18px solid transparent; border-right: 20px solid #009933; border-top: 19px solid transparent; display: inline-block;float: left; height: 0; margin-left: -21px; margin-top: 23px; width: 0;} .block7 .yui3-u-1 .small-movie.active-promo{background: none repeat scroll 0 0 #fff; border-right: 1px solid #cccccc; border-top: 6px solid #009933;border-bottom: 6px solid #009933; border-left: 3px solid #009933; color: #fff; margin-left: 0; width: 130px;} .block7 .yui3-u-1 .small-movie{background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; display: block; height: 80px; margin: 0 0 21px 5px;} .block7 .yui3-u-1 .small-movie img{height:80px; float: left;} .block7 .yui3-u-1 .small-movie h3{border-bottom: 0px none; float: right; font-size: 14px; margin-bottom: 0; margin-top: 0; padding: 0 3px 0 0; width: 63px;} .block7 .yui3-u-1 .small-movie p{float: right; font-size: 13px; padding-right: 5px; margin-bottom: 0; width: 63px;} .block7 .main-image-container{border: 1px solid #ccc; line-height: 356px; height: 359px; float: left; position: relative; width: 241px;} .block7 .main-image{display: inline-block; line-height: 250px; max-height: 100%; vertical-align: middle; width: 100%;} .block7 ul{float: left; padding-left: 10px;} .block7 .spacer{margin-top: 25px;} .browse.audio .block7 .main-image-container{ border: 1px solid #ccc; float: left; height: 236px; line-height: 233px; position: relative; width: 241px;} .browse.audio .block7 .main-image{display: inline-block; line-height: auto; max-height: 100%; vertical-align: middle; width: 100%;} /**Featured Content - Grid**/ #grid h2{ color: #666666; font-size: 28px;} #grid .x-large-feature{background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #ccc; box-shadow: 0 0 5px -2px #666; clear: both; display: inline-block; height: auto; padding: 0; width: auto;} #grid .x-large-feature img{display: block; float: left; height: 225px; width: auto;} #grid .x-large-feature .feature-content{float: right; padding: 10px;} #grid .x-large-feature .feature-content #product-title {border-bottom: 0 none; padding-bottom: 0px; text-align: left;} #grid .x-large-feature .feature-content #product-title h1{margin-bottom:10px; margin-top:0px; padding: 0px 0px 10px 0px; } #grid .large-feature{background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #ccc; box-shadow: 0 0 5px -2px #666; clear: both; display: inline-block; height: auto; padding: 0 10px 0 0; width: auto;} #grid .small-feature{background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #ccc; box-shadow: 0 0 5px -2px #666; clear: both; display: inline-block; height: auto; margin-bottom: 12px; margin-top: 0; padding: 0 10px 0 0; width: auto;} #grid .small-feature img{display: block; float: left; height: 104px; width: auto;} #grid .small-feature .feature-content{float: right; margin: 8px 0; width: 67%;} #grid .small-feature .feature-content #product-title {border-bottom: 0 none; padding-bottom: 0px;} #grid .small-feature .feature-content #product-title h2{font-size: 18px; margin-top:0px;} #grid .medium-feature{background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #ccc; box-shadow: 0 0 5px -2px #666; clear: both; display: inline-block; height: auto; margin-left: 13px; padding: 0; width: auto;} #grid .medium-feature img{display: block; float: left; height: 104px; width: auto;} #grid .add-to-cart.button-medium{margin-top: 20px;} #grid .add-to-cart.button-small{margin-top: 10px;} /**Buttons**/ .button-medium{color: #ffffff; cursor: pointer; display: block; font-size: 18px; font-weight: bold; padding: 10px 15px; text-align: center;} .button-small{color: #ffffff; cursor: pointer; display: block; font-size: 16px;padding: 5px 8px; text-align: center;} .button-medium.green, #add-voucher.button-medium { background: rgb(0,153,51); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,153,51,1) 0%, rgba(0,132,22,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,153,51,1)), color-stop(100%,rgba(0,132,22,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,153,51,1) 0%,rgba(0,132,22,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,153,51,1) 0%,rgba(0,132,22,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,153,51,1) 0%,rgba(0,132,22,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,153,51,1) 0%,rgba(0,132,22,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009933', endColorstr='#008416',GradientType=0 ); /* IE6-9 */ } .button-medium.blue, .button-small.blue {background-color: #0e8fcf; background-image: -moz-linear-gradient(center top , #0e8fcf 0%, #286bb5 100%);} .button-medium.blue:hover, .button-small.blue:hover {background: #286bb5;} /**Crowns**/ #content #crowns.crowns-100 { margin-left: 0px; width: 1009px !important; } #content #crowns.crowns-809 { border-top: 0 none; margin-left: 0px; width: 793px !important;} #crowns .featured-block a:hover{text-decoration: none;} #crowns h2 a {color: #333;} #new-layout.coloured-crowns #crowns h2 a {color: #FFF;} #crowns .feature-box { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; height: 351px; margin-bottom: 20px; max-width: 240px; min-height: 118px; position: relative; width: 93%; } #crowns .feature-box > a.tile > img {width:100%;} #crowns .small.feature-box{background: #f5f5f5; height:47px; min-height:47px;} #crowns .feature-box.promo-image{width: 96.5%; max-width: none;} #crowns .yui3-u-1-3 .feature-box.promo-image { width: 92.5%;} #crowns .promo-image .tile img { height: 100%; width: 100%;} #crowns .yui3-u-1-3 .promo-image .tile img{width: 100%;} #crowns .feature-box .image-on-top { border-bottom: 1px solid #ccc; display: inline-block; height: 90px; overflow: hidden; text-align: center; width: 100%;} #crowns .feature-box .image-on-top img { border: 0 none;} #crowns .feature-box h2{ border-bottom: 1px solid #ccc; color: #333; font-size: 17px; margin-bottom: 10px; margin-top: 0; padding: 13px 0; text-align: center; width: auto;} /*#crowns .feature-box p, #crowns .feature-box ul {font-size: 15px; line-height: 28px; margin-top: -10px; padding: 5px 10px 0 8px; width: 90%; }*/ #crowns .feature-box p, #crowns .feature-box ul {font-size: 14px; line-height: 26px; margin-top: -10px; padding: 5px 10px 0 8px; width: 100%; } #crowns .feature-box .tile{box-shadow: none; height: 100%; margin-top: 0; width: 100%;} section#authors {margin-bottom: -10px;} section#authors ul {margin: 15px 0 25px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} section#authors ul a{color: #333333;} #crowns .feature-box li.more { border: medium none; bottom: 6px; color: #009933; font-size: 12px; position: absolute; right: 30px; } #crowns .feature-box li.more a { color: #009933; } #crowns .feature-box ul.no-image li, section#authors li { padding-left:1em; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #crowns .feature-box ul.no-image li:before, section#authors li:before{ font-family:booktopia; content:"\e894"; margin-left:-1em; width:1em; color:#009933; font-size:15px; vertical-align:sub; } #crowns .feature-box ul li.more{list-style: none outside none;} #crowns .feature-box ul.no-image li.more:before{display: none; margin-left:0;} #category-landing #crowns .booktopia-promo{border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: 5px 0 20px -15px;} #crowns.popular .feature-box h2{background: #fff; text-align: left; padding-left: 10px;} #crowns.popular .feature-box .icon-arrow-right8.go-to{display: block; float: right; font-size: 24px; height: 25px; width: 25px;} #crowns.tall .feature-box { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; height: 614px; margin-bottom: 20px; max-width: 240px; min-height: 118px; position: relative; width: 93%; } #ebook-download-app .download-app{ margin-top: 10px; } /*Small Crowns*/ #crowns .small.feature-box{background: #fff; height: 60px; max-height: 60px; position: relative } #crowns .small.feature-box h2{ background: transparent; border-bottom: 0 none; text-align: left; padding-left: 10px; width: 88%; margin: 0; position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%)} #crowns.popular .small.feature-box .icon-arrow-right8.go-to { display: block; float: right; font-size: 24px; height: 25px; position: absolute; right: 0; top: 18px; width: 25px;} .small.feature-box:hover{ box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.3);} .small.feature-box a:hover{text-decoration: none;} .small.feature-box a:hover .go-to{text-decoration: none; color: #77bb22;} /**Index pages**/ .index h1{border-bottom: 1px solid #ccc; background: #ffffff; color:#000000; font-size: 32px; font-weight: bold; margin-bottom: 0px; padding: 15px 12px 15px 12px; } .index .grey #banner{margin-right: 20px;} /*.index.ebooks .product-carousel-7, .index.dvds .product-carousel-7, .index.audio-books .product-carousel-7, .index.mags .product-carousel-7{padding: 0 12px;} .index section h2{font-size: 26px;} .index a.cta{transition: all 0.5s linear;background: none repeat scroll 0 0 #009933; color: #ffffff; display: block; float: left; font-size: 16px; font-weight: bold; margin-right: 10px; padding: 4px 0 5px; text-align: center; width: 110px;} .index a.cta:hover{text-decoration: none;box-shadow:inset 305px 0px 0px #075f20;} #content.index #category-featured-prods.grey{padding-left: 0;} /**Offers**/ #offers h3, #offers span.offer-icon{color: #009933;} #offers span.offer-icon{display: block; float: left; height: 60px; font-size: 40px; margin-right: 15px;} #offers a.details{float: left; margin-left: 0; text-decoration: none; width: 375px;} #offers a.details h3{margin-bottom: 0px;} #offers a.details p{color: #333; font-size: 14px; margin-bottom: 0px;} #offers a.cta{background: none repeat scroll 0 0 #009933; color: #ffffff; display: block; float: left; font-size: 16px; font-weight: bold; margin-right: 10px; margin-top: 23px; padding: 8px 22px 7px; text-align: center;text-transform: uppercase; width: auto;} #offers a.cta:hover{text-decoration: none;} /**Browse**/ #browse{padding: 0 12px;} #browse li.links a{color: #333333; font-size: 14px;} #browse li.more { border: medium none; bottom: 6px; color: #009933; font-size: 12px; position: absolute; right: 30px; } #browse li.more a { color: #009933;} #browse ul.no-image li { padding-left:1em; } #browse ul.no-image li:before, section#authors li:before{ font-family:booktopia; content:"\e894"; line-height: 24px; margin-left:-1em; width:1em; color:#009933; font-size:15px; vertical-align:sub; } #browse ul li.more{list-style: none outside none;} #browse ul.no-image li.more:before{display: none; margin-left:0;} /*.separator{background: #cccccc; display: block; height: 1px; margin: 20px 0; width: 100%; }*/ #crowns.popular.browse .feature-box h2{border: 0 none; padding: 10px 8px;} #crowns.popular.browse .feature-box .icon-arrow-right8.go-to {border: 0 none; display: block; float: right; font-size: 24px; height: 25px; position: absolute; right: 0; top: 13px; width: 25px;} #crowns.popular.browse .feature-box h2 {border: 0 none; display: inline-block; font-size: 14px; line-height: normal; margin-top: 0; max-height: 20px; padding-left: 8px; padding-right: 18px; text-align: left; width: auto;} #crowns.popular.browse .feature-box h2 a{color: #666;} #crowns.popular.browse .feature-box h2 .results{color: #000; font-size: 11px; font-weight: normal;} #crowns.popular.browse .small.feature-box { background: #ffffff; height: 50px; line-height: 50px; min-height: 50px;} /**Trending**/ #trending h3{color: #333333; border-bottom: 1px solid #ccc; font-size: 21px; font-weight: bold; margin-top: 10px; margin-bottom: 20px;padding-bottom: 15px; } #trending .block7 ul { float: none; padding: 0; } #trending ul li {background: #f5f5f5; border: 1px solid #dedede; float: left; height: 170px; line-height: 167px; position: relative;} #trending ul li.last {margin-right: 0px;} #trending .browse #pnl-preorders { margin-bottom: 22px; } .view-all-link { text-align: right; padding: 10px 15px; background: #F5F5F5; height: 34px; box-sizing: border-box; } .view-all-link a { text-transform: uppercase; font-weight: bold; text-decoration: none; } .view-all-link a .icon-uniE89B { font-size: 12px; font-weight: bold; } #trending #uni-course { height: 135px; margin: 15px; box-sizing: border-box; width: auto; padding: 2rem; margin-bottom: 0; } #trending #uni-course .course-finder-search-box { display: flex; justify-content: space-between; padding: 5px 0; } #trending #uni-course .course-finder-search-box .title { margin-top: 0; text-transform: none; text-shadow: none; font-size: 26px; width: auto; flex: 0 0 32%; margin-right: 30px; } #trending #uni-course .course-finder-search-box .form { width: auto; text-align: left; float: none; display: flex; justify-content: space-between; margin: 10px 0; } #trending #uni-course .course-finder-search-box .form #course-search { width: 245px; margin-right: 20px; padding: 8px 10px; height: 45px; border: 2px solid #efeeee; box-shadow: none; border-radius: 0px; } #trending #uni-course .course-finder-search-box .form .course-finder-search { margin: 0; height: 45px; padding: 7px 0 9px; font-size: 15px; width: 175px; } .more-grey {background: none repeat scroll 0 0 #efefef; height: 25px; line-height: 20px; margin-bottom: 0px; margin-top: 5px; padding-right: 10px; padding-top: 5px; padding-bottom: 3px; vertical-align: middle; text-align: right;} .more-grey a {color: #333333; vertical-align: middle;} .more-grey a:hover {color: #009933; text-decoration: none;} .more-grey .icon-large{ line-height: 20px; font-size: 18px; vertical-align: middle; } .bio-details{width: 95%} #trending .bestsellers h3{ color: #333333; padding: 10px; margin-top:0; border-bottom: 2px solid #e0e0e0; } #trending .bestsellers a h3:hover, #trending .bestsellers a:hover{ color: #333333; text-decoration: none !important; } #trending .bestsellers #info ol.top-10{ counter-reset: item; padding-left: 0px; } #trending .bestsellers #info ol li{ list-style-type: decimal; list-style-position: outside; color: #333333; margin-bottom: 10px; float: left; width:100%; display:block; height: auto; padding-left: 10px; box-sizing: border-box; } #trending .bestsellers #info ol li:last-child { margin-bottom: 0; } #trending .bestsellers #info ol li.border-bottom { border-bottom: 2px solid #e0e0e0; } #trending .bestsellers #info ol li.border-bottom:last-child { border-bottom: 0; } #trending .bestsellers #info ol li:before { color: #bbbbbb; content: counter(item, decimal) ". "; counter-increment: item; display: block; float: left; font-size: 16px; font-weight: bold; height: 75px; width: 24px; } #trending .bestsellers #info .top-10 li img { width: 45px; display: inline-block;} #trending .bestsellers #info .top-10 li h4{ color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; width: 100%; } #trending .bestsellers #info .top-10 li h4 a { color: #333333; text-decoration: none; } .bestsellers #info .top-10 li h4 a:hover{ color: #009933; text-decoration: none; } #trending .bestsellers #info .top-10 li .product-details { display: block; float: right; font-size: 13px; margin-right: 5px; text-align: left; width: 145px; } #trending .bestsellers #info .top-10 li .product-details p { margin-bottom: 0; } #trending .bestsellers #info .top-10 li .product-details .pr-snippet { margin-bottom: 10px; color: #333;} #trending .bestsellers #info .top-10 li .product-details .pr-snippet .review-count-text { display: none; } #trending .bestsellers #info .more { text-align: center; font-weight: bold; text-transform: uppercase; padding: 10px 5px; background: #F5F5F5; border-top: 2px solid #e0e0e0; } #trending .bestsellers { border: 2px solid #e0e0e0; border-right: 0px; } #trending .browse{width:77%;} #trending .promo-content{width:23%; margin-top: 77px; } .index section#trending h2 {margin-left:15px; margin-top: 30px; margin-right: 15px; border-bottom: 2px solid #e0e0e0; color: #333; } .index section#trending h2#lbl-preorders, .index section#trending h2#lbl-comingsoon { margin-top: 20px; } .index section#trending #pnl-comingsoon, .index section#trending #pnl-trending-tv { margin-bottom: 22px; } #trending .carousel-grid-1-4-layout{margin:0;} #trending .carousel-grid-1-4-layout ul li{background: none; border:none;line-height: unset;} #content.index section#trending{padding:0px;width:auto; padding-bottom: 20px;} #content.index.audio-books section#trending, #content.index.stationery section#trending, #content.index.mags section#trending, #content.index.dvds section#trending { padding-bottom: 0; } .vertical-text-overflow { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* Featured Landing Page Blocks */ .feature-landing-page-block { padding: 30px 15px; padding-right: 0; background: #fff; } .feature-landing-page-block h2.dual { border-bottom: 2px solid #e0e0e0 !important; margin-right: 15px; color: #333 !important; } .feature-landing-page-block.advertisement { background: #f4f4f4; padding: 17.5px 20px; box-sizing: border-box; display: flex; } .feature-landing-page-block.advertisement div { width: 50%; } .feature-landing-page-block.advertisement div img { width: 100%; max-width: 475px; } .feature-landing-page-block.advertisement div:first-child { margin-right: 10px; } .feature-landing-page-block.advertisement div:last-child { margin-left: 10px; } /* Featured Landing Page Blocks - Promotions */ .feature-landing-page-block#promotions { padding-bottom: 20px; } .feature-landing-page-block .promotion-block { color: #fff; margin-right: 15px; height: 130px; box-sizing: border-box; padding: 15px; background-size: auto 100%; position: relative; } .feature-landing-page-block .promotion-block h3 { -webkit-line-clamp: 1;} .feature-landing-page-block .promotion-block h3 a { color: #fff; text-decoration: none; } .feature-landing-page-block .promotion-block h3 a:hover { text-decoration: none; } .feature-landing-page-block .promotion-block p { -webkit-line-clamp: 2; } .feature-landing-page-block .promotion-block .btn { background: #009A3E; padding: 7px 10px; position: absolute; bottom: 15px; } .feature-landing-page-block .promotion-block .btn:hover { box-shadow: inset 200px 0px 0px #075f20; } /* Featured Landing Page Blocks - Top Small Crowns */ .feature-landing-page-block#top-small-crowns { padding-bottom: 0 !important; } .feature-landing-page-block#top-small-crowns .feature-box { background: #f7f7f7; margin-right: 15px; margin-bottom: 30px; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images { height: 154px; background: #ebebeb; border: none; overflow: hidden; position: relative; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images:hover .feature-image-1 { height: 140px; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images:hover .feature-image-2 { left: 30px; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images:hover .feature-image-3 { right: 30px; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images img { height: 130px; display: block; position: absolute; transition: all 0.3s ease-out; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images .feature-image-1 { bottom: 0; left: 50%; transform: translateX(-50%); z-index: 99; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images .feature-image-2 { bottom: -10px; left: 20px; transform: none; } .feature-landing-page-block#top-small-crowns .feature-box .feature-images .feature-image-3 { bottom: -10px; right: 20px; transform: none; left: auto; } .feature-landing-page-block#top-small-crowns .feature-box .feature-title { position: relative; text-align: center; height: 55px; padding: 0 10px; line-height: 55px; } .feature-landing-page-block#top-small-crowns .feature-box .feature-title h2 { font-size: 17px; display: inline-block; vertical-align: middle; line-height: normal; margin-bottom: 0; } .feature-landing-page-block#top-small-crowns .feature-box h2 a { text-decoration: none; } .feature-landing-page-block#browse h3 { color: #333; } .feature-landing-page-block#brand .logo-container { clear: both; margin-top: 10px; display: flex; justify-content: space-between; padding-right: 15px; flex-wrap: wrap; } .feature-landing-page-block#brand div a { margin: 10px 30px; } .feature-landing-page-block#authors { margin-bottom: 0; } .feature-landing-page-block#authors h3 { color: #333; } /*special for category landing pages*/ #category-landing #trending ul li {background: #f5f5f5; border: 1px solid #dedede; float: left; height: 175px; line-height: 172px; margin: 0 20px 10px 0; position: relative;} #category-landing #trending ul li {float: left; margin: 0 50px 25px 0;} #category-landing #trending ul li.last {margin-right: 0px;} /*special for index.books page*/ #content.index.books #trending .block7 .main-image-container{padding-top: 2px;} #content.index.books #trending .block7 .main-image { border: 1px solid #ddd; height: 359px; } /**Trending authors**/ #trending-authors .author-pic {border: 1px solid #ccc; border-radius: 77px; display: block; float: left; height: 90px; margin-bottom: 20px; margin-right: 20px; overflow: hidden; text-align: center; width: 90px;} #trending-authors .author-pic img {max-width: 102%;} #trending-authors .author-bio {margin-bottom: 15px; min-height: 124px; width: 328px;} #trending-authors .cta{margin-left: 136px;} /**Brands**/ section#brand{clear: both; display: inline-block;} .scroll {white-space: nowrap; width: 100%; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; height: 205px; float: left;} #brand .brand-logo {display: inline-block; height: 130px; margin: 10px; text-align: center; width: 130px;} #brand .brand-logo img {border: 1px solid #eee; height: 130px; max-width: 130px; } #brand .brand-logo img:hover { box-shadow: 0 0 3px #999; } #brand h2.dual{font-size:28px;} /**Audio books - block7 grid updates**/ .block7.audio .main-image {height: 236px;} #content.audio-books #crowns ul.feature-box.promo-image img {height:333;} #content.books .borderContentBox, #content.ebooks .borderContentBox, #content.dvds .borderContentBox, #content.audio-books .borderContentBox, #content.mags .borderContentBox{background: #ffffff; margin-bottom: 0px; margin-top: 0px; padding: 30px 15px 20px 15px;} /**Magazines**/ /**Books**/ .in-house-promo{box-shadow: none; height: 354px; width: 234px;} /**Errors**/ section.error-image{background:#fff; text-align: center;} /**Category landing page special styles**/ /*Carousel styles*/ #category-landing .product-carousel-7{margin: 30px 20px; padding-top: 0px;} /**Sub-Cat Main Block**/ .yui3-g.main-block {background: url(" ") no-repeat;} section.main-block .view-all, #category-landing h1 .view-all, #category-landing #category-features .view-all {transition:all 0.4s linear;background: #f5f5f5; border: 1px solid #009a35; color: #009a35; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 6px 7px 5px; position: absolute; right: 8px; top: 24px;} section.main-block .view-all:hover, #category-landing h1 .view-all:hover{box-shadow:inset 90px 0px 0px #009a35;color: #fff;text-decoration: none;} #category-landing h1 .view-all{right: 20px; top: 22px;} #publisher-logos{clear: both;} .brand-logo{display: block; float: left; height: 160px; margin-top: 10px; width: 194px;} .brand-logo img{width: 140px;} .promo-tile{ background: none repeat scroll 0 0 #f5f5f5; box-shadow: 3px 3px 3px -3px #aaaaaa; color: #666; display: inline-block; margin-bottom: 20px; padding: 0 4px 0 0; display: table; width: 240px;} .lead-promo-tile{ color: #666666; display: inline-block; height: 214px; margin: 0; padding: 0px; width:513px;} .promo-tile.right{border: 1px solid #dddddd; margin-left: 7px;} .promo-tile.left{border: 1px solid #dddddd; margin-right: 15px;} .lead-promo-tile img{/*box-shadow: 3px 3px 3px -3px #aaaaaa;*/ width: 513px; } .yui3-u-1.single-block img{box-shadow: 3px 3px 3px -3px #aaaaaa;; margin-bottom: 20px; width:774px} .promo-tile p{display: table-cell; font-size: 18px; font-weight: bold; line-height: 25px; margin-bottom: 0; text-align: left; vertical-align: middle; width: 55%;} .promo-tile .icon-arrow-right8.cta{ border-radius: 4px; display: table-cell; font-size: 30px; font-weight: normal; margin-right: 20px; padding: 3px; vertical-align: middle;} .promo-tile.bottom img{height:104px; float: left; margin-right: 10px;} .promo-tile:hover, .lead-promo-tile:hover h3{background: #fff;} .promo-tile:hover .icon-arrow-right8.cta, .lead-promo-tile:hover .icon-arrow-right8.cta{color: #77bb22;} #category-features.ebook-category-features {padding-bottom: 20px !important;} #category-features.ebook-category-features .feature-box:nth-child(2n+2) {margin-right: 29px;} #category-features.ebook-category-features .feature-box:nth-child(3n+3) {margin-right: 0;} #ebook-staff-picks .image {float: left;} #ebook-staff-picks .image img {width: 100px;} #ebook-staff-picks .product-details {margin-left: 120px; padding-right: 30px;} #ebook-staff-picks .product-details .title a {color: #555; display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px;} #ebook-staff-picks .product-details .product-review-stars {overflow: hidden; padding: 10px 0;} #ebook-staff-picks .buy-now.button {background: transparent url("//images.booktopia.com.au/assets/add-to-cart-price.png") no-repeat scroll 0 0; color: #555; display: inline-block; font-size: 14px; font-weight: bold; height: 27px; line-height: 27px; opacity: 1 !important; text-decoration: none; text-indent: 8px; width: 111px;} .ebook-staff-pick-quote {clear: both; font-size: 14px; line-height: 19px; padding: 25px 30px 20px 0;} .ebook-staff-pick-quote .quote-icon {float: left; font-size: 42px; height: 10px; line-height: 22px;} .ebook-staff-pick-quote .quote-icon-end {display: inline-block; float: none; margin-left: 5px; margin-top: 11px; position: absolute;} .ebook-staff-pick-quote .quote-text {font-style: italic;} #category-landing #header #flag { margin-top: 3px; } #category-landing-page-intro .jcarousel-clip-horizontal { margin: 0 auto; } #category-landing-page-wrapper .category-content { max-width: 809px; flex: 809px; } #category-landing-page-wrapper #search-module { width: auto; display: block; } #category-landing-page-wrapper #search { height: auto !important; width: 100% !important; line-height: inherit; } #category-landing-page-wrapper .text { box-sizing: border-box; } #category-landing-page-wrapper #search-module #refine-search-box { width: 100% !important; height: 49px !important; display: block !important; box-sizing: border-box; } #category-landing-page-wrapper #search-module .submit { width: 100% !important; vertical-align: initial !important; } #category-landing-page-wrapper #search-module #search form input.submit:hover { box-shadow:inset 275px 0px 0px #075f20; } #category-landing #category-features .row > .col-6, #category-landing #featured-author .row > .col-6, #category-landing #authors .row > .col-6, #category-landing #category-features .row > .col-8, #category-landing #category-features .row > .col-4, #category-landing .booktopia-promo .row > div, #category-landing #crowns .row > div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #category-features .feature-images { height: 154px; } #category-features .feature-images img { height: 130px; } #category-features .feature-images:hover .feature-image-1 { height: 140px } #category-features .feature-images:hover .feature-image-2 { left: 30px; } #category-features .feature-images:hover .feature-image-3 { right: 30px; } #category-features .feature-box h2 { height: 55px; } #category-features #trending .bestsellers { display: inline-block; } #crowns .quick-links-tiles li { box-sizing: border-box; } #crowns .quick-links-tiles > li > a:hover:after { bottom:0px; } #crowns .quick-links-tiles > li > a:hover { color:#009933; } #crowns .quick-links-tiles > li > a:hover > span { transform: translateX(5px); color:#009933; } .category-content #featured-author h3 { border: 0; } .category-content #featured-author iframe { width: 100%; height: 214px; } #category-landing #brand .row { justify-content: space-between; } #category-landing #brand .col-md-2 a { display: initial; height: initial; width: initial; text-align: initial; margin: 0; } #category-landing #category-features .view-all { top: 185px; right: 20px; } #category-landing #category-features .view-all { text-decoration: none; } #category-landing #category-features .view-all:hover { box-shadow: inset 90px 0px 0px #009a35; color: #fff; text-decoration: none; } #category-landing .booktopia-promo img { width: 100%; } #category-landing #crowns.bottom-large .feature-box { width: initial; margin-bottom: 0; height: 345px; } #category-landing #crowns.bottom-large .feature-box a:hover { text-decoration: underline; } #content.index .ebook-landing-page-promo.ebook-landing-page-promo-dual { display: flex; margin-left: -15px; margin-left: -15px; } #content.index .ebook-landing-page-promo.ebook-landing-page-promo-dual a { padding: 15px; } #content.index .ebook-landing-page-promo.ebook-landing-page-promo-dual a img { width: 375px; } /**General Styles**/ .border-top{border-top: 1px solid #ccc;} .border-right{border-right: 1px solid #ccc;} .border-bottom{border-bottom: 1px solid #ccc;} .border-left{border-left: 1px solid #ccc;} .padding-right{padding-right: 10px;} .padding-left{padding-left: 10px;} .padding-top{padding-top: 10px;} .padding-bottom{padding-bottom: 10px;} h2.dual { border-bottom: 1px solid #ccc; color: #666666; font-size: 28px; font-weight: bold !important; margin-bottom: 15px; padding-bottom: 15px;} h2.dual a{text-decoration: none;} h2.dual span{color: #009933;} h2.dual a:hover span{color: #075f20} h2.dual>a{color:inherit;} /**Category Landing**/ #category-landing #category #content{padding: 0 12px;} /*Authors - List*/ section#authors ul { line-height: 25px; margin-top: 0px; padding: 0;} /*gift Guides*/ #category-landing.gift-guides #body h1{border-bottom: 0 none; color: #ffffff; display: block; font-size: 24px; font-weight: bold; height: 80px; margin-bottom: 15px; padding: 0; width: 100%;} /*non-fiction*/ .lead-promo-tile {border: 1px solid #ccc; box-shadow: 3px 3px 3px -3px #aaaaaa; color: #666666; display: inline-block; height: auto; margin: 0; padding: 0; width: auto;} .lead-promo-tile img{margin: 6px 0;} .lead-promo-tile h3{background: none repeat scroll 0 0 #f5f5f5; border-top: 1px solid #ccc; font-size: 18px; font-weight: bold; margin-bottom: 0; padding: 10px;} .lead-promo-tile h3 .icon-arrow-right8{float: right; font-size: 27px;} /**Sections**/ #body #content.index.ebooks, #body #content.index.books, #body #content.index.dvds, #body #content.audio-books, #body #content.mags, #body #content.stationery, #body #content.error-page{background-color:#f5f5f5; padding: 0;} #content.index section{padding-top: 30px; padding-bottom: 30px;} #content.index section.white{background: #ffffff; padding: 20px; width: 984px;} #content.index section.grey{background-color: #f5f5f5; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding-left: 15px;} #content.index section.first {padding-top:11px !important;} #category-featured-prods.first{border-bottom: 1px solid #cccccc;} #content.index section.last {border-bottom: 0 none;} #content.index section.grey.banner{padding-bottom: 15px; padding-top: 15px;border-top:none;} /**Carousels**/ #content.index #category-featured-prods.first {padding: 0 !important; width: 1024px;} #content.index #category-featured-prods.first .product-carousel-7{margin: 0 !important;} #category-landing #body .product-carousel-7{margin: 0; padding: 0;} #category-landing #body .content-wrapper{border-top: 1px solid #cccccc;} #category-landing #category #content {padding: 0 12px;} #category-landing section.grey{background-color: #f5f5f5; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin-left: -13px; margin-top: 0; padding-left: 15px; width: 794px;} #category-landing section.first {padding-top:20px !important;} #category-landing section.last {border-bottom: 0 none;} #category-landing .in-house-promo{height: 100%; width:100%;} /** Stationery & Magazine **/ #category-banner.index section.grey.banner { padding-bottom: 15px; padding-top: 15px; margin: 0; width: auto; } #category-banner.index section.grey { background-color: #f5f5f5; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding-left: 15px;} .index .grey #banner { margin-right: 20px;} .index.stationery #stationery-content, .index.mags #magazine-content { background: #fff; } .index.stationery #stationery-content #category, .index.mags #category { min-height: auto; } .index.mags #category .feature-landing-page-block.advertisement { margin-top: 20px; } .index.stationery #stationery-content .product-carousel, .index.mags #magazine-content .product-carousel { padding: 0 12px; } #stationery-content section{ padding: 20px 0 0;} #stationery-content section.white, #magazine-content section.white {} #stationery-content section.white.first, #magazine-content section.white.first{ border-top: 0px solid; padding: 20px 0 0 !important;} #stationery-content section.grey{margin-left: -13px; width: 794px;} #stationery-content section#crowns.popular, #magazine-content section#crowns.popular { margin-left: -12px; padding: 20px 7px 5px 16px; width: 100%;} #stationery-content section#brand, #magazine-content section#brand {padding: 20px 4px 10px 20px; border-bottom: 1px solid #ccc; margin-left: -12px; width: 100% } /** DVD **/ #brand.dvd { border-bottom: 1px solid #ccc;} #brand.dvd .brand-logo { margin: 10px 30px;} .feature-landing-page-block.studio { width: 100%; box-sizing: border-box; padding: 0; margin-bottom: 20px; } .feature-landing-page-block.studio h2.dual { margin-top: 0 !important; } .feature-landing-page-block.studio div { clear: both; display: flex; justify-content: space-between; padding: 10px 15px; } .feature-landing-page-block.studio .brand-logo { display: inline-block; margin-top: 0; height: auto; text-align: center; } .feature-landing-page-block.studio .brand-logo img { border: 1px solid #eee; height: 110px; max-width: 110px; width: auto; } /** Promos **/ #trending .clear.promo { border: 2px solid #e0e0e0; border-left: 0; border-right: 0; box-sizing: border-box; } #trending .clear.promo #banner-download-app { padding: 0; } #trending .clear.promo .booktopia-promo.wide { border: 0; } .booktopia-promo.wide{background: none repeat scroll 0 0 #ffffff; border-top: 1px solid #ccc; display: block; height: auto; min-height: 203px; width: 100%;} .booktopia-promo.wide .image{width: 60%;} .booktopia-promo.wide .image.newsletter{background: url("//images.booktopia.com.au/assets/promotions/booktopia-newsletter.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0); display: block; float: right; height: 203px; width: 60%;} .booktopia-promo.wide .image.gift{background: url("//images.booktopia.com.au/assets/promotions/booktopia-gifts.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0); display: block; float: right; height: 203px; width: 60%;} .booktopia-promo.wide .image.reader{background-size: auto 102%; background-position:50% 0; background-repeat: no-repeat; display: block; float: right; height: 203px; width: 60%;} .booktopia-promo.wide .content{float: left; padding: 34px 0px;width: 40%;} .booktopia-promo.wide.form .content{padding: 17px 0;} .booktopia-promo.wide .text{float: left; font-size: 16px; line-height: 24px; margin-bottom: 15px;padding-left: 15px;} .booktopia-promo.wide .button, .booktopia-promo.wide input.button{transition: box-shadow 0.5s linear;background:#009933; color: #ffffff; cursor: pointer; display: inline-block; font-size: 18px; text-transform: uppercase; margin-left: 15px; padding: 11px 45px 10px; font-weight: bold; border: 0; } .booktopia-promo.wide .button:hover{box-shadow:inset 200px 0px 0px #075f20; text-decoration: none;} .booktopia-promo.wide form{text-align: center;} .booktopia-promo.wide .email{border: 1px solid #cccccc; border-radius: 3px; color: #666666; display: inline-block; font-size: 14px; font-weight: normal; margin-left: 15px; padding: 10px 10px 9px; text-align: left; margin-bottom: 20px; width: 260px;} .booktopia-promo.wide img{float: right} .booktopia-promo.wide h3 { border-bottom: 0 none !important; font-size: 21px !important; font-weight: bold; margin-bottom: 0px !important; margin-top: 0px !important; padding-bottom: 15px;} .gift-certificate-promo { padding: 20px 15px; } .gift-certificate-promo .booktopia-promo.wide { border-top: 0; background: #fecedc; display: flex; justify-content: space-between; } .gift-certificate-promo .booktopia-promo.wide .content { float: none; padding: 30px; } .gift-certificate-promo .booktopia-promo.wide .content .text { padding-left: 0; color: #333; } .gift-certificate-promo .booktopia-promo.wide .content .button { margin-left: 0; } /*promo-tiles*/ .booktopia-promo.tile{background: none repeat scroll 0 0 #ffffff; border-top: 1px solid #ccc; display: block; height: auto; min-height: 203px; width: 100%;} .booktopia-promo.tile .image{width: 60%;} .booktopia-promo.tile .image.newsletter{background: url("//images.booktopia.com.au/assets/promotions/booktopia-newsletter.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #ccc; box-shadow: none; display: block; float: right; height: 225px; width: 100%;} .booktopia-promo.tile .image.gift{background: url("//images.booktopia.com.au/assets/promotions/booktopia-gifts.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #ccc; box-shadow: none; display: block; float: right; height: 225px; width: 100%;} .booktopia-promo.tile .image.reader{background-image: url("//images.booktopia.com.au/assets/promotions/booktopia-reader.png"); background-size: auto 102%; background-position:50% 0; background-repeat: no-repeat; display: block; float: right; height: 203px; width: 60%;} .booktopia-promo.tile .content{text-align: center;} .booktopia-promo.tile.form .content{padding: 17px 0;} .booktopia-promo.tile .text{float: left; font-size: 18px; line-height: 21px; } .booktopia-promo.tile .button{background:linear-gradient(to bottom, rgba(0, 153, 51, 1) 0%, rgba(0, 132, 22, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 3px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 18px; font-weight: bold; padding: 7px 50px 11px;} .booktopia-promo.tile .button:hover{background:linear-gradient(to top, rgba(0, 153, 51, 1) 0%, rgba(0, 132, 22, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); text-decoration: none;} .booktopia-promo.tile form{text-align: center;} .booktopia-promo.tile input.button{border: 0 none; font-size: 16px; margin-top: 10px; padding: 7px 50px 9px;} .booktopia-promo.tile .email{border: 1px solid #cccccc; border-radius: 3px; color: #666666; display: inline-block; font-size: 14px; font-weight: normal; margin-left: 15px; padding: 7px 10px 9px; text-align: left; width: 260px;} .booktopia-promo.tile img{float: right} .booktopia-promo.tile h3 { border-bottom: 0 none !important; font-size: 18px !important; font-weight: bold; margin-bottom: 0px !important; margin-top: 0px !important; padding: 0 5px 10px;} /*custom styles for small grids*/ .yui3-u-2-3 .yui3-u-1.clear.promo .booktopia-promo.wide .text{font-size: 17px; line-height: 21px;} .yui3-u-2-3 .yui3-u-1.clear.promo .booktopia-promo.wide h3{font-size: 18px !important;} .yui3-u-2-3 .yui3-u-1.clear.promo .booktopia-promo.wide .image.reader{height: 222px;} #category-landing section.grey.hidden, #category-landing section.white.hidden{height: 287px; overflow: hidden; position: relative;} .show-all{display: none;} .hidden .show-all{background: url("//images.booktopia.com.au/assets/background/show-all-bg-large-g.png") no-repeat scroll center -6px; display: block; height: 80px; margin-left: -15px; padding: 10px 0 10px; position: absolute; text-align: center; top: 255px; width: 100%;} .hidden.white .show-all{background: url("//images.booktopia.com.au/assets/background/show-all-bg-large.png") no-repeat scroll center -6px;} .hidden .show-all h2{background: #fff; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; font-size: 24px; margin: 25px auto 20px; padding: 5px 10px; text-align: center; width: 35%;} .hidden .show-all h2.dual span:hover{color: #009933;} .hidden.white .show-all h2{background: #f5f5f5;} .clear { clear: both; } #receipt #content .button-small{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 153, 51, 1) 0%, rgba(0, 132, 22, 1) 100%) repeat scroll 0 0; border-radius: 3px; color: #ffffff; display: block; float: left; font-size: 16px; font-weight: bold; padding: 8px 22px; text-align: center; text-shadow: 1px 1px 4px #666666;} #receipt #content .button-small:hover{background: rgb(0,132,22); text-decoration: none;} #forgotten-password{display: inline-block; font-size: 14px; margin-top: 10px; padding-top: 13px; margin-bottom:15px;} /*#content #featured-content .login-box form .field input{border: 1px solid #aaa;}*/ #forgotPwdForm .field input{width: 100% !important;box-sizing: border-box;padding: 10px !important;margin-bottom: 5px;height:45px;border:2px solid #efeeee;} #forgotPwdForm .field .input-error {margin: 0;} #body .yui3-u-1.search-header{position: relative;} #body .yui3-u-1.search-header h1.banner{border-bottom: 0px none #ccc; font-size: 28px;} h1.banner .text{font-size: 28px;} /* tabbed jumper */ .search-header #series-matches, .search-header #refine-search, .search-header #did-you-mean, .search-header #promo-matches { clear: both; float: left; margin: -4px 0 10px 15px; width: auto;} .search-header #category-matches { clear: both; float: left; margin: -4px 0 10px 15px; width: auto;} #category #no-results-description{padding: 15px;} h1.banner .text {font-size: 28px;} /*Disable this before launch h1.banner .text {width: 656px;} .search-header #series-matches, .search-header #refine-search, .search-header #did-you-mean, .search-header #series-matches { max-width: 650px;} */ /* Buttoned jumper */ #content #jumper{display: flex; align-items:baseline;min-height: 35px;background: #f5f5f5;margin: -12px -12px 0px -12px;padding-top:5px;padding-left:20px;border-bottom:1px solid #ccc;} #content #jumper li{display:inline-block;text-align: center;} #content #jumper li a{display:inline-block; padding:10px 15px 5px 15px;text-decoration:none;max-width: 170px;} #content #jumper li a:hover{background: #f1f1f1;} #content #jumper li.selected a{background: #fff; border: 1px solid #ccc; color: #222; display:inline-block;border-bottom: 2px solid #fff;position: relative;margin-bottom: -1px;} #content #jumper li.selected a span{color: #222;} #content #jumper li span.jumper-inline{display: inline;} #content #jumper li span{color: #009933; display: block; font-weight: bold; text-transform: uppercase;} #content #jumper li .tiny{font-size: 11px; font-weight: normal; line-height: 13px;color:#333;} #content #jumper li br{display: none;} #content #jumper li:last-child {margin-right: 0px;} /* Course Finder */ .course-finder {letter-spacing: 0;} .course-finder-tabs {overflow: hidden; width: 100%;} .course-finder-tab-content.hidden {display: none;} .course-finder-tab-content label {display: block; float: none; font-size: 17px; font-weight: bold; margin-bottom: 7px; padding-top: 15px; width: auto;} .course-finder-selection:last-child {background-image: none; padding-right: 20px;} .course-finder-tab-content input[type="text"] {display: inline-block; margin-right: 10px; width: 400px;} .course-finder-search-box {padding: 10px 20px 33px;} .course-finder-tab-content button {text-transform: uppercase; transition: box-shadow 0.5s linear; background: #009933; color: #FFFFFF; display: inline-block; font-size: 16px; font-weight: bold; padding: 9px 17px 8px; border: 0 none;} .course-finder #course-results{min-height: 470px;} .course-finder #course-results .course-results-header h2 {margin-bottom: 0; padding: 15px 20px 0;} .course-finder #course-results .course-results-header h3 {font-size: 17px; margin: 0; padding: 0 20px 15px;} .course-finder #course-results #category #content {padding-top: 0;} .course-finder #course-results #category #page-controls-top {margin-top: 0;} .course-finder #keyword-results{display: inline-block; } .course-finder #keyword-results .title.yui3-u-1 { border-bottom: 1px solid #ccc; font-size: 21px; padding-bottom: 15px; margin: 0 20px 15px 20px; width: 984px;} .course-finder #keyword-results .yui3-u-1-2{float: left;} .course-finder #keyword-results .yui3-u-1-2 .result {background: #f5f5f5; border: 1px solid #ccc; color: #53565a; display: block; height: 80px; margin: 15px 20px; padding: 10px 20px 20px; overflow: hidden; position: relative; text-decoration: none;} .course-finder #keyword-results .yui3-u-1-2 .result:hover {box-shadow:1px 1px 2px #aaa;} .course-finder #keyword-results .yui3-u-1-2 .result h3.course-code {height: 35px;} .course-finder #keyword-results .yui3-u-1-2 .result .program-name{display: inline-block; font-size: 16px; margin: 0 0 6px;} .course-finder #keyword-results .yui3-u-1-2 .result .institute-name{font-size: 16px; font-weight: bold;} .course-finder #keyword-results .yui3-u-1-2 .result .icon-arrow-right8.go-to { display: block; float: right; font-size: 24px; height: 25px; position: absolute; right: 5px; top: 51px; width: 25px;} .course-finder #keyword-results .yui3-u-1-2 .result:hover .icon-arrow-right8.go-to {color: #77bb22;} .course-finder .no-results{padding: 20px;} /*Uni Course Finder Module*/ #uni-course {background-image: url('//images.booktopia.com.au/assets/background/uni-course-bg.png');display: block;} #uni-course .title { margin-top: 24px; width: 42%; display: block; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 25px; text-shadow: 1px 1px 0px #666;} #uni-course .form {display: inline-block;} #uni-course form .form .course-finder-search {transition:box-shadow 0.5s linear;background: #075f20;color: #fff;margin: 17px 2px 5px;font-size: 18px;font-weight: bold;text-transform: uppercase; padding: 7px 15px 9px; border: 0 none;} #uni-course form .form .course-finder-search:hover{box-shadow:none; box-shadow: inset 305px 0px 0px #033211;} #uni-course form .form #course-search {height: 28px; border: 1px solid #fff; box-shadow: 1px 1px 0px #666; width: 260px; margin-right: 10px; border-radius: 2px; padding-left: 10px; box-sizing: border-box; } /*full Width*/ #uni-course.full-width {height: 95px; width: 100%; box-sizing: border-box; padding: 1.5rem; } #uni-course.full-width .title { margin-top: 24px; width: 45%; text-align: left; float: left;} #uni-course.full-width .form {width: 53%; display: inline-block; text-align: right; float: right;} /*4/5 wide pages*/ #uni-course.category{height: 89px; width: 100%; margin: 0px 0 0px -14px; padding: 0px 13px;} #uni-course.category form .course-finder-search-box {padding: 10px 10px 7px 10px;} #uni-course.category form .title {margin-top: 25px; width: 48%; margin-left: -10px; text-align: left; font-size: 21px; float: left;} #uni-course.category form .form {width: 52%; display: inline-block; text-align: right; float: right;} #uni-course.category form .form #course-search {height: 22px; width: 170px; margin-right: 10px; border-radius: 2px; padding-left: 10px;} #uni-course.category form .form .course-finder-search {font-size: 16px; font-weight: bold; text-transform: uppercase; border: 1px solid #075f20; text-shadow: 1px 1px 1px #075f20;} /*Booktopia Vertical Tab*/ .tab-vertical li{display: block;background-color: #f5f5f5;padding:6px 10px;border:1px solid #ccc;border-right:none;border-bottom:none;cursor: pointer;} .tab-vertical li:last-child{border-bottom:1px solid #ccc;} .tab-vertical li.active{background-color: #fff;margin-right: -1px;position: relative;} .tab-vertical.has-image li{padding-top:65px;background-repeat: no-repeat;background-position: 50% 20%;text-align: center;} .auspost-logo{background-image:url("//images.booktopia.com.au/assets/checkout/pick-up.png"); background-size:55px;} .postal-logo{background-image:url("//images.booktopia.com.au/assets/checkout/address-v2.png");background-size:45px;} .booktopia-logo{background-image:url("//images.booktopia.com.au/assets/checkout/b-pickup-g.png"); background-size:35px;} .tabs-container{box-sizing: border-box;border:1px solid #ccc;min-height:187px;} .tabs-container>div{display:none;} .tabs-container>div.active{display:block;} .address label{display:block;padding:0;float:none;font-size: 16px;margin-bottom:5px;} #billingAddressPanel iframe{border-top:none;box-sizing: border-box;} #postcodehelp{margin-left:56%;font-size:smaller;color:#E41B13;float: left;width: 100%;} #subCountryDropdownDiv{position:relative;} #subCountryDropdownDiv .input-error{ /* position: absolute;top: 0;left: 70%; */} .field label em{color:#E41B13;} #product #alternate-formats .alternate-format-item .format-price-cart .icon-cart {background: #0099dd;transition:box-shadow 0.5s linear; -webkit-box-shadow:inset 0px 0px 0px #007ab3;box-shadow:inset 0px 0px 0px #007ab3;} #product #alternate-formats .alternate-format-item .format-price-cart:hover .icon-cart { -webkit-box-shadow:inset 80px 0px 0px #007ab3;box-shadow:inset 80px 0px 0px #007ab3;} #editAddressButtons input[type="submit"],#editAddressButtons button,#newAddressButtons input{font-size: 16px;padding: 5px 20px; } .btn{transition:box-shadow 0.5s linear;color:#fff !important;border:none; font-weight: normal; text-transform: uppercase;text-decoration: none !important;position:relative;} .btn-green1{background: #009933 !important; font-weight: bold;} .btn-green1:hover{box-shadow:inset 250px 0px 1px #075f20;} .btn-grey1{background: #ccc !important; text-transform: uppercase;font-weight: bold;} .btn-grey1:hover{box-shadow:inset 200px 0px 1px #aaa;} .in-stock {font-size:12px; font-weight: bold; color:#009931; text-transform: uppercase; display:inline-block;} #billing-review .shoppingCart-delivery>div{margin-top:5px;} .shipping-delivery-breaker{display:none;} .sponsored-ad{margin-bottom: -5px;margin-top: 5px;color: #c8c8c8;} .sponsored-ad span{margin-right:5px;} /*Header USP*/ #usp {padding: 15px 0px 10px 0px; border-bottom:1px solid #ccc;} #usp .yui3-u-1-3{text-align: center;} #usp .usp-image{border: 1px solid #ccc} /*Open sort by*/ #radio-sorter form{width: 100%;display: flex;align-items: center;flex-wrap: nowrap;height: 100%;} #radio-sorter form span.label{text-align:center; width: 55px;} #radio-links-container{flex-grow: 1;padding:10px 0px;} #radio-links {flex-wrap: nowrap;display: flex;flex-direction: row;align-items: stretch;color:#333;border: 1px solid #ccc;border-radius:5px;} #radio-links > label:first-child{border-left:none;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} #radio-links label{float:left; width:auto; background-color:#f5f5f5; border-top: 0px solid #D0D0D0; border-left: 1px solid #D0D0D0;border-right: 0px none; overflow:auto; font-size: 12px; padding:6px 4px; display:block;text-align: center;font-weight: normal;} #radio-links label, #radio-links .more{flex-grow: 1;} #radio-links .more{background: #f5f5f5;border-left:1px solid #ccc;display: flex;position: relative;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} #radio-links label:hover{background: #009933; color: #fff;border-right: 0px none; cursor: pointer;} #radio-links label input {position:absolute; display: none;} #radio-links .checked { background-color:#009933; color:#fff; font-weight: bold;} #radio-links ul.more li{ width: 219px; display: block; float: right;} #radio-links .more .drop{padding: 6px 5px;border-left:none;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} #radio-links .more ul{display: none; right: -1px; top: 100%; z-index: 99999999;border:1px solid #e0e0e0;width:180px;} #radio-links .more:hover ul{display: block;} #radio-links .more:hover .drop{background: #009933; color: #fff;position: relative;} #radio-links .more ul {position: absolute;} #radio-links .more ul li label{float: none; width: 100%;text-align: left;border:none; border-bottom:1px solid #e0e0e0;box-sizing: border-box;} #radio-sorter { display: none; } #page-controls-bottom.non-series-page #radio-sorter, #page-controls-bottom.non-series-page #sort-bottom, #body .non-series-page .alt-view, #content .page-controls .non-series-page #radio-sorter, #page-controls-top.non-series-page > div:nth-of-type(1) > div:nth-of-type(2) {display: none; } #page-controls-bottom.non-series-page #radio-sorter.alt-view{display: none !important;} #page-controls-bottom.non-series-page #sort-bottom {display: block;} #content .non-series-page .alt-view{display: inline;} #content .non-series-page {background-color: #fff;border:none;margin:0;} #content .non-series-page #radio-sorter {display: block;margin: -10px -5px; border-bottom: 2px solid #e0e0e0; background: #fff;} #content .non-series-page.page-controls #numresults-top {display: none; } #content .non-series-page.page-controls .numresults{float: left; margin-left: 10px;} #content .non-series-page #sort-top {display: none} #content .non-series-page #radio-sorter.no-jumper{margin-top: -22px;} #content .non-series-page .page-controls {background: #fff !important; margin: 0px -8px 0; padding: 9px;} #content #radio-links .more ul {right: -1px;border-top: 1px solid #ccc;} #content #radio-links .more ul li:last-child{border-bottom:1px solid #ccc;} #page-controls-bottom.non-series-page { background: #f5f5f5 !important; margin: 15px 0; padding: 15px 0; } #page-controls-bottom.non-series-page #sort-bottom {display: none !important;} #content .series-page {padding: 15px 10px;} #content .series-page .sorter {margin-top: 8px;} #page-controls-bottom.series-page #sort-bottom {display: none; } #page-controls-bottom.series-page .yui3-u-1,#page-controls-top.series-page .yui3-u-1, #page-controls-bottom .yui3-u-1{display:block;} #header #logo {margin-top: -4px;} #header #search {margin: 12px 8px 0 50px;} #header #search input.search-text{height: 48px; width: 360px} #header #search .skinned-select .select-text{line-height: 45px;width: 105px;} #header #search .icon-arrow-down7{right: 60px; top: 14px;} #header #search .submit .icon-search2{top: 5px; } #bottom-product-section #qantasPointsContainer{background-color: #f6f6f6;margin:20px 10px;display:none;} #bottom-product-section #qantasPointsContainer:hover{background-color: #fff;} #qantasPointOnRecipt{ padding: 15px; background-color: #fff;margin-top:20px; font-size:14px;} #qantas-unvalidated-user,#qantas-validated-user{background-image: url('//images.booktopia.com.au/ext/qantas-ff.png'); background-repeat: no-repeat;background-position: 100% 5%; background-size: 150px;} #qantas-validated-user{background-position: 100% 15%;} #qantas-unvalidated-user > p, #qantas-validated-user>p{padding-right:160px;} #qantas-unvalidated-user>h1{font-size: 18px;} #qantas-unvalidated-user a.redirect-qantas:hover{box-shadow: inset 240px 0px 0px #075f20;} #d-product-price #qantasPointsContainer p{text-align:center;} #d-product-price #qantasPointsContainer{margin:0;border:none;border-top:1px solid #ccc; background-position: 25px center; padding: 13px 18px; padding-left: 55px;} #content.index section#category-qantas-banner{padding:20px 15px;} #content #category-qantas-banner img{width:100%;} #content #category-qantas-banner a{display:block;text-align: center;cursor:pointer;} #category-landing #category-qantas-banner {font-size: 0px; border-bottom: 1px solid #ccc; margin-top: 0; padding-top: 0; padding-bottom: 0;} #category-landing #category-qantas-banner img { width: 100%; } #qantas-content-templates #qantas-popup { max-width: 710px; padding: 0; width: 100%; } #qantas-content-templates h1 { font-size: 24px !important; color: inherit; border-bottom: 0 !important; padding: initial !important; } #qantas-content-templates h2 { font-size: 20px; } #qantas-content-templates section .how-to img{width:60px;} #qantas-content-templates section .how-to p {padding: 0px 10px;} #qantas-content-templates section {padding:20px !important;text-align: center;} #qantas-content-templates section .intro-text {width:80%; margin: 0 auto 25px; } #luxKeyword-container{background: #fff;padding:15px;} #luxKeywords{font-size:14px;line-height:24px;} #luxKeywords li{display: inline-block;margin-right: 15px;padding-right: 15px;border-right: 1px solid #333;line-height: normal;} #luxKeywords li:last-child{border:none;} #checkoutAddressForm #pickup{padding:20px;} #checkoutAddressForm #pickup label{display:block;width:auto;float:none;padding-left:10px;font-size:16px;} #checkoutAddressForm #pickup input{margin-right:10px;} #checkoutAddressForm #pickup p{margin-left: 35px;margin-top: 5px;} #product-version #action .buy-button:hover a.book-club-buy-now {-webkit-box-shadow: inset 240px 0px 0px #075f20;box-shadow: inset 240px 0px 0px #075f20;} .is-book-club .book-club-badge{right:-10px;top:-10px;z-index: 1;} .is-book-club .rrp { display: none; } .is-book-club .underlay{border-top: 40px solid #c7930c;border-right: 0px solid transparent;border-left: 42px solid transparent;position: absolute;right:0;top:0;} #price .book-club-only{color: #999;padding-bottom:6px;} .book-club-msg{padding:15px;} .book-club-badge{position:static;} #product-browse .book-club-badge{position:absolute;} .book-club-badge-content{margin:10px 0px;} .book-club-badge-content>div{display: inline-block;vertical-align: middle;} #product-version .book-club-badge{position:absolute;width: 45px;height: 46px;background-size: 45px;} #book-club-templates #book-club-popup { max-width: 740px; width: 100%; padding: 0;} #book-club-image-overlay{width:100%;height:230px;background: url(https://images.booktopia.com.au/assets/book-club/book-overlay.png) no-repeat 50px 5px/90% , url(https://images.booktopia.com.au/assets/book-club/book.png) no-repeat bottom/100%;} #book-club-image-overlay.animate-bg{ -webkit-animation: slideBackground 1.5s cubic-bezier(.27,.54,.2,.67); animation: slideBackground 1.5s cubic-bezier(.27,.54,.2,.67); } .slam{animation: slam 1s ease-in;-webkit-animation: slam 1s ease-in;} @-webkit-keyframes slideBackground{ from{background-position: 50px 35px, 100% 100%;opacity: 0.2;} to{background-position:50px 5px, 100% 100%;opacity: 1;} } @keyframes slideBackground{ from{background-position: 50px 35px, 100% 100%;opacity: 0.2;} to{background-position:50px 5px, 100% 100%;opacity: 1;} } @-webkit-keyframes slam { 0% {-webkit-transform: scale(10, 10);transform: scale(3, 3);opacity: 0;} 40% {opacity: 0;} 100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;} } @keyframes slam { 0% {-webkit-transform: scale(10, 10);transform: scale(3, 3);opacity: 0;} 40% {opacity: 0;} 100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;} } .b-checkbox {position: relative;} .b-checkbox label {padding: 12px 30px;width: 100%;display: block;text-align: left;color: #3C454C;cursor: pointer;position: relative;z-index: 2;transition: color 200ms ease-in;overflow: hidden;} .b-checkbox label:after {width: 20px;height: 20px;content: '';border: 2px solid #D1D7DC;background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E "); background-repeat: no-repeat;background-position: -2px -1px;border-radius: 4px;z-index: 2;position: absolute;left: 0px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;transition: all 200ms ease-in;} .b-checkbox input:checked ~ label:after {background-color: #093;border-color: #093;} .b-checkbox input:disabled ~ label:after{background-color: #c4c4c4;border-color: #c4c4c4;} .b-checkbox input {width: 28px;height: 28px;order: 1;z-index: 2;position: absolute;left: 0px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;visibility: hidden;} #sign-in #existing-customers .b-checkbox{margin-bottom:0;} #rememberMe{display: none;} #sign-in #existing-customers .b-checkbox label{padding:10px 0px 10px 35px;} /*============== BOOKTOPIA MODAL ==============*/ .b-modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index: 999999999999;} .b-modal-content {padding: 20px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;/*width: 24rem;*/min-width:600px;} .b-close-button {font-size: 2em;margin: 0;line-height: 1;padding: 5px;padding-bottom: 2px; border: none;position: absolute;right: 0;top: 0;transition: transform 0.1s ease-in;outline:none; z-index: 999999; background: #fff; border-radius: 25px; margin: 5px; } .b-close-button:hover {perspective:1px;transform: rotate(180deg) translateZ(0px);webkit-font-smoothing: subpixel-antialiased;backface-visibility: hidden;} .b-show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;} .b-modal-small{min-width: auto; padding: 0;} .b-modal-action-btn button{font-size: 14px;padding: 12px 18px;margin-right: 6px; } .b-modal-action-btn button:last-child{margin-right: 0px;text-transform: uppercase;color:#009933;background: transparent;border:none;font-weight: 900;} #iframe-modal .b-modal-content .loader-wrapper { transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } #iframe-modal .b-modal-content .loader-wrapper i { padding: 0; font-size: 4em; color: #009933; } #iframe-modal iframe { vertical-align: middle; min-height: 450px;} #iframe-modal iframe html { overflow-y: hidden; } #page-modal #page-modal-container { padding: 15px; margin-top: 1px; } a.b-trigger { cursor: pointer; } #gallery-modal #gallery-modal-popup .b-close-button { right: 0px; color: #333; top: 0px; } #gallery-modal #gallery-modal-popup.b-modal-content{ max-width: 900px; background: #fff; } #gallery-modal #gallery-modal-popup.b-modal-content .slick-slide img { margin: 0 auto; max-height:700px; } .b-modal .slick-arrow{margin:0px;} #gallery-modal .slick-slider:not(#slider) .slick-list{width:auto;padding:0;} #gallery-modal.b-modal .slick-arrow { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; font-size: 4em; padding: 0; background: rgba(255,255,255,0.8);;color: #333;z-index: 10;line-height: 0;} #gallery-modal.b-modal .slick-prev { left: -10px; } #gallery-modal.b-modal .slick-next { right: -10px; } .b-modal-content iframe html { overflow-y: hidden; } .b-modal-content #page-modal-container a { color: #009A3E; } .iframe-previewer button.b-close-button{display:none;} .iframe-previewer .b-modal-content{width:800px;} .b-modal.google-preview .b-close-button { top: -50px; right: 0px; background: transparent; color: #333; } .b-modal.google-preview .b-modal-content{border-top: 50px solid #FCFCFF;} .b-modal.newsletter-sign-up iframe { height: 240px !important; min-height: auto !important; } /*product page new wishlist*/ #existing-wishlist,#new-wishlist{padding:20px;} #new-wishlist{background: #f5f5f5;} #wishlist-select{width:100%; height: 38px;margin-top: 8px;background: #fff;border: 0;outline: 2px solid #CCC;color: #666;} button#add-to-list{padding: 0px;width:180px;height:40px;} button#add-to-list>i{padding: 0px;font-size:24px;} #new-wishlist-btn{ padding: 10px 20px;margin: 0px;border:none;background: #fff;border: 2px solid #093;color:#093;font-weight: bold;text-transform: uppercase;transition: box-shadow 0.5s linear;} #new-wishlist-btn:hover{box-shadow:inset 300px 0px 1px #009933;color:#fff;} #create-new-wishlist-modal .field {display:flex;flex-wrap: nowrap;} #create-new-wishlist-modal .field.align-center {align-items:center;margin-bottom:20px;} #create-new-wishlist-modal .field > label{font-weight: bold;width:128px;} #create-new-wishlist-modal .field #wishlist-name{padding: 0px 10px;height: 40px;width: 410px;border:2px solid #ccc;} #create-new-wishlist-modal .field > div {display:flex;flex-direction: column;} #create-new-wishlist-modal .field > div > label {margin:5px 0px;padding:0;width:auto;} #wishlist-button-actions{display:inline-block;margin-left:128px;} #wishlist-button-actions button{vertical-align: middle;} #create-wishlist-btn{height:40px;width:160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #create-new-wishlist-modal .cancel{color: #009933; text-align: center;text-transform: uppercase;font-weight: bold;background: transparent;border: none;} #add-item-to-wishlist-modal .b-modal-content{padding:0;} #existing-wishlist .field label{width: auto;} #create-wishlist-form .input-error{margin-bottom:0;margin-left:0;} .btn .loader{position: absolute;top: calc(50% - 15px);left: calc(50% - 15px);} /* WEB-2519: Shopping Cart Widget - Start */ #shopping-cart-widget.yui3-g .yui3-u-1-3 .tableContentBox { padding-top: 15px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart { position: relative; border: 1px solid #ccc; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table { border: 0px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table thead { position: absolute; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table thead td { background: #dedede; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table tbody { overflow-x: hidden; overflow-y: scroll; display: block; /* width: 309px; height: 400px; */ margin-top: 36px;} #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table tbody tr { margin: 0; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table tbody tr.bundle-item .shoppingCart-total{padding:10px;vertical-align: middle; color:#53565a;} #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .gift-certificate-row { display: none; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table tfoot { width: 309px; display: block; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table tfoot tr { display: flex; margin: 0; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart td.image { width: 0px; padding: 0; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .image *{ display: none; width: 0; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart table tbody tr.bundle-item .shoppingCart-total .strike{display:none;} #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .bundle-item td.shoppingCart-title {border-left: 10px solid #009933;} #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .shoppingCart-title, #shopping-cart-widget.yui3-g #shopping-cart .cart-savings, #shopping-cart-widget.yui3-g #shopping-cart .label, #shopping-cart-widget.yui3-g #shopping-cart .savings { flex: 0 220px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tr { max-width: 309px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .shoppingCart-title { width: 144px; } #shopping-cart-widget.yui3-g #shopping-cart .cart-savings, #shopping-cart-widget.yui3-g #shopping-cart .label, #shopping-cart-widget.yui3-g #shopping-cart .savings { width: 171px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tr.cart-savings, #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tr.cart-savings td { width: 309px; } } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .shoppingCart-delivery, #shopping-cart-widget.yui3-g #shopping-cart .shoppingCart-each, #shopping-cart-widget.yui3-g #shopping-cart .shoppingCart-buttons { display: none; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .cart-item .shoppingCart-quantity { padding-top: 25px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tfoot tr:not(.cart-savings) td.label { padding-right: 30px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tr.total td { padding-bottom: 12px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tr.subtotal .cart-subtotal-amount, #shopping-cart-widget.yui3-g #shopping-cart tr.shipping .align-left, #shopping-cart-widget.yui3-g #shopping-cart tr.total .cart-total-amount, #shopping-cart-widget.yui3-g #shopping-cart tr.promotional-discount .align-left, #shopping-cart-widget.yui3-g #shopping-cart tr.savings td:first-child { padding-right: 10px; flex: 0 0 70px; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tr.subtotal td:last-child, #shopping-cart-widget.yui3-g #shopping-cart tr.shipping td:last-child, #shopping-cart-widget.yui3-g #shopping-cart tr.promotional-discount td:last-child, #shopping-cart-widget.yui3-g #shopping-cart tr.total td:last-child { display: none; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart tr.cart-savings td:first-child { flex: 0 100%; } #shopping-cart-widget.yui3-g .yui3-u-1-3 #shopping-cart .modify { margin-bottom: 15px; } #shopping-cart-widget.yui3-g .yui3-u-2-3 .checkout-phone { margin-right: 20px; } #shopping-cart-widget.yui3-g .yui3-u-2-3 .mainContentBox .yui3-u-1-6 { width: 25%; *width: 24.9690%; } #shopping-cart-widget.yui3-g .yui3-u-2-3 .mainContentBox .yui3-u-5-6 { width: 75%; *width: 74.9690%; } #shopping-cart-widget.yui3-g .yui3-u-2-3 .choose-address-item { width: 46%; } #shopping-cart-widget.yui3-g .yui3-u-2-3 #checkout-delivery-options label { width: 90%; display: inline-block; } #shopping-cart-widget.yui3-g .yui3-u-2-3 #checkout-delivery-options .help-icon-wrapper { padding-right: 10px; float: right; } #shopping-cart-widget.yui3-g .yui3-u-2-3 #checkout-delivery-options .help-icon-contentLeft { left: 60px !important; } #shopping-cart-widget.yui3-g .yui3-u-2-3 #checkout-delivery-options .help-icon-contentLeft .help-icon-arrow { right: auto; left: -7px; transform: rotate(-45deg); } #shopping-cart-widget.yui3-g .yui3-u-2-3 .shipping-schedule-4-columns .shipping-schedule-item-header { min-height: 82px; } #shopping-cart-widget.yui3-g .yui3-u-2-3 .shipping-schedule-4-columns .shipping-schedule-item-group .shipping-schedule-label { height: 78px; } /* WEB-2519: Shopping Cart Widget - End */ /*//custom foobar*/ .foobar-custom{z-index: 99999;} .foobar-custom .foobar-container-row{max-width: 1024px;display: block;margin: auto !important;} .foobar-custom .foobar-container-right a{padding:10px 20px;border:1px solid #fff;color:#fff;display:inline-block;transition:all 0.3s linear;margin-left:100px;} .foobar-custom .foobar-container-right a:hover{text-decoration: none;background: #fff;color:#f05720;} .foobar-wrapper.inline .foobar-container{position:relative !important;} .foobar-message-wrapper{width: 100%;white-space: normal !important;} .review-updated-order-btn{padding:10px 20px;} .review-updated-order-btn:hover{box-shadow:inset 300px 0px 1px #075f20;} #billing-and-review-modal ol{border: 1px solid #e5e5e5;padding: 10px 0px 10px 25px;margin-bottom: 1em;} #billing-and-review-modal ol li{line-height: 30px;} #receipt .kobo-reader-app{position:relative;padding: 15px 25px;margin: -20px -12px 20px -12px;border-bottom: 1px solid #ccc; } #receipt .kobo-app-container{padding:20px; padding-top: 0;} #kobo-app-image-wrapper{background: url(//images.booktopia.com.au/assets/landing-pages/library/kobo-bg.jpg) no-repeat center/cover;position:absolute;top:0;bottom:0;} #kobo-app-image-wrapper img#kobo-logo{width:260px;padding:20px; padding-bottom: 10px; margin-left: 20px;} #kobo-app-image-wrapper img#kobo-hand{position:absolute;left: 61%;width: 200px;bottom: -36px;clip: rect(0px,200px,240px,0px);} #kobo-app-image-wrapper .kobo-desktop-app img { max-width: 300px; display: block; margin-bottom: 20px; } #kobo-app-image-wrapper .kobo-ios-app { margin-right: 10px; } #product .product-compatibility { margin:10px 0px;border-top:1px solid #ccc;padding-top:15px;} #product .product-compatibility ul { display: flex;flex-wrap: nowrap;margin-bottom: 10px;padding-left:0px !important;} #product .product-compatibility ul li{ display: flex; flex-wrap: nowrap;margin-right:10px;} #product .product-compatibility ul li i{margin-right:5px;font-size: 1.2em;} .or{border-top:2px solid #e8e8ea;position:relative;margin:10px 0px;} .or:after{content:"OR";padding:5px;background: #fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .b-tooltip-container{position:relative;font-size: 13px;cursor:help;} .b-tooltip-container:hover .b-tooltip-left{visibility: visible;opacity: 1;} .b-tooltip-left{z-index: 30;border: 1px solid #ccc;visibility: hidden;opacity:0;transition:opacity 0.2s linear;background: #fff;position:absolute;padding:10px;right:calc(100% + 15px);top:50%;width:270px;text-align: left;transform: translateY(-50%); filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 4px 10px);} .b-tooltip-left:after{content:"";width: 0;height: 0;border-top: 15px solid transparent;border-left: 15px solid #fff;border-bottom: 15px solid transparent;position: absolute;right:-15px;top:50%;transform: translateY(-50%);} .kobo-subscribe-btn{ margin: 15px 0px 10px;} .kobo-subscribe-btn a{display: block;text-transform: capitalize;width:100%;padding:15px 0px;} .kobo-subscribe-btn a:hover{box-shadow: inset 300px 0px 0px #075f20;;} #kobo-subscription-alt{display:none;} .theme-b .kobo-subscribe-btn a{text-transform: uppercase;font-size: 16px;} .theme-b .kobo-subscribe-btn a em{font-size: 13px;} .theme-b #price{position:relative;} #product-version.theme-b #price .save{right:-21px;top:-12px;} .theme-b #kobo-subscription-alt{display:block;} .theme-b #kobo-subscription{display:none;} .kobo-preview{text-transform: uppercase;text-align: center;border-top:none;display: block;color:#000;font-weight: bold;text-decoration: none;} .kobo-preview:hover{color:#009933;cursor: pointer; text-decoration: none;} .read-preview { padding: 10px; border: 1px solid #ccc; border-top: 0px; } #kobo-preview-modal .b-modal-content{padding:0;width:90%;height:90%;min-width: auto;display: flex;display: -ms-flex;display: -webkit-flex;flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex: 1;-ms-flex: 1;-webkit-flex: 1;} #kobo-iframe-container{padding-bottom:56.25%; position:relative; display:block; width: 100%;display: flex;display: -ms-flex;display: -webkit-flex;flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex: 1;-ms-flex: 1;-webkit-flex: 1;padding: 0px;} #kobo-redirect-modal .b-modal-content { max-width: 640px; width: 100%; } #kobo-image-container{background: #ccc url(//images.booktopia.com.au/assets/promotions/kobo/audiobooks-popup.jpg) no-repeat center/cover;height: 160px;margin: -20px -20px 20px -20px;} #kobo-redirect-modal .kobo-body-text { font-size: 15px; line-height: 22px; margin-bottom: 0;} #kobo-redirect .b-modal-content>p{font-size:16px;} .audiobook-download-spacer,.digital-library .is-available-in-future{height:36px;} .account-table .product-details{min-width: 180px;} /*product details related product tabs*/ #product.product-with-tabs #content #top-product-section { background-color: #fff; padding: 12px; padding-top: 12px; box-shadow: inset 0px 67px 0px 0px #f3f3f3; } #product-edition-tabs { display: inline-block !important; vertical-align: top; width: 1024px; box-sizing: border-box; border: 0px; background: #f3f3f3; padding: 0; margin-top: 0; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-left: 20px; margin-left: -341px; } #product-edition-tabs #alternate-formats { text-transform: uppercase; display: flex; text-align: center; margin-left: 311px; height: 55px;} #product-edition-tabs #alternate-formats .yui3-u-1-3 { border-bottom: 0; padding-top: 5px; font-weight: bold; width: 20%; border-bottom: 3px solid transparent;display:flex;align-items: center;justify-content: center; } #product-edition-tabs #alternate-formats .yui3-u-1-3:hover { border-bottom: 3px solid #009A3E; -webkit-transition:border-bottom .5s; -moz-transition:border-bottom .5s; -ms-transition:border-bottom .5s; -o-transition:border-bottom .5s; transition:border-bottom .5s; } #product-edition-tabs #alternate-formats .yui3-u-1-3.selected { color: #111; background: white; border: 1px solid #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; } #product-edition-tabs #alternate-formats .yui3-u-1-3.selected:hover { border-bottom: 2px solid transparent; } #product-edition-tabs #alternate-formats .yui3-u-1-3.selected a { color: #111; } #product-edition-tabs #alternate-formats .yui3-u-1-3 a:hover { text-decoration: none; } #product-edition-tabs #alternate-formats .alternate-format-item {flex-grow: 1;} #product-edition-tabs #alternate-formats .alternate-format-item .format-name { display: block; line-height: normal;} #product-edition-tabs #alternate-formats .alternate-format-item .format-name span{ font-size: 13px;color: black;font-weight: 500;} /* Still Temporary for Australia Stories - Will move to use booktopia-category-landing with introduction of Bootstrap */ .aus-stories #crowns .yui3-u-1 h2.dual { margin-top: 1em; } .aus-stories .ebook-landing-page-promo.ebook-landing-page-promo-dual { display: flex; margin-left: -15px; margin-right: -15px; } .aus-stories .ebook-landing-page-promo.ebook-landing-page-promo-dual a { padding: 15px; } .aus-stories .ebook-landing-page-promo.ebook-landing-page-promo-dual a img { width: 375px; } .aus-stories #featured-author { margin-bottom: 1em; margin-top: 1em; } .aus-stories #featured-author h3 { border-bottom: 0px; } .aus-stories #featured-author .yui3-u-1-2 iframe { margin-top: 75px; } .aus-stories #category-qantas-banner { border-bottom: 0px !important; } .aus-stories #category-qantas-banner img { padding-bottom: 15px; border-bottom: 0px; } .aus-stories #authors .yui3-u-1 h2.dual { margin-top: 1em; } .aus-stories #refine-search-box { width: 550px !important; } .aus-stories .booktopia-promo { margin-left: -13px; width: 809px; } /*Checkout A/B*/ .checkout-content.theme-b #checkout-progress-bar{display:none;} .checkout-content.theme-b #checkoutAddressForm{border:none;} .checkout-step-heading{display:none;background: #f5f5f5;padding: 15px;margin-left:20px;margin-right:20px;text-transform: uppercase;font-size: 20px;} .checkout-content.theme-b .checkout-step-heading{display:block;} .checkout-content.theme-b .checkout-buttons.theme-b{padding-top:0px;padding-bottom:20px;} .checkout-step-completed{display:none;background: #f5f5f5;padding: 15px;margin: 0px 20px 15px;position: relative;} .checkout-content.theme-b .checkout-step-completed{display:block;} .checkout-step-completed h1{ text-transform: uppercase;font-size: 20px;color: #009933;} .checkout-step-completed a{text-transform: uppercase;position:absolute;top:15px;right:15px;font-size: 15px; font-weight: bold;} .checkout-step-completed i{font-size: 30px;vertical-align: middle;margin-right: 5px;} .checkout-content.theme-b .checkout-buttons{display:none;} .checkout-content .checkout-buttons.theme-b{display:none;} .checkout-content.theme-b .checkout-buttons.theme-b{display:block;} .checkout-content.theme-b .mainContentBox.review-address{display:none !important;} .checkout-content.theme-b .theme-main{display:none;} .checkout-content .theme-b{display:none;} .checkout-content.theme-b .theme-b{display:block;} .checkout-content.theme-b .checkout-payment-info h2{display:none;} .checkout-content.theme-b .checkout-payment-info .mainContentBox{padding-top:0px;} .checkout-content.theme-b .checkout-step-completed>p{margin-left:40px;} .checkout-content.theme-b .checkout-step-completed>p>b>label{font-size:20px;margin-bottom: 5px;width:auto;} /*alternate version*/ .checkout-content.theme-b.alternate .checkout-step-heading.current{background: #ff6633;color:#fff;} .checkout-content.theme-b.alternate .checkout-step-completed h1{background: #009933;color: #fff;padding: 10px;margin: -15px -15px 15px;} .checkout-content.theme-b.alternate .checkout-step-completed .change{color:#fff;} .checkout-content.theme-b.alternate .submit-order-button{padding: 20px 40px; font-size: 20px;} .checkout-content.theme-b.alternate .submit-order-button:hover{padding: 20px 40px; font-size: 20px; -webkit-box-shadow: inset 260px 0px 0px #d85100;box-shadow: inset 260px 0px 0px #d85100;} .order-details #ma-notification.acc-on-hold{padding: 15px;background: #fff;} .order-details .acc-on-hold .ma-notification-left {padding: 0px;} /* Campaign Landing Pages */ #promotions-offers { padding-top: 30px !important; padding-bottom: 30px !important; } #promotions-offers h2.block-title { font-size: 28px; margin-bottom: 15px; } #promotions-offers h2.block-title a { color: inherit; } #promotions-offers h2.block-title a:hover { color: #009933; text-decoration: none; } #promotions-offers .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 30px; } #promotions-offers .row .promotions-offers-cards { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; max-height: 270px; overflow: hidden; } #promotions-offers .view-all .btn { padding: 12px 20px; } #promotions-offers { background: #fff; } #promotions-offers .card, .current-promotions.competitions .card:hover { text-decoration: none; } #promotions-offers .card .card-image { height: 193px; } #promotions-offers .card .card-image img { width: 100%; height: auto; } #promotions-offers .card .card-body { background: #efefef; color: #53565A; position: relative; height: 82px; padding: 1rem; box-sizing: border-box;} #promotions-offers .card .card-body .card-title { -webkit-line-clamp: 1; font-size: 16px; margin-bottom: 0; } #promotions-offers .card .card-body .card-subtitle { font-size: 14px; font-weight: normal; -webkit-line-clamp: 2; } #promotions-offers .card .card-body .card-badge { color: white; border-radius: 20px; padding: 6px 0px; font-weight: bold; width: 135px; position: absolute; top: -15px; left: 85px; text-align: center; } .card-badge.card-badge-trending { background: #fe9901; } .card-badge.card-badge-just-added { background: #9a33cc; } .card-badge.card-badge-show-countdown, .card-badge.card-badge-ending-soon { background: #fe0100; } .card-badge.card-badge-show-countdown { display: flex; justify-content: center; } #promotions-offers .card .card-body .card-badge .icon { margin-right: 5px; } #promotions-offers .card .card-body .card-text { height: 35px; overflow: hidden; display: none; transition: 0.3s; -webkit-line-clamp: 2; } #promotions-offers .card .card-body .card-end-date { display: none; position: absolute; bottom: 0; color: #afafaf; } #promotions-offers .card .card-end-date .see-more:hover { text-decoration: underline; } #promotions-offers .promotions-offers-cards:hover .card { box-shadow: 0px 30px 18px -8px rgba(0, 0, 0,0.1); transition: 0.3s; } #promotions-offers .promotions-offers-cards:hover .card-body {transform: translateY(-70px); height: 150px; transition: 0.3s;} #promotions-offers .promotions-offers-cards:hover .card-subtitle-expanded { -webkit-line-clamp: 5; } #promotions-offers .promotions-offers-cards:hover .card-body .card-text { transition: 0.3s; display: -webkit-box; } #promotions-offers .promotions-offers-cards:hover .card-body .card-end-date { transition: 0.3s; display: block; } #promotions-offers .promotions-offers-cards:last-child:hover { height: 365px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #promotions-offers .card .card-body .card-title { height: 18px; } #promotions-offers .card .card-body .card-subtitle { height: 30px; } #promotions-offers .promotions-offers-cards:hover .card-body .card-text { display: block; } #promotions-offers .promotions-offers-cards:hover .card-subtitle-expanded { height: 80px; } } .product-carousel .signed-copy-sticker, .wishlist-item .signed-copy-sticker{background: transparent url(//images.booktopia.com.au/assets/grid-badge.png) no-repeat 0 0;background-size: 110%;height: 22px;position: absolute;text-indent: -9999px;top: 7px;width: 108px;z-index: 1;} #bundle-buy-button > div{position:relative;} #bundle-buy-button .book-club-buy-now:hover{box-shadow: inset 300px 0px 0px #075f20;} #product-details-bundle h2{font-size: 24px;} #buy-bundle{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);} #bundle-products.align-items-left{justify-content:flex-start;} #bundle-products.align-items-left .bundle-signs{margin:0px 20px;} #bundle-products.align-items-left .bundle-signs:last-child{display: none;} #upgrade-bundle #bundle-products.align-items-left .product{padding:0px 10px;} #bundle-buy-button .buy-now:hover{box-shadow: inset 300px 0px 0px #007ab3;} .theme-btn-container{display: flex;justify-content: space-between;background: #fff;margin-bottom: 15px;align-items: center;} .theme-btn-container > p{margin: 0px;line-height: normal;padding-left: 15px;} .theme-btn-container > p > span{font-size:13px;color:#6b6b6b;} .theme-btn-container > p > span > b{color:#009933;} .theme-btn-container #bundle-buy-button-top .buy-button{height:auto;} .theme-btn-container #bundle-buy-button-top .buy-button .buy-now:hover{box-shadow: inset 500px 0px 0px #007ab3;} .theme-btn-container #bundle-buy-button-top .buy-button .book-club-buy-now:hover{box-shadow: inset 300px 0px 0px #075f20;} .theme-btn-container #bundle-buy-button-top .buy-button .button{ padding: 10px;display: inline-block;width: auto !important;} .theme-btn-container #bundle-buy-button-top .buy-button .buy-now .icon{top:9px;} .theme-btn-container, .theme-b > p{display: none;} .theme-b .theme-btn-container{display: flex;} /****************************** HEADER ******************************/ .clearfix{clear:both;} .float-right{float:right;} .float-left{float:left;} #header *{box-sizing: border-box;} #header #top-usp-container { background: #fff; } #header #top-usp-container .top-usp { width: 1024px; height: 40px; text-align: center; margin: 0 auto; padding-top: 5px; align-self: center; background: #fff; display: flex; justify-content: space-around; } #header #top-usp-container .top-usp > div { text-align: center; } #header #top-usp-container .top-usp .usp-awards { background: #fff; padding: 5px; margin-top: -5px; height: 70px; border-radius: 8px; } #header #top-bar .content { display: flex; justify-content: start; margin: 0 auto; position: relative; } #header #top-bar .content #links { position: absolute; } body:not(.signed-in) #header #top-bar .content #links:not(.checkout) { right: 215px; } body.signed-in #header #top-bar .content #links:not(.checkout) { right: 205px; } #header #top-bar .content #links.checkout { right: 0; } #header #top-bar {padding:6px 0px;background: rgba(255,255,255,0.1);} #header #top-bar a{color: #fff;text-decoration: none;margin-right:10px;position: relative;} #header #top-bar a:before {content: "";position: absolute;width: 100%;height: 1px;bottom: -2px;left: 0;background-color: #fff;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} #header #top-bar a:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);} /*#header #top-bar a:not(span):hover{color: #ccc;}*/ #header #top-bar #fb-like {max-height:16px; width:90px;vertical-align: bottom;display:inline-block;} #header #top-bar #links a:last-child{margin:0;} #header {width:100%; position:relative; z-index:99;padding-bottom:15px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#075f20+0,23872f+100 */ background: #075f20; /* Old browsers */ background: -moz-linear-gradient(left, #075f20 0%, #23872f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #075f20 0%,#23872f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #075f20 0%,#23872f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075f20', endColorstr='#23872f',GradientType=1 ); /* IE6-9 */ } #header.header-checkout #logo img{width:140px; height:auto;} #header #logo {display:inline-block;} /** Header and Persistent Nav Bar Search **/ #header #search .search-box, .persistent-search-box .search-box {background-color: #fff; position: relative;} #header #search select, .persistent-search-box select {border: 0; height: 27px; margin: 0; top: -2px; width: 94px;} #header #search input.search-text, .persistent-search-box input.search-text {border: 0 none; border-right: 2px solid #1d7d2b; border-radius: 4px 0 0 4px; box-sizing: border-box; color: #999999; font-size: 14px; height: 27px; line-height: 30px; margin-bottom: 0; margin-left: 0px; margin-right: 0px; padding: 0 10px; width: 300px;-webkit-appearance: textfield;} #header #search input:focus, .persistent-search-box input.search-text:focus {outline:none;} #header #search {height:45px;} #header #search *{height: inherit;} #header #search input.search-text{height: 45px; width: 360px} #header #search select {height: 48px; width: 135px;} #header #search .submit{font-size: 16px;background: #ff6633; margin:0;padding:0px 30px;border:none;color:#fff;vertical-align: top;outline:0;height: 45px;width: 158px;} #header #search .submit .search-button-text{vertical-align: middle;} #header #search .icon-arrow-down8{ font-size: 27px; position: absolute; right: 165px; top: 12px;} #header #search .submit .icon-search2{vertical-align: middle; font-size:24px;} .persistent-search-box {float:right; margin:30px 8px 0 0; height:32px; width: 441px;} .persistent-search-box {margin-top: 8px;border-radius: 4px;} .persistent-search-box .icon-arrow-down8 {font-size: 21px; position: absolute; right: 34px; top: 4px;} .persistent-search-box .submit {background: #ff6633; border: 0;color: #fff; float: right; font-size: 22px; height:27px; display:inline-block; margin: 0; padding: 0; position: relative; width:32px;} .persistent-search-box .submit .icon-search2 {left: 6px; position: absolute; top: 2px;transition: transform 0.3s linear;} .persistent-search-box .submit .search-button-text{display:none;} .persistent-search-box input.search-text {width: 295px;} .persistent-nav-bar #shopping-cart-summary {margin: 2px 15px 0 25px;} #sub-nav .sub-menu-trending{display:none;} #member-price-wrapper .book-club-buy-now:hover, #member-price-wrapper .member-price-buy-now:hover{-webkit-box-shadow:inset 250px 0px 1px #ab9145;box-shadow:inset 250px 0px 1px #ab9145;} .has-member-price .save.member-price:before{border-top: 105px solid #d3b251 !important;} .member-price-search-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom: 10px;} .member-price-search-wrapper span{line-height: 1;font-weight: bold;font-size: 12px;} .member-price-search-wrapper b{font-size: 16px;} .member-price-search-wrapper a{background: #d3b251 !important;color: #fff;text-transform: uppercase;font-weight: bold;padding: 7px 11px;text-decoration: none;-webkit-transition: -webkit-box-shadow 0.3s linear;transition: -webkit-box-shadow 0.3s linear;-o-transition: box-shadow 0.3s linear;transition: box-shadow 0.3s linear;transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;} .member-price-search-wrapper .member-buy-button b{background-color: #f5f5f5;padding: 6px 8px;} .member-price-search-wrapper a:hover{-webkit-box-shadow:inset 100px 0px 1px #ab9145;box-shadow:inset 100px 0px 1px #ab9145;} #product-browse .has-member-price .book-club-badge{position: relative;z-index: 10;} .member-price.button{background: #d3b251;-webkit-box-shadow: none !important;box-shadow: none !important;} .has-member-price .regular-price{margin:5px 0px;}