/** Declarations to be listed in alphabetical order **/ body {background-color:#F4F4F4;} 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 .content {background: rgba(0, 0, 0, 0) linear-gradient(to right, #075f20 0%, #096322 37%, #249632 55%, #086221 85%, #075f20 100%) repeat 0 0; height: 124px; position: relative;} #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');} #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 {float:left; padding-left:40px; 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;} #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 {background: #24833F; background: -moz-linear-gradient(top, #24833F 0%, #075F20 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24833F), color-stop(100%,#075F20)); background: -webkit-linear-gradient(top, #24833F 0%,#075F20 100%); background: -o-linear-gradient(top, #24833F 0%,#075F20 100%); background: -ms-linear-gradient(top, #24833F 0%,#075F20 100%); background: linear-gradient(to bottom, #24833F 0%,#075F20 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24833F', endColorstr='#075F20',GradientType=0 ); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior: url('/template-resources/pie/PIE.htc'); color:#FFFFFF; display:inline-block; font-size:11px; font-weight:bold;} #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);} #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: 11px 0 0; max-height:30px; width:90px;} #top-bar #phone {float:left; margin:12px 0 0 8px; font-weight:bold; color:#ED6C05; font-size:15px; padding-left:18px; width:140px; background-image:url('//images.booktopia.com.au/assets/header/phone.png'); background-repeat:no-repeat; background-position:left center;} #top-bar #help{float:left; margin:12px 0 0 8px; font-weight:bold; color:#ED6C05; font-size:15px; padding-left:17px; width:90px; background-image:url('//images.booktopia.com.au/assets/header/help.png'); background-repeat:no-repeat; background-position:left center;} #top-bar #help a:hover{text-decoration: none;} #top-bar #links {float:left; margin-top:14px; text-align:right; font-size:14px; width: 290px;} #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 {background: none repeat scroll 0 0 #ffffff; color: #009933; 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 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;} /** Header and Persistent Nav Bar Search **/ #header #search, .persistent-search-box {float:right; margin:30px 8px 0 0; height:32px; width: 441px;} #header #search .search-box, .persistent-search-box .search-box {background-color: #fff; border-radius: 4px; position: relative;} .persistent-search-box {margin-top: 8px;} #header #search form {margin-left:10px;} #header #search select, .persistent-search-box select {border: 0; height: 27px; margin: 0; top: -2px; width: 94px;} #header #search .icon-arrow-down7, .persistent-search-box .icon-arrow-down7 {color: #c6c6c6; font-size: 21px; position: absolute; right: 34px; top: 4px;} #header #search .submit, .persistent-search-box .submit {background: transparent linear-gradient(to bottom, #f9b132, #e94f1a) repeat 0 0; border: 0; border-radius: 0 4px 4px 0; color: #fff; float: right; font-size: 22px; height:27px; display:inline-block; margin: 0; padding: 0; position: relative; width:32px;} #header #search .submit .icon-search2, .persistent-search-box .submit .icon-search2 {left: 6px; position: absolute; top: 2px;} #header #search input.search-text, .persistent-search-box input.search-text {border: 0 none; border-right: 2px solid #ddd; 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 0 0 10px; width: 300px;} .persistent-search-box input.search-text {width: 295px;} #header #search input:focus, .persistent-search-box input.search-text:focus {outline:none;} #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:28px; line-height:28px; width:188px; margin: 6px 8px 0 0; background-color: #fff; border-radius: 2px;} #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;} .persistent-nav-bar #shopping-cart-summary {margin: 7px 15px 0 25px;} #shopping-cart-summary .icon-cart {color: #aaa; float: left; font-size: 22px;line-height: 26px;} #shopping-cart-summary .checkout-text {background: #1787c9; background: linear-gradient(to bottom, #138dce, #2c69b3); border-radius: 0 2px 2px 0; color: #fff; float: right; font-size: 12px; font-weight: bold; line-height: 28px; text-align: center; text-decoration: none; width: 86px;} #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:10px; 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:#ED6C05; 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 12px;} #product-browse .product ins.one {background: #edce68; /* Old browsers */ background: -moz-linear-gradient(top, #edce68 0%, #f4ab44 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edce68), color-stop(100%,#f4ab44)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #edce68 0%,#f4ab44 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #edce68 0%,#f4ab44 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #edce68 0%,#f4ab44 100%); /* IE10+ */ background: linear-gradient(to bottom, #edce68 0%,#f4ab44 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edce68', endColorstr='#f4ab44',GradientType=0 ); /* IE6-9 */} #product-browse .product ins { background: #77bb22; /* Old browsers */ background: -moz-linear-gradient(top, #77bb22 0%, #47a51f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77bb22), color-stop(100%,#47a51f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #77bb22 0%,#47a51f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #77bb22 0%,#47a51f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #77bb22 0%,#47a51f 100%); /* IE10+ */ background: linear-gradient(to bottom, #77bb22 0%,#47a51f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bb22', endColorstr='#47a51f',GradientType=0 ); /* IE6-9 */ border-radius: 0 0 33px; box-shadow:1px 3px 3px 0 rgba(50, 50, 50, 0.3); color: #ffffff; display: block; text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); font-size: 18px; font-weight: bold; height: 23px; min-width: 35px; padding: 10px 5px 10px 2px; position: absolute; text-align:center; text-decoration: none; z-index: 99;} #product-browse .product.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;} #product-browse .product-type-tag-ebook, #product-browse .product-type-tag-audio, #product-browse .product-type-tag-cd-dvd, #product-browse .product-type-tag-blu-ray {background: url('//images.booktopia.com.au/assets/product-type-overlays.png') no-repeat scroll -90px -80px transparent; height:32px; position:absolute; right:1px; top:40px; width:85px; z-index:900;} #product-browse .product-type-tag-audio {background-position:-90px 0;} #product-browse .product-type-tag-cd-dvd {background-position:-90px -40px;} #product-browse .product-type-tag-blu-ray {background-position:-90px -120px;} /* 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, #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 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 */ #product-browse .product-results .special-occasion-icon, #wishlist table .image .special-occasion-icon {background: transparent url("//images.booktopia.com.au/assets/promotions/christmas-delivery.png") no-repeat center 0; display: block; height: 42px; left: 0; position: absolute; top: 0; width: 36px;} #wishlist table .image .special-occasion-icon {left: -10px; top: -10px;} /*REMOVE THIS LINE TO SHOW ICONS*/ #product-browse .product-results .special-occasion-icon, #wishlist table .image .special-occasion-icon {display: none !important;} /* 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:#C00A27; 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;} #product-browse .delivery .instant-download {position:absolute; left:12px; top:6px;} #product-browse .delivery .in-stock {position:absolute; left:0; top:8px} #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 {font-size:22px; color:#414042; font-weight:bold;} #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;} .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;} .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 {background: #483693; background: linear-gradient(to bottom, #653092, #2f3b93); border-radius: 3px; 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: #0895d7; background: linear-gradient(to bottom, #00acec, #107cc1); width: 120px;} .buy-button .ebook {background: #106a29; background: linear-gradient(to bottom, #23813d, #086021); 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;} .play-button {background:url('//images.booktopia.com.au/assets/play-button-white.png') no-repeat scroll 0 0 transparent; height:45px; left:130px; position:absolute; top:110px; 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;} .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 a:hover img {box-shadow:0 0px 5px 0 #4A4A4A; -moz-box-shadow: 0 0px 5px 0 #4A4A4A; -webkit-box-shadow: 0 0px 5px 0 #4A4A4A;} #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; width:330px;} .pagination a, .pagination a:visited, .pagination a:hover {background-color:#C8C8C8; color:#FFFFFF; font-size:12px; font-weight:bold; padding:4px 7px; text-decoration:none;} .pagination a:hover {background-color: #53565A} .pagination a.active, .pagination a.active:visited, .pagination a.active:hover {background-color:#ED6C05;} /*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 {background: #0895d7; background: linear-gradient(to bottom, #00acec, #107cc1); border-radius: 3px; 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: 251px;} #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 {background: #f5f5f5; 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:10px -5px 0; padding: 10px; position:relative;} .page-controls select {color:#53565A; font-size:12px; font-weight:normal;} .page-controls .numresults {width:200px;} .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: 0;} #product-filter h4 {background: none repeat scroll 0 0 #f5f5f5;border-bottom: 1px solid #ddd; border-left: 7px solid #77bb22; border-top: 2px dotted #dddddd; clear: both; color: #009933; font-size: 13px; font-weight: bold; margin-bottom: 0; padding: 10px 0 12px 8px; } #product-filter h4.top {border-top: 0 none;} #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; box-shadow: -7px 0 9px -9px #aaa inset; 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; } #product-filter .has-scrollbar li a {width:160px;} #product-filter li a {border-bottom: 2px dotted #ddd; padding: 8px;} #product-filter li a:hover {color:#FFFFFF; background-color:#C8C8C8;} #product-filter ul.active {color:#FFFFFF; background-color:#f5f5f5f;} #product-filter #language .skinned-select {background: url("//images.booktopia.com.au/assets/arrow-down.png") no-repeat scroll 176px 10px #ffffff; border: 1px solid #ccc; height: 27px; padding-left: 5px; width: 190px;} #product-filter #language .skinned-select select{left: -6px; top: -6px; width: 196px;} #lists a#reduced-to-clear {color:#E41B13} #product-filter li:last-child a {border-bottom: none;} /** 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 {background-color:#C8C8C8; border-radius: 3px; color:#FFFFFF; font-weight:bold; padding: 6px; position:relative; margin-bottom: 5px} #product-filter ul.active a .clear {background:url('//images.booktopia.com.au/assets/cross.png') no-repeat scroll -32px -28px transparent; height:18px; position:absolute; right:5px; top: 3px; width:18px;} #product-filter ul.active a:hover .clear {background-position:-66px -28px;} #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-top: 10px;} #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 ; height: 28px; padding: 10px 0 15px;; 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: #ed6e05; border: 0; border-radius: 0 3px 3px 0; color: #fff; display: inline-block; font-size: 25px; height: 32px; margin: 0 0 0 -5px; position: relative; vertical-align: top; width: 33px;} #product-filter #search .refine-search-submit .icon-search2 {left: 4px; position: absolute; top: 3px;} /** Forms **/ form label {display:inline-block; float:left; padding:6px 0px 5px; text-align:left; width:130px;} form input, button {border:1px solid #53565A; 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:#ED6C05; border-color:#ED6C05; 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 .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;} .popup #createMessage { max-width: 600px;} .popup #createMessage select { border: 1px solid #bbbbbb; height: 25px; margin-top: 4px; width: 100%;} .popup #createMessage .field > div{display: block; overflow: hidden; width: 330px;} .popup #createMessage #message { margin-top: 4px; padding: 4px; width: 318px;} /** Sign In **/ #sign-in .mainContentBox p {margin-top:20px; text-align:center;} #sign-in #existing-customers label {float:none; 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 5px; width:250px;} #sign-in #new-customers {padding:20px 50px 0 50px;} #sign-in #existing-customers {padding:30px 0 0 100px;} #sign-in #existing-customers input[type=submit] {margin-left:105px; margin-top:35px;} #sign-in .field input[type="checkbox"] {margin-right:8px;} #sign-in .mainContentBox .content {min-height:344px;} #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;} #help-centre, #manage-account, #order-details, #message-centre {padding-top:10px;} #category, #search-results, #help-centre #content, #manage-account #content, #order-details #content, #message-centre #content, #newsletter-preferences #content {border-left:1px solid #F4F4F4; box-shadow: -5px 0 5px -5px #AAAAAA; -moz-box-shadow: -5px 0 5px -5px #AAAAAA; -webkit-box-shadow: -5px 0 5px -5px #AAAAAA;} #category, #search-results {min-height:1000px;} #help-centre #content {min-height:1460px;} #manage-account #content, #message-centre #content, #order-details #content, #help-centre #content {margin-top:-5px;} /** Purchased Products **/ td.pptitle {overflow: hidden; padding-right: 10px; width: 330px;} td.ppdate {padding-left: 50px; width: 50px;} td.pporder {padding-left: 50px; width: 50px;} td.ppreview {padding-left: 60px; width: 90px;} /** 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:hover {text-decoration:underline;} table.order-history .order-number {width: 20%;} table.order-history .date {width: 20%;} table.order-history .order-status {width: 40%;} table.order-history .more-info {width: 20%;} table.order-history th {font-weight:bold;} /** My Vouchers **/ #my-vouchers form {margin-bottom:20px;} #my-vouchers form label {font-weight:bold; padding-left:0; text-align:left; width:120px;} #my-vouchers form .field {width:370px;} #my-vouchers input[type="submit"] {margin:11px 0 0; vertical-align:top;} /** 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;} /** 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; 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: 30px 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;} #product #image img {border: 1px solid #ccc; display: block; width:288px; padding:5px;} #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 .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;} #product-information {display:inline-block; vertical-align:top; width:660px;} #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;} #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: #C8C8C8;} #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: 2px dotted #E0E0E0; padding-bottom:5px;} #product-version {background-color:#F4F4F4; border:1px solid #E4E4E4; min-height:100px; padding:10px; margin-top:10px;} #product-version.secondary {filter: alpha(opacity = 50); opacity:0.5;} #product-version h3 {padding-bottom: 10px;} #product-version h3 a {color:#009A3E; font-size: 11px; text-decoration:underline;} #product-version .label {color:#009A3E;} #product-version a {color:#53565A;} #product-version #details-summary {font-size:14px; line-height:18px; width:235px;} #product-version .delivery {padding-top:10px;} #product-version #details-summary .delivery .ships-today, #product-version #details-summary .delivery .ships-tomorrow, #product-version #details-summary .delivery .ships-2-days, #product-version #details-summary .delivery .ships-3-days, #product-version #details-summary .delivery .ships-4-days {display:inline-block;} #product-version #details-summary .delivery .in-stock {display:inline-block; height:20px; padding-right:20px;} #product-version #price {border-left: 2px dotted #E0E0E0; height:60px; position:relative; text-align:center; width:229px;} #product-version #price .prices {display:inline-block; text-align:right; 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 {background:url('//images.booktopia.com.au/assets/large-star-green.png') no-repeat scroll 0px 0px transparent; color:#FFFFFF; display:inline-block; font-weight:bold; font-size:15px; height:50px; padding-top:18px; text-align:center; line-height:14px; margin:-5px 0 0 10px; width:65px; } #product-version #action {border-left: 2px dotted #E0E0E0; height:73px; padding-left:30px; padding-top: 10px;margin-top: -22px; text-align:center; width:120px;} #product-version #action .buy-button {padding:5px 0 10px;} #product-version #action .buy-button a.button {display:block;} /*Afterpay*/ #product-version .apply-afterpay {margin-bottom: 20px;} #product-version .apply-afterpay #price {border-left: 2px dotted #E0E0E0; height:80px; position:relative; margin-top: -22px; text-align:center; width:229px;} #product-version .apply-afterpay #price .afterpay{margin-left: 20px; font-size: 12px; width: 180px; line-height: 10px; margin-top: 4px;} #product-version .apply-afterpay #price .afterpay img{width: 70px; 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 {border-left: 2px dotted #E0E0E0; height:73px; padding-left:30px; padding-top: 10px;margin-top: -22px; text-align:center; width:120px;} #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 {border-top: 1px solid #e4e4e4; display: none; overflow: hidden; margin: 18px -10px 0; padding: 14px 0 0; text-align: center;} .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 {margin-top:8px;} #product-information #delivery-information {margin-top: 15px;} #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: 76px;} #product-alternate-formats .format-image img {display: block; margin: 0 auto; max-height: 116px; max-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; line-height: 30px;} #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; border-radius: 3px; 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 { background: #00a8e9; /* Old browsers */ background: -moz-linear-gradient(top, #00a8e9, #1a79bd); /* FF3.6+ */ background: -webkit-linear-gradient(top, #00a8e9, #1a79bd); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #00a8e9, #1a79bd); /* IE10+ */ background: linear-gradient(to bottom, #00a8e9, #1a79bd); /* W3C */ float: left; } #product-alternate-formats .format-add-to-cart.pre-order { background: #2f3b93; background-image: linear-gradient(to bottom, #653092, #2f3b93); } #product-alternate-formats .format-add-to-cart .icon {color: #fff; font-size: 32px;} #product #media {display:inline-block; position:relative; width:300px;} #product #media img {box-shadow:0 0 2px 0 #4A4A4A; -moz-box-shadow: 0 0 2px 0 #4A4A4A; -webkit-box-shadow: 0 0 2px 0 #4A4A4A;} #product #media #links li {text-align:left;} #product #media #links li a {text-decoration:underline;} #product #media .yui3-tab-panel {text-align:center;} #product #media .yui3-tab-panel li {padding: 5px 0; text-align:center;} #product ul.yui3-tabview-list {background-color:#F4F4F4; height:35px;} #product ul.yui3-tabview-list li.yui3-tab {border-right: 2px dotted #d4d4d4; font-weight: bold; height: 35px;} #product ul.yui3-tabview-list li.yui3-tab a {color:#53565A;} #product ul.yui3-tabview-list li.yui3-tab a:hover {text-decoration:none;} #product ul.yui3-tabview-list li.yui3-tab-selected {background-color:#80BA26; border:none;} #product ul.yui3-tabview-list li.yui3-tab-selected a {color:#FFFFFF;} #product .yui3-tabview {display:inline-block; margin:10px 10px 20px; vertical-align:top;} #product .yui3-tab-label {padding:9px 10px;} #product #media .yui3-tab-panel, #product #product-details .yui3-tab-panel {border: 1px solid #E0E0E0; min-height: 200px; padding: 10px;} #product #product-details #details .label {font-weight:bold;} #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 #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 #product-categories {margin:10px;} #product #product-categories .yui3-tab-panel a {color:#53565A; font-size:11px;} #product #product-categories .yui3-tab-panel a:hover {border-bottom:1px dotted; text-decoration:none;} #product #product-categories .yui3-tab-panel {border: 1px solid #E0E0E0; padding: 10px;} #product #product-compatibility { margin-top:10px;} #product #product-compatibility ul { margin-bottom:10px;} #product #product-compatibility h5 { margin-bottom:0;} ul.ticked, ul.crossed {display:inline-block; font-size:14px; line-height:18px; vertical-align:top; width:210px;} 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:#80BA26; 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 .field {margin-top:6px;} #addressForm .field input {width:280px;} #addressForm .field #isBusinessAddress {width:16px;} #addressForm label {width:180px;} #addressForm .field .help, #addressForm .field .input-error {padding-left:40px;} #addressForm .buttons {margin: auto; text-align: center;} #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;} #internalReferenceNumberForm .buttons {margin:0 0 0 220px;} .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} #choose-address, #choose-address-billing {overflow: hidden; padding: 20px;} #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: 20px;} #wallet, #locker {padding-right: 20px;} #wallet .help {font-size: 12px;} .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 { border-top: 1px solid #bbbbbb; 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: 38px; overflow: hidden;} a.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;} #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; border-radius: 2px; 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 .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;} #choose-address.selected, #choose-address-billing.selected, .delivery-option.selected{background: #f5f5f5;} #choose-address-billing.selected{border: 1px solid #ccc;} #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*/ #shoppingCart .afterpay {background-color: #fff; line-height: 20px; margin-top: -16px; padding-bottom: 12px; padding-right: 43px; text-align: right;} #shoppingCart .afterpay img {vertical-align: top;} #shoppingCart .afterpay a {color: #666; font-size: 11px;} #shoppingCart .afterpay-show-payment .afterpay-gap, #shoppingCart .afterpay-hide-payment .afterpay-payments {display: none;} #shoppingCart .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 {background-color: #939292; border-radius: 3px; 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: #1884c6; background: linear-gradient(to bottom, #269ad3, #0d81ba);} .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 {background:url('//images.booktopia.com.au/assets/save-cancel-buttons.png') no-repeat scroll 0 0 transparent; display:block; height:28px; margin:0 10px; width:152px;} .save-button {background-position: 0 -30px; float:right;} .checkout-buttons {height:40px; padding: 20px 20px 0;} .checkout-button, .submit-order-button, .delivery-options-button, .review-order-button {background:url('//images.booktopia.com.au/assets/checkout-large.png') no-repeat scroll 0 0 transparent; display:block; float:right; height:40px; width:165px;} .delivery-options-button, .review-order-button {background-position: 0 -173px; width:265px;} .submit-order-button {background-position: -195px -57px; margin-right: 10px; width:210px;} #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;} #shoppingCart #cartItems .gift-certificate-row {display: none;} #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 {border: 1px solid #ccc; margin: 7px 20px; padding: 0;} form .choose-address-item input[type="radio"] {float: left;} form .choose-address-item > p, form .choose-address-item > h5 {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 { 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{backfround: #fffff; box-shadow: 1px 0px 1px #ccc; color: #009933;} .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 {float: left; width: 30%; margin: 0 3% 0 0;} .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; 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 .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 #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 #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: 110px;} #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;} /** Author **/ #author #quote {background: #f5f5f5; border-bottom: 1px solid #ccc; margin-bottom: 20px; text-align: right;} #author #quote h2 {padding-right: 30px; padding-top: 20px; text-align: center;} #author #quote p {font-style:italic; margin-right: 250px;} #author-info .image {float:left;padding:0 20px 10px 0; max-width:215px;} #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: #77bb22;} .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;} #createMessage input[type=text] {width:auto;} #createMessage input[type=submit] {background-color: #f5f5f5;; margin-left: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/assets/gift-certificate-icon.png') no-repeat scroll 0 0 transparent; height:60px; width:60px;} /* Social Media Icons */ #footer #social-media-tab {background: none; border-top:none; height:40px; margin:0 35px; padding-top:0; position:relative; top:0; left:0; width:230px;} #footer #social-media-tab li {float:left;} #footer #social-media-tab a.facebook-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-3.png') no-repeat scroll -86px -1px transparent; display:block; height:38px; width:37px;} #footer #social-media-tab a.twitter-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-3.png') no-repeat scroll -86px -39px transparent; display:block; height:38px; width:37px;} #footer #social-media-tab a.blog-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-3.png') no-repeat scroll -86px -77px transparent; display:block; height:38px; width:37px;} #footer #social-media-tab a.youtube-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-3.png') no-repeat scroll -86px -115px transparent; display:block; height:38px; width:37px;} #footer #social-media-tab a.pinterest-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-2.png') no-repeat scroll -86px -153px transparent; display:block; height:38px; width:37px;} #footer #social-media-tab a.instagram-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-3.png') no-repeat scroll -86px -153px transparent; display:block; height:38px; width:37px;} #footer #social-media-tab a.google-plus-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-3.png') no-repeat scroll -86px -191px transparent; display:block; height:38px; width:37px;} #footer #social-media-tab a.facebook-icon:hover {background-position:-42px -1px;} #footer #social-media-tab a.twitter-icon:hover {background-position:-42px -39px;} #footer #social-media-tab a.blog-icon:hover {background-position:-42px -77px;} #footer #social-media-tab a.youtube-icon:hover {background-position:-42px -115px;} #footer #social-media-tab a.pinterest-icon:hover {background-position:-42px -153px;} #footer #social-media-tab a.instagram-icon:hover {background-position:-42px -153px;} #footer #social-media-tab a.google-plus-icon:hover {background-position:-42px -191px;} #social-media-tab li.inline {display:inline-block;} #social-media-tab {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -15px 0 transparent; display:block; height:265px; left:50%; margin-left:512px; position:absolute; top:450px; width:100px;} #social-media-tab a.facebook-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -209px -170px transparent; display:block; height:45px; width:45px;} #social-media-tab a.twitter-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -258px -170px transparent; display:block; height:45px; width:45px;} #social-media-tab a.blog-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -209px -125px transparent; display:block; height:45px; width:90px;} #social-media-tab a.youtube-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -209px 0 transparent; display:block; height:125px; width:90px;} #social-media-tab a.pinterest-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -258px -218px transparent; display:block; height:45px; width:45px;} #social-media-tab a.instagram-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -258px -218px transparent; display:block; height:45px; width:45px;} #social-media-tab a.google-plus-icon {background:url('//images.booktopia.com.au/ext/social-media-tab-large.png') no-repeat scroll -209px -218px transparent; display:block; height:45px; width:45px;} #social-media-tab a.facebook-icon:hover {background-position:-114px -170px;} #social-media-tab a.twitter-icon:hover {background-position:-163px -170px;} #social-media-tab a.blog-icon:hover {background-position:-114px -125px;} #social-media-tab a.youtube-icon:hover {background-position:-114px 0;} #social-media-tab a.pinterest-icon:hover {background-position:-163px -218px;} #social-media-tab a.instagram-icon:hover {background-position:-163px -218px;} #social-media-tab a.google-plus-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) { #social-media-tab {display:none;} #social-media-tab-large {display:none;} } /* 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; margin-top: 6px;} .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{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: 1px solid #009933; border-radius: 3px; color: #fff; font-size: 24px; font-weight: bold; height: 45px; line-height: normal; margin: 0 0 0 15px; padding: 0 3px; text-shadow: 1px 4px 6px #009933, 0 0 0 #000, 1px 4px 6px #009933; vertical-align: middle; width: 160px;} #search-module #search form input.submit: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);} /**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;}**/ /**Category Bestsellers**/ #category-features {padding-bottom: 0 !important;} #category-features h2.dual {margin-bottom:0;} #category-features .feature-box {background-color: #f5f5f5; border: 1px solid #ccc; float: left; height: 200px; margin: 25px 29px 0 0; width: 237px;} #category-features .feature-box:nth-child(2n+2) {margin-right: 0;} #category-features .feature-images {background-color: #fff; border-bottom: 1px solid #ccc; height: 144px; overflow: hidden; position: relative;} #category-features .feature-images img {box-shadow: 0 0 5px #777; position: absolute;} #category-features .feature-images .feature-image-3 {bottom: -10px; right: 15px;} #category-features .feature-images .feature-image-2 {bottom: -10px; left: 15px;} #category-features .feature-images .feature-image-1 {bottom: 0; left: 50%; transform: translateX(-50%); z-index:99;} #category-features .feature-images img {display: block; height: 130px;} #category-features .feature-box h2 {font-size: 17px; height: 53px; line-height: 23px; margin: 0; position: relative; text-align: center;} #category-features .feature-box h2 a {box-sizing: border-box; left: 0; padding: 0 10px; position: absolute; transform: translate(0px, -50%); top: 50%; width: 100%;} #category-features .feature-box h2 a:hover {text-decoration: none;} #category-features > .yui3-u-1-3 {position: relative; right: -13px;} #category-features #trending .bestsellers {border-left: 1px solid #ccc; border-top: 1px solid #ccc; box-shadow:none; margin: -1px 0 0 0; overflow: hidden;} #category-features #trending .bestsellers #info .top-10 li .title {width: 165px;} #category-landing #trending .bestsellers #info ol li:last-child {border: 0; margin: 0;} /**Featured Author block**/ #featured-author{ clear: both; display: inline-block;} #featured-author h2{color: #666666; font-size: 28px;} #featured-author h2 span{color: #77bb22;} #featured-author h3{border-bottom: 1px solid #ccc; color: #666666; font-size: 21px; margin-bottom: 20px; margin-top: 15px; 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;} #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: 113px;} .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;} .border-bottom {border-bottom: 1px solid #cccccc;} .more-grey a {color: #333333;} .yui3-u-1-2.padding-right{width: 48%} .yui3-u-1-2.padding-left{width: 48%} #featured-author .yui3-u-1-2.padding-right h3, #featured-author .yui3-u-1-2.padding-left h3{border-bottom: 0 none; padding-bottom: 0px;} /**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{border-radius: 3px; color: #ffffff; cursor: pointer; display: block; font-size: 18px; font-weight: bold; padding: 10px 15px; text-align: center; text-shadow: 1px 1px 4px #666666; } .button-small{border-radius: 3px; color: #ffffff; cursor: pointer; display: block; font-size: 16px; font-weight: bold; padding: 5px 8px; text-align: center; text-shadow: 1px 1px 4px #666666; } .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;} #authors h2 {border-bottom: 1px solid #ccc; color: #333; margin-bottom: 15px; padding-bottom: 15px; width: 98%;} #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 .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: 90%; } #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;} 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; } #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%; } /*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 .product-carousel-7 .jcarousel-skin-booktopia{background-color: #f5f5f5;}*/ .index section h2{font-size: 26px;} .index a.cta{background: none repeat scroll 0 0 #77bb22; border-radius: 3px; 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;} #content.index #category-featured-prods.grey{padding-left: 0;} #content.index.books #category-featured-prods .jcarousel-skin-booktopia{background-color: #fff;} /**Offers**/ #offers h3, #offers span.offer-icon{color: #77bb22;} #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 #77bb22; border-radius: 3px; color: #ffffff; display: block; float: left; font-size: 16px; font-weight: bold; margin-right: 10px; margin-top: 23px; padding: 4px 22px 5px; text-align: center; 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: left; padding-left: 0;} #trending ul li {background: #f5f5f5; border: 1px solid #dedede; float: left; height: 170px; line-height: 167px; margin: 0px 22px 19px 0px; position: relative;} #content.index.audio-books #trending ul li {height: 107px; line-height: 104px; margin: 0 0 19px 15px;} #trending ul li.last {margin-right: 0px;} #trending ul li img{display: inline-block;line-height: normal;max-height: 170px;vertical-align: middle;width: 114px;} #content.index.audio-books #trending ul li img{max-height: 108px} .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: 3px; padding-bottom: 3px; vertical-align: middle; text-align: right;} .border-bottom {border-bottom: 1px solid #cccccc;} .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 .clear.promo{} #trending .bestsellers{ box-shadow: 0 1px 4px 1px rgba(50, 50, 50, 0.3); margin: 5px 0 20px 15px;} #trending .bestsellers h3{ color: #333333; padding: 10px 10px 10px 20px;} #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: 10px; } #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; } #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{ margin-right: 10px; max-height: 65px; width: 46px; } #trending .bestsellers #info .top-10 li h4{ color: #333333; display: block; font-size: 14px; 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 .title{ display: block; float: right; font-size: 14px; margin-right: 5px; text-align: left; width: 210px; } #trending .bestsellers #info .more { padding: 5px 10px 10px 20px; text-align: right; } /*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 ul li img { max-height: 167px; vertical-align: middle; width: 114px;} #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; width: auto;} #brand .brand-logo img:hover { box-shadow: 0 0 3px #999; } /**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;} .product-carousel-priced-7 .jcarousel-clip-horizontal {width: 935px;} #category-landing .product-carousel-priced-7 li.jcarousel-item-horizontal{width: 153px;} /**Sub-Cat Main Block**/ .yui3-g.main-block {background: url(" ") no-repeat;} section.main-block .view-all, #category-landing h1 .view-all{background: #f5f5f5; border: 1px solid #666666; border-radius: 2px; color: #666666; font-size: 14px; font-weight: 600; padding: 4px 7px 5px; position: absolute; right: 8px; top: 24px;} section.main-block .view-all:hover, #category-landing h1 .view-all:hover{background: #f5f5f5; border: 1px solid #77bb22; color: #77bb22; 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-landing-page-promo {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 0 -12px 0 -13px; padding: 20px;} .ebook-landing-page-promo.no-top-border {border-top: 0;} .ebook-landing-page-promo-dual a:first-child {margin-right: 15px;} .ebook-landing-page-promo img {height: 120px; width: 770px;} .ebook-landing-page-promo-dual img {width: 375px;} #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;} /**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 span{color: #77bb22;} /**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.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;} /**Carousels**/ #content.index #category-featured-prods.first {padding: 0 !important; width: 1024px;} #content.index #category-featured-prods.first .product-carousel-7{margin: 0 !important;} #content.index #category-featured-prods.first .product-carousel-7 .jcarousel-container-horizontal { padding: 0 60px 10px;} #category-landing #body .product-carousel-7{margin: 0; padding: 0;} #category-landing #body .product-carousel-7 .jcarousel-container-horizontal {padding: 0 58px 10px;} #category-landing #body .content-wrapper{border-top: 1px solid #cccccc;} #category-landing #category #content {padding: 0 12px;} #category-landing section{padding-top: 30px; padding-bottom: 30px;} #category-landing section.white{padding:30px 0; position: relative;} #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 .booktopia-promo{border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: -1px 0 -1px -12px; width: 808px;} #category-landing .in-house-promo{height: 100%; width:100%;} /** Promos **/ #trending .clear.promo { border: 1px solid #ccc;} .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-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.wide .content{float: left; padding: 34px 0px; width: 250px; width: 39%;} .booktopia-promo.wide.form .content{padding: 17px 0;} .booktopia-promo.wide .text{float: left; font-size: 18px; line-height: 24px; margin-bottom: 15px;padding-left: 15px;} .booktopia-promo.wide .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; margin-left: 15px; padding: 7px 50px 11px;} .booktopia-promo.wide .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.wide form{text-align: center;} .booktopia-promo.wide input.button{border: 0 none; font-size: 16px; margin-top: 10px; padding: 7px 50px 9px;} .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: 7px 10px 9px; text-align: left; 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;} /*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;} /*Sign in*/ #featured-content {background: #efefef; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: 15px -12px; padding-bottom: 10px; padding-top: 10px;} #content #featured-content .login-box {background: #ffffff; box-shadow: 0 1px 8px 1px rgba(50, 50, 50, 0.3); display: block; float: left; min-height: 404px; margin: 20px; padding: 15px;} #content #featured-content .login-box h2 {background: #666666; border-bottom: 1px solid #cccccc; color: #ffffff; margin: -15px -16px 15px; padding: 10px;} #content #featured-content .login-box.new h2{background:#19822c;} #content #featured-content .login-box p{font-size: 14px;} #content #featured-content .login-box #existing-customers, #content #featured-content .login-box #createAccountForm {padding: 0; text-align: center;} #content #featured-content .login-box #existing-customers .field{line-height: 50px; margin-top: 0; width: 84%;} #content #featured-content .login-box form .field label{width: 30%; float: left;} #content #featured-content .login-box form .field input{width: 60%; float: left; margin-left: 10px;} #content #featured-content .login-box form .field>div{text-align: left; line-height: 25px;} #content #featured-content .login-box form .field>div #rememberMe{width: 20px; float: left; margin-left: 127px;} #content #featured-content .login-box form #newsletterField {line-height: 13px; color: #777; font-size: 11px;} #content #featured-content .login-box form .field>div #newsletterSubscription {margin: 2px 7px 30px 0px; width: 20px;} #content #featured-content .login-box form input[type="submit"]{ background: rgb(237,108,5); /* Old browsers */ background: -moz-linear-gradient(top, rgba(237,108,5,1) 0%, rgba(211,105,6,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,108,5,1)), color-stop(100%,rgba(211,105,6,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(237,108,5,1) 0%,rgba(211,105,6,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(237,108,5,1) 0%,rgba(211,105,6,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(237,108,5,1) 0%,rgba(211,105,6,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(237,108,5,1) 0%,rgba(211,105,6,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6c05', endColorstr='#d36906',GradientType=0 ); /* IE6-9 */ border-radius: 3px; font-size: 16px; font-weight: bold; margin-left: 0; margin-top: 20px; padding: 10px 90px; text-transform: uppercase; text-shadow: 1px 1px 4px #d36906; box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.45);} #content #featured-content .login-box form input[type="submit"]:hover{background: #ED6C05;} #content #featured-content .login-box #createAccountForm input[type="submit"], #content .forgotten-password input[type="submit"]{ 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; color: #ffffff; border-radius: 3px; font-size: 16px; font-weight: bold; margin-left: 0; margin-top: 20px; padding: 10px 90px; text-transform: uppercase; text-shadow: 1px 1px 4px #666666;} #content #featured-content .login-box #createAccountForm input[type="submit"]:hover{background: #19822c} #forgotten-password{border-top: 1px solid #dedede; display: block; font-size: 14px; margin-top: 20px; padding-top: 13px; width: 100%;} #content #featured-content .login-box form .field input{border: 1px solid #aaa;} #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 #jumper { float: right; margin-top: -49px;} .search-header #jumper {bottom: -2px; float: right; margin-top: 0; position: absolute; right: 0;} .search-header #jumper li {background: #f9f9f9; color: #009933; display: block; float: left; font-size: 13px; font-weight: bold; border-color: #999 #ccc #fff; border-style: solid; border-width: 1px 0 0 1px; /*padding: 7px 14px 6px;*/ text-align: center; } .search-header #jumper li:hover{border-color: #009933 #ccc #fff; border-style: solid; border-width: 4px 0 0 1px; /*padding: 4px 14px;*/ text-decoration: none;} .search-header #jumper li.selected, #jumper li.selected:hover { background: #ffffff; border-color: #009933 #ccc #fff; border-style: solid; border-width: 4px 0 2px 1px; /*padding: 5px 15px;*/ text-decoration: none;} #jumper li.selected:hover{border-right: 0px solid #ccc; border-left: 1px solid #ccc;} .search-header #jumper li.selected a, #jumper li.selected a:hover, #jumper li:hover a {color: #333333; text-align: center; text-decoration: none; } .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;} .search-header #jumper li a {display: block; padding: 7px 14px 6px;} .search-header #jumper li:hover a {display: block; padding: 4px 14px;} .search-header #jumper li.selected a, #jumper li.selected a:hover {display: block; padding: 5px 15px;} .search-header #jumper li.optional {display:none;} .search-header #jumper{display: none;} /*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: block; height: 35px; margin-left: -5px; width: 101%;} #content #jumper li{background: #fff; border: 2px solid #009933; color: #fff; float: left; margin-right: 10px; text-align: left; width: auto;} #content #jumper li a{display: block; padding: 5px 6px 22px; text-align: center; } #content #jumper li:hover{box-shadow: 1px 1px 3px #555;} #content #jumper li.selected, #content #jumper li.selected:hover {background: #009933; border: 2px solid #009933; color: #000; float: left; padding: 0; position:relative; text-align: left; width: auto; } #content #jumper li.selected a span{color: #fff;} #content #jumper li.selected:hover, #content #jumper li.selected a:hover {cursor: initial; box-shadow: 1px 1px 2px transparent !important;} #content #jumper li span{color: #333; float: left; font-weight: bold; text-transform: uppercase;} #content #jumper li .tiny{font-size: 11px; font-weight: normal; line-height: 13px; margin-left: 6px;} #content #jumper li br{display: none;} #content #jumper li:last-child {margin-right: 0px;} #content #jumper li.selected:after{content:''; position: absolute; top: 100%; left: 44%; width: 0; height: 0; border-top: solid 9px #009933; border-left: solid 9px transparent; border-right: solid 9px transparent;} /* Course Finder */ .course-finder {letter-spacing: 0;} .course-finder h1 {font-size: 24px; margin: 0; padding: 15px 20px;} .course-finder-tabs {overflow: hidden; width: 100%;} .course-finder-tabs li {border: 1px solid #ccc; border-left-width: 0; border-radius: 0 5px 0 0; box-sizing: border-box; float: left; margin-right: 4px; position: relative; width: 285px; z-index: 2;} .course-finder-tabs li.course-find-by-code {border-left-width: 1px; border-radius: 5px 5px 0 0;} .course-finder-tabs li.tab-selected {background-color: #f3f3f3; border-bottom: 1px solid #f3f3f3;} .course-finder-tabs li a {color: #777; display: block; font-size: 17px; font-weight: bold; line-height: 48px; padding-left: 20px; text-decoration: none !important;} .course-finder-tabs li.tab-selected a {color: #555;} .course-finder-tab-content {background-color: #f3f3f3; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden; position: relative; top: -1px;} .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 {background: transparent url("//images.booktopia.com.au/assets/nav-arrow-grey-large.png") no-repeat right center; box-sizing: border-box; float: left; padding: 10px 27px 35px 12px; position: relative; width: 33.3333%;} .course-finder-selection .clear-selection {bottom: 8px; position: absolute; right: 29px;} .course-finder-selection:first-child {padding-left: 20px;} .course-finder-selection:last-child {background-image: none; padding-right: 20px;} .course-finder-tab-content select, .course-finder-tab-content input[type="text"] {border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; line-height: 40px; height: 40px; padding: 0 10px; width: 100%;} .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 {background-color: #019934; border: 1px solid #019934; border-radius: 4px; color: #fff; font-size: 14px; line-height: 25px; margin: 0; width: 145px;} .course-finder #course-results{min-height: 500px;} .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{padding: 20px 0px; 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 {background: #075f20; color: #fff; margin: 20px 2px 0; font-size: 18px; font-weight: bold; text-transform: uppercase; border: 1px solid #075f20;text-shadow: 1px 1px 1px #075f20; border-radius: 2px; box-shadow: 1px 1px 0px #666;} #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;} /*full Width*/ #uni-course.full-width {height: 95px; width: 100%;} #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; border-radius: 2px; box-shadow: 1px 1px 0px #666;}