/* em spacing to 3 decimals based on 12px=1em using http://riddle.pl/emcalc/ All borders to use 1px instead of .1em */ /* resets for everything */ * { margin: 0em; padding: 0em; border: 0em;} body {font-family:Verdana; font-size: 12px; text-align:center;/*margin-bottom: 1em;*/color:#333;} /* xmas */ body { background: #fff url(../images/xmasBack.gif) center top repeat-x;} h1, span.processing {font-size: 1.35em; color:#582c87; margin: .4em 0em;} #account.basket h1 {margin-top: 1em;} #content p {/*margin: 0 0 1.5em;*/} caption {display: none;} em {font-style: normal;} a:link {color: #333;} a:visited {color: #707070;} a:hover {color:#000; text-decoration:none;} a:active {color:#000;text-decoration:underline;} table {font-size: 1em;} /* General form styles */ form {padding: 0 1em;} div.priceBlock form {padding: 0;} #header form, #basket form, #navigationColumn form {padding:0;} fieldset {display: block; margin-bottom: 2em;} #header fieldset, #navigationColumn fieldset {display: inline; margin: 0;} legend {font-size: 1.2em; color:#582c87; font-weight: bold;} /*#header legend, #navigationColumn legend {display: block; font-size:1em; font-weight:normal; color: #333;}*/ .formFields {padding-top: 1em; display: block;padding-bottom: .2em;} .formFields.buttons {clear: both;} label, span.label {width: 10em; text-align: right; display:block; float:left; padding-top: .2em;padding-right: 1em; margin-right: .2em;} /* See wishlist section at bottom for alternative form styles when given chance to change them all */ .required label {background: url(../images/required.gif) right 0.3em no-repeat;} input {outline: 0;} input, select {width: 15em;} #header input, #header select {width: auto;} input, textarea, select {padding: .2em; border: 1px solid #ccc;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;} /*label, label span, input, textarea, select {vertical-align:middle;}*/ p.required {margin-bottom: 0em;} p.required.message {margin-bottom: .5em; padding-top: .5em;} p.required strong { background: url(../images/required.gif) center no-repeat;} fieldset p.required label strong {display: none;} p.required strong span{ visibility: hidden;} .required input, p.required select, .required textarea {border-color: #000;} .formFields.radioCheck {padding-left: 9em; height: 2em;} .formFields.radioCheck input, .formFields.radioCheck label { vertical-align: middle; padding: 0; margin: 0; margin-right: 1em;} .formFields.radioCheck input {width: auto;border: 0; float:left;} .formFields.radioCheck label {text-align:left; width: auto;} .formFields .help, fieldset p.help {display:block;font-size:0.8em; margin-left:14em;} .formFields .help {margin-bottom: 1em; width: 20.2em;} .formFields.radioCheck .help {margin-left: 0em;} #taxMessage {margin-bottom: 1em; clear: both;padding: .5em; background: #ffff99;} /* END General form styles */ /* Button styles */ button, form button, .button {background-position:left center; background-repeat:no-repeat;background-color: transparent;} form button, .button,#header .popUp .linkSurround.button, button.email {font-size:.8em; font-weight: bold;border:0; cursor:pointer; padding:4px 0 10px 25px; text-align:center; margin: 0em; float: left;} button span, .button a, #header .popUp .linkSurround.button a {background-image:url(../images/buttonBackSmall.gif); color: #333; text-decoration: none; padding:4px 7px 10px 2px; white-space:nowrap;} button span {padding-right: 10px;} button span em, .button a em,.button a span {font-style:normal; display:inline;} form button {margin-left: 14em; margin-top: 1em;} .button,#header .popUp .linkSurround.button {background-position:right center; padding:4px 10px 10px 0px;background-image:url(../images/buttonBackSmall.gif);} .button a, #header .popUp .linkSurround.button a {padding:4px 0px 10px 28px; background-image: none;} .button a {background-position:left center; background-repeat:no-repeat;background-color: transparent;} #header .button,.button.buy,.linkSurround.button.email,.fullBook .priceBlock.abe .linkSurround.button.abe,.columns5 .linkSurround.button,.module.emptyBasket .linkSurround.button.browse,#checkout.confirmation p.message.live .linkSurround.button{ padding:0 7px 0 0; margin: 0em; float: none;} #header #basketView .button.checkout a, .button.buy a, .fullBook button.email, .linkSurround.button.email a,.fullBook .priceBlock.abe .linkSurround.button.abe a, .columns5 .linkSurround.button a,.module.emptyBasket .linkSurround.button.browse a, #checkout.confirmation p.message.live .linkSurround.button a{display:block; white-space:nowrap; padding:0 3px 0 32px; height:32px; line-height:25px;color: #fff;} #header button,#siteSearch404 button.search,#siteSearchEmptyReview button.search,#deepSearch button.search { padding:0 0 0 30px;margin: 0em; float: none;} button span, form button span {background-position:right center; background-repeat:no-repeat;background-color: transparent;} #header button span, #siteSearch404 button.search span,#siteSearchEmptyReview button.search span, #deepSearch button.search span, #mainContent .fullBook button span {display:block; white-space:nowrap; padding:0 14px 0 2px; height:32px; line-height:25px;color: #fff;} #header button span, #header .button.checkout,#siteSearch404 button.search span, #siteSearchEmptyReview button.search span { background-image:url(../images/buttonBackHeader.gif); } #header #siteSearch button.search, #siteSearch404 button.search, #siteSearchEmptyReview button.search {float: left;display: inline;background-image:url(../images/buttonSearchHeader.gif); margin-top: 0.6em; margin-left: 1em; font-size: 0.9em;} #siteSearch404 button.search,#siteSearchEmptyReview button.search, #deepSearch button.search {background-image:url(../images/buttonSearch.gif);} #deepSearch button.search.pick {background-image:url(../images/buttonSearchPick.gif);} #siteSearch404 button.search span,#siteSearchEmptyReview button.search span, #deepSearch button.search span {background-image:url(../images/buttonBack.gif);} .module.emptyBasket .linkSurround.button.browse{float: left; display: inline;font-size: 0.9em;padding-right:10px;} .module.emptyBasket .linkSurround.button.browse a {background-image:url(../images/buttonBrowse.gif);} #header button.currency span {display: none;} #header #currencySelection button.currency {width: 2.5em; height: 1.6em; padding: 0; vertical-align: middle;float: right; font-size: 1em; margin-right: 1em;} #header button.currency.GBP {background: url(../images/worldflags/gb.png) center no-repeat; } #header button.currency.USD {background: url(../images/worldflags/us.png) center no-repeat; } #header button.currency.EUR {background: url(../images/worldflags/eu.png) center no-repeat; } #header button.currency.AUD {background: url(../images/worldflags/au.png) center no-repeat; } #header button.currency.CAD {background: url(../images/worldflags/ca.png) center no-repeat; } #header #basketView .linkSurround.button.checkout {float: none; display: block; font-size: .9em;} #header #basketView .linkSurround.button.checkout a {background-image:url(../images/buttonBasketHeader.gif);} /* REMOVED FOR NOW. IF NOT BACK BY FEBRUARY 2009 REMOVE THESE #header .linkSurround.button.GBP.checkout {background:url(../images/buttonCurrencyPoundHeader.gif) left no-repeat;} #header .linkSurround.button.USD.checkout {background:url(../images/buttonCurrencyDollarHeader.gif) left no-repeat;} #header .linkSurround.button.EUR.checkout {background:url(../images/buttonCurrencyEuroHeader.gif) left no-repeat;} */ #header .popUp .linkSurround.button.checkout{display: block; margin-top: -0.2em; float: right;} #header .popUp .linkSurround.button.more {float: none;} /* Purchase buttons */ /* buy */ .priceBlock .linkSurround.button.buy,.priceBlock .linkSurround.button.email, .fullBook button span, .module.emptyBasket .linkSurround.button.browse,#checkout.confirmation p.message.live .linkSurround.button {background-image:url(../images/buttonBack.gif);color: #fff;} .linkSurround.button.buy a {background-image:url(../images/buttonBasket.gif);color: #fff;} .linkSurround.button.buy a:link, .linkSurround.button.buy a:visited, .linkSurround.button.buy a:hover,.linkSurround.button.buy a:active {color: #fff; text-decoration: none;} .linkSurround.button.buy, .linkSurround.button.email, .fullBook button.email, .columns5 .linkSurround.button.abe {display: block;width: 12em; } .linkSurround.button.buy, .linkSurround.button.email, .fullBook button.email,#checkout.confirmation p.message.live .linkSurround.button {font-size: .9em;} .linkSurround.button.email a, .fullBook button.email {background-image:url(../images/buttonEmail.gif); } /*.linkSurround.button.email, */.fullBook button.email {padding-left: 28px; height: auto;} /*.fullBook button.email {width: auto;}*/ /* Pre order */ span.preOrderDate {padding-top:0; display:block; text-align: center;width:8.3em; color:#582C87;margin-left: 10.8em; margin-right: 1em;} span.preOrderDate .surround {background: url(../images/whiteBoxTopLeftPreOrder.gif) left top no-repeat; display: block;} span.preOrderDate .howLong {background: url(../images/whiteBoxTopRightPreOrder.gif) right top no-repeat;display: block; padding: .2em 0; font-size: .9em;} span.preOrderDate .howLong strong{ padding-top: .2em;} /* Abe */ .priceBlock.abe .linkSurround.button.abe, .fullBook .linkSurround.button.amazon {background-image:url(../images/buttonBackSmallGrey.gif);} .priceBlock.abe .linkSurround.button.abe {} .priceBlock.abe .linkSurround.button.abe a {background-image:url(../images/buttonAbeSmall.gif); color: #fff;padding-left: 28px;} /* buy 5 columns */ .columns5 .linkSurround.button a{/*font-size: .9em;*/padding-left: 23px; display: block;} .columns5 .linkSurround.button.buy a, #header .popUp .linkSurround.button.checkout a {background-image:url(../images/buttonBasketSmall.gif); color: #fff;} .columns5 .linkSurround.button.buy, .columns5 .linkSurround.button.email, #header .popUp .button.checkout {background-image:url(../images/buttonBackSmallPurple.gif); /*width: 10.3em;*/} .columns5 .linkSurround.button.buy, .columns5 .linkSurround.button.email {font-size: .8em;} .columns5 .linkSurround.button.abe {width: auto;} .columns5 .linkSurround.button.email a {background-image:url(../images/buttonEmailSmallPurpleBack.gif); } .columns5 span.preOrderDate .howLong {padding-bottom: .4em;} /* buy full product page */ #mainContent .fullBook .button, #mainContent .fullBook button {float: right;} #mainContent .fullBook button {margin: 0;} .linkSurround.button.wishList { margin-top: .5em; margin-right: .3em;} .linkSurround.button.wishList a {background-image:url(../images/buttonSaveSmall.gif);} .fullBook .priceBlock.abe .linkSurround.button.abe {background-image:url(../images/buttonBackGrey.gif);width: 12em;font-size: 0.9em;} .fullBook .priceBlock.abe .linkSurround.button.abe a{background-image:url(../images/buttonAbe.gif); color: #fff;} .linkSurround.button.amazon { margin: .5em 0;} .linkSurround.button.amazon a {background-image:url(../images/buttonAmazonSmall.gif);color: #fff;} /* Checkout buttons */ .basket button {/*margin: 0; float: none;*/} button.checkout {margin-top: .2em;} button.checkout, button.confirmOrder { background-image:url(../images/buttonBackBigLeft.gif); font-size:2.1em; padding:0 0 6px 20px; float: right;} button.checkout span, button.confirmOrder span {color: #fff;background-image:url(../images/buttonBackBig.gif); background-position: right center;line-height: 45px;padding: .235em 30px 12px 20px; padding-top: .245em;} button.confirmOrder {margin-top: 0;} button.confirmOrder span, button.checkout span {padding-left: 2px;} /*button.GB.checkout{ background:url(../images/buttonCurrencyPoundBig.gif) left center no-repeat;}*/ button.checkout.Google span, button.checkout.PayPal span{ background:none;color: #333;} button.checkout.Google { background:url(../images/buttonCheckoutGoogle.gif) right no-repeat; width: 7.5em;} button.checkout.PayPal, input.checkout.PayPal { background:url(../images/buttonCheckoutPayPal.gif) right no-repeat; width: 6.5em;} input.checkout.PayPal {float: right; display: block; clear: both; border: 1px solid #fff; text-indent: -500px; width: 13em; height: 4em;} button.checkout.Google, button.checkout.PayPal { text-indent: -5000px; clear: both;} button.update {background-image:url(../images/buttonArrowRightSmall.gif);} form fieldset.quantity button.update {margin-left: 0; float: none;} fieldset.quantity .button.remove {float: none;} fieldset.quantity .button.remove a {background-image: none; padding: 0;} .button.remove, .button.remove span {background: none; padding: 0; margin: 0; font-weight: normal;} .button.remove em {text-decoration: underline;} .button.remove em:hover {text-decoration: none;} /* Account buttons */ #account .linkSurround.button.edit {margin-left: 14.5em;} button.logIn {background-image: url(../images/buttonLogInSmall.gif);} .linkSurround.button.logout {clear:both; margin-left:14.5em; } .linkSurround.button.logout a {background-image: url(../images/buttonLogOutSmall.gif);} #account.accountHome .linkSurround.button a{color: #333;} button.register {background-image: url(../images/buttonRegisterSmall.gif);} #account.accountHome .linkSurround.button.edit {clear: both;} #account.accountHome .linkSurround.button.edit, #account.accountHome .linkSurround.button.logout {margin-top: 1em; margin-right: 4em} #account.accountHome .linkSurround.button.upload {background-image:url(../images/buttonUploadSmall.gif);} #account button.cancel, #newCard button.cancel {clear: both;} button.save, button.submitReview, button.submit, button.passwordRequest {background-image:url(../images/buttonSaveSmall.gif);} button.cancel, button.delete, button.unshare, .linkSurround.button.cancel a, .linkSurround.button.unshare a, .linkSurround.button.delete a {background-image:url(../images/buttonCancelSmall.gif);} button.email {background-image:url(../images/buttonEmailSmall.gif);} button.share {background-image:url(../images/buttonShareSmall.gif);} /* Navigation column buttons */ form#newsletterSignUp button.email {background-image:url(../images/buttonEmailSmallYellowBack.gif); margin: .3em 0 0 0;padding:4px 0 10px 23px;} form#newsletterSignUp button.email span {background-image:url(../images/buttonBackSmallPurpleYellowBack.gif); color: #fff;} /* other buttons */ button.view {background-image: url(../images/buttonViewSmall.gif);} .linkSurround.button.edit a, .linkSurround.button.writeReview a, button.edit, #storedAddress div.storedAddress .linkSurround.button.edit a, fieldset#storedCards div.storedCard .linkSurround.button.edit a {background-image: url(../images/buttonEditSmall.gif); } .linkSurround.button.writeReview {margin-top: 1em;} .popUp#addToBasketPopup .linkSurround.button.more a, span.linkSurround.button.more a {background-image:url(../images/buttonArrowRightSmall.gif);} .module.bookSmall .linkSurround.more,.module.fullBook .linkSurround.more,.module.bookSmall .linkSurround.more a,.module.fullBook .linkSurround.more a {background: none;} .module.bookSmall.eBookStyle .linkSurround.more {position:absolute;text-indent:-5000px;top:9.3em; background: url(../images/freeEbookButton.gif) left top no-repeat;} .module.bookSmall.eBookStyle .linkSurround.more a {width: 11.5em; height: 2em; display: block;} .navigationList span.linkSurround.button.back a {background-image: url(../images/buttonArrowLeftSmall.gif);} .navigationList span.linkSurround.button.back { margin: .5em .5em 0 1.3em;} #searchResults fieldset button.refine {margin-left: 2em; padding-left: 23px;background-image:url(../images/buttonRefineSmall.gif); margin-top: .3em;} .linkSurround.button.add, fieldset#CVV .linkSurround.button.add,fieldset#storedAddress .linkSurround.button.add { margin: 2em 0em; clear: both;} .linkSurround.button.add a, fieldset#CVV .linkSurround.button.add a,fieldset#storedAddress .linkSurround.button.add a {background-image: url(../images/buttonAddSmall.gif);} fieldset#CVV span.linkSurround.button.add {clear: none;margin: 0;} span.linkSurround.button.default a,#account.contactPreferences button.cancelAll {background-image:url(../images/buttonSetSmall.gif);} #storedAddress div.storedAddress.default .linkSurround.button,fieldset#storedCards div.storedCard.default .linkSurround.button, #account.wishlist .module.wishlistEdits p.formFields.buttons button span, #account.wishlist .module.wishlistEdits p.formFields.buttons .button {background-image: url(../images/buttonBackSmallGreyBack.gif);} #storedAddress div.storedAddress.default .linkSurround.button.delete a, #account.wishlist .module.wishlistEdits p.formFields.buttons .button.delete a {background-image: url(../images/buttonCancelSmallGreyBack.gif);} #account.wishlist .module.wishlistEdits p.formFields.buttons .button.delete {padding: 0 7px 0 0;} #account.wishlist .module.wishlistEdits p.formFields.buttons .button.delete a {display: block;} #storedAddress div.storedAddress.default .linkSurround.button.edit a, fieldset#storedCards div.storedCard.default .linkSurround.button.edit a {background-image: url(../images/buttonEditSmallGreyBack.gif);} #account.wishlist .module.wishlistEdits p.formFields.buttons button.save {background-image: url(../images/buttonSaveSmallGreyBack.gif);} span.linkSurround.button.back {clear: both;margin: 2em 0;} span.linkSurround.button.back a {background-image: url(../images/buttonArrowUpSmall.gif);} #checkout.editCard span.linkSurround.back.button a, #checkout.addAddress span.linkSurround.back.button a {background-image: url(../images/buttonArrowLeftSmallYellowBack.gif);} #checkout.editCard span.linkSurround.back.button,#checkout.addAddress span.linkSurround.back.button {margin: 0 0 1em 0;} #checkout.editCard span.linkSurround.back.button,#checkout.addAddress span.linkSurround.back.button,#searchBlog button.search span {background-image: url(../images/buttonSmallYellowBack.gif);} #searchBlog button.search {background-image: url(../images/buttonSearchSmallYellowBack.gif); margin-left: 0;} #searchResults.advanced button.search {background-image: url(../images/buttonSearchSmallYellowBack.gif);margin-left: 13.8em;} #checkout.confirmation p.checkoutLogOut .linkSurround.button.logout {float: none; margin-left: 0;} #checkout.confirmation p.message.live .linkSurround.button {float: left;margin-bottom:1em; width: 15em;} #checkout.confirmation p.message.live .linkSurround.button a {color: #fff;} #checkout.confirmation .linkSurround.button.map a {background-image: url(../images/buttonView.gif);} #checkout.confirmation .linkSurround.button.continueShopping a {background-image: url(../images/buttonBasket.gif);} #checkout.confirmation p.message.live span.linkSeperator {display:block;float:left;padding-left:0.2em;padding-top:0.5em;width:1em;} ul, ul li {list-style: none;} .help {cursor:help;} .tab {padding: 3px 0 6px 5px; font-size: .8em;} .tab strong {font-weight: normal;} .tab a {text-decoration: none;} .tab .linkSurround {padding: 3px 15px 6px 5px; } .linkSeperator {display: none;} .navigationTabs {padding: 0 0 .4em .5em;} .navigationTabs .tab, #featuredTabs .tab {background:url(../images/tabNavigationInActiveLeft.gif) left top no-repeat;} .navigationTabs .linkSurround, #featuredTabs .linkSurround {background:url(../images/tabNavigationInActiveRight.gif) right top no-repeat;} .navigationTabs .tab.active, #featuredTabs .tab.active {background:url(../images/tabNavigationActiveLeft.gif) left top no-repeat; border-bottom: 1px solid #fff;} .navigationTabs .active .linkSurround, #featuredTabs .active .linkSurround {background:url(../images/tabNavigationActiveRight.gif) right top no-repeat;} #featuredTabs {padding: .5em 0 0 1em;} #featuredTabs .tab {font-size: 1.2em;padding:5px 0 5px 8px;} #featuredTabs .tab .linkSurround {padding:5px 20px 5px 8px;} .rrp {font-size: .75em; text-decoration:line-through;color: #666666;} .priceBlock.abe .rrp {text-decoration: none; font-size: 1.2em;} span.price strong { color:#582c87; font-size: 1.2em; padding: 0em ;} span.save {font-size: .8em; font-weight: bold; color: #ff0000;} span.save span.percent {font-weight: normal; color: #333;} /*END resets */ /* header styles */ #wrapper, #wrapperHolding { margin-left:auto; margin-right:auto; width: 85.833em; text-align: left;background: url(../images/footerBase.gif) center bottom no-repeat; padding-bottom: .8em;} #wrapperHolding {background: url(../images/HoldingPageBackground.jpg) center no-repeat;height:48em;padding-top:10em;} #header {clear: both; background:url(../images/headerBack.gif) left bottom repeat-x;display: block;} #header .surround1 {background: url(../images/headerLeft.gif) left bottom no-repeat; padding-left: 1.5em; } /* xmas */ #header .surround1 {background: url(../images/headerLeft-xmas.gif) left bottom no-repeat;} #header .surround2 {background: url(../images/headerRight.gif) right bottom no-repeat; padding-right: 1.5em;padding-bottom: .5em;} /* xmas */ #header .surround2 {background: url(../images/headerRight-xmas.gif) right bottom no-repeat;} #header.checkout #logo, #header.holding #logo {margin-top: 2.75em;} /* xmas */ #header.checkout #logo, #header.holding #logo {margin-top: -1.4em;} #header.checkout #miniBasket span.deliveryMessage, #header.holding #miniBasket span.deliveryMessage {top: 9.65em; right: 0em;} #header .linkSeperator, #footer .linkSeperator, #loggedInName .linkSeperator {display: inline;} #header label,#newsletterSignUp label, #searchBox404 label, #searchBoxEmptyReview label {width: auto; margin-right:0em; padding-right: .2em; float: none; text-align: left;font-size:.8em;} #siteNavigation {text-align: right; display: block; height: 2.500em;padding-top: 0.250em;margin-right:20em;} #logo {float: left;display: block; margin-bottom: 1.5em;} /* xmas */ #logo {height:9.16em;margin-top:-4.15em;width:22.7em; background: url(../images/logoBack-xmas.gif) left bottom no-repeat;margin-left:-1.05em;padding-bottom:1.5em; margin-bottom: 0;} #logo img {margin-top: 4em ; margin-left: 1em;} #logo.bigMap {height:auto;margin: 0;width:auto;padding-bottom:0;} #logo.bigMap img {margin-top: 0em ; margin-left: 0em;} #wrapperHolding #logo {float: none; margin-left: 3em; width: auto; height: auto; background: none;} #wrapperHolding strong {color:#582c87;font-size:5em;padding-left:1em;} #wrapperHolding p {font-size:1em;margin-left:5em;margin-top:1em;width:52em;} #wrapperHolding p strong {font-size:1.5em;padding-left:0;} /*#logo a {width: 19.583em; height: 4.750em; display: block;}*/ #logo span.strapLine {margin: -.5em 0em 1em 3.7em; display: block; color: #582c87; font-size: 0.9em;} #searchBox {width: 37em;float: left; margin: 0.5em 0 0 3em;} #searchBox404 form,#searchBoxEmptyReview form {padding: 1em 3em; width: 35em;} /*#searchBox404 form fieldset,#searchBoxEmptyReview form fieldset {padding-top: 6em;background: url(../images/404.jpg) center top no-repeat;}*/ #searchBox form fieldset span.surround1,#searchBox form fieldset span.surround2,#searchBox form fieldset span.surround3, #searchBox form fieldset span.surround4, #searchBox404 form fieldset span.surround1,#searchBox404 form fieldset span.surround2,#searchBox404 form fieldset span.surround3, #searchBox404 form fieldset span.surround4, #searchBoxEmptyReview form fieldset span.surround1,#searchBoxEmptyReview form fieldset span.surround2,#searchBoxEmptyReview form fieldset span.surround3, #searchBoxEmptyReview form fieldset span.surround4 {padding: 0;display:block;height:3.3em;} #searchBox form fieldset span.surround1, #searchBox404 form fieldset span.surround1, #searchBoxEmptyReview form fieldset span.surround1 {background:url(../images/searchInputBottomRight.gif) right bottom no-repeat; float:left;width:24.8em; position: normal;} #searchBox form fieldset span.surround2, #searchBox404 form fieldset span.surround2, #searchBoxEmptyReview form fieldset span.surround2 {background:url(../images/searchInputBottomLeft.gif) left bottom no-repeat;} #searchBox form fieldset span.surround3, #searchBox404 form fieldset span.surround3, #searchBoxEmptyReview form fieldset span.surround3 {background:url(../images/searchInputTopLeft.gif) left 0.2em no-repeat;} #searchBox form fieldset span.surround4, #searchBox404 form fieldset span.surround4, #searchBoxEmptyReview form fieldset span.surround4 {background:url(../images/searchInputTopRight.gif) right 0.2em no-repeat;} #searchBox input, #searchBox404 input, #searchBoxEmptyReview input {width: 14em;font-size:1.667em;font-family:"Times New Roman";float: left;margin-right: .2em; margin-left: .2em; margin-top: .2em; border: 0;} #siteSearch .linkSurround,#siteSearch404 .linkSurround,#siteSearchEmptyReview .linkSurround {clear: both;width: 39.8em;font-size: .85em;display: block; text-align: right; padding-right: 1em;} #searchBox form fieldset, #searchBox404 form fieldset, #searchBoxEmptyReview form fieldset {position: relative;display: inline;} form#newsletterSignUp legend, #header legend,#searchBox404 form fieldset legend,#searchBoxEmptyReview form fieldset legend {display:block;font-size:0.8em;color: #333;} form#newsletterSignUp label, #header form fieldset label,#searchBox404 form fieldset label,#searchBoxEmptyReview form fieldset label {font-weight: normal;padding: 0;font-size: 1em;display: block;} form#newsletterSignUp label {margin-bottom: .2em;} #header #searchBox #siteSearch button.search {margin-top: .6em; float: left;} /*#header #searchBox #siteSearch .linkSurround {clear: both; width: 40em;}*/ #miniBasket{float: right;margin:-2.5em 0 0 0;position: relative; z-index: 10;} #miniBasket form {} #miniBasket fieldset {display: block; width: 16em; padding-bottom: 0.8em; margin: 0;} #header #miniBasket form select {float: left;margin-top: 0.2em;} #basketView { margin-top: .4em; padding: .5em; position: absolute;display: block; right: 0em; z-index: 3; text-align: center;} #miniBasketItems {clear: both;width: 16em; border-collapse:collapse;} #miniBasketItems caption { display:block; padding-bottom: 0em;} #miniBasketItems caption span {} #miniBasketItems tbody {display: none; font-size: .8em;} #miniBasketItems tfoot {} #miniBasketItems td.miniBasketprice {text-align: right;} #miniBasketItems td.miniBasketTotals {padding-top: 1em;} #miniBasketItems td.miniBasketTotals span.totalItems, #miniBasketItems td.miniBasketTotals span.basketTotal {display: block;} #miniBasket span.deliveryMessage, #miniBasketItems td.miniBasketTotals {font-size: 1.3em;color: #582c87;} #miniBasketItems td.miniBasketTotals a:link, #miniBasketItems td.miniBasketTotals a:visited { color: #582c87; text-decoration: none;} #miniBasketItems td.miniBasketTotals a:hover {text-decoration: underline;} #miniBasket span.deliveryMessage {right: 12em; width: 18em;position: absolute; z-index:0; top: 7.55em;} #miniBasketItems td.miniBasketTotals .totalItems {float: left;} #miniBasketItems td.miniBasketTotals span.linkSeperator {display: none;} #miniBasketItems td.miniBasketTotals .basketTotal {float:right;} #basketView.show {background: #fff; border: 1px solid #AFB1B4; margin-top: .35em; right: -0.1em;} #basketView.show #miniBasketItems {} #basketView.show #miniBasketItems tfoot td {padding-top: 1.1em;} #basketView.show #miniBasketItems tbody {display: block; font-size: .8em;} #basketView.show #miniBasketItems caption, #basketView.show #miniBasketItems tbody td { padding-bottom: .5em;border-bottom: 1px dashed #E7E7E8;} #basketView.show #miniBasketItems tbody td {padding: .5em 0;} #basketView.show .miniBasketquantity {text-align: center; width: 2.5em;} #basketView.show #miniBasketItems tbody td.miniBasketbookDetails {text-align: left; padding-left:.5em; width: 11em;} #basketView.show .miniBasketprice {text-align: right; width: 6em;} #basketView.show .linkSurround.button.checkout {} #basketView.show #miniBasketItems tbody td.emptyBasket {width: 20em;} #header .popUp, span#noPostcodePopup.popUp, #addToNewsletterPopup, #MTAPopup {position: absolute;display: none; width: 26em;z-index: 10; background: url(../images/popUpBottomRight.gif) right bottom no-repeat;} #header .popUp h4,#addToNewsletterPopup h4, #MTAPopup h4 { font-size: 1.2em; color: #582C87;margin: .5em 0 0;} #header .popUp h4, #header .popUp p, #noPostcodePopup.popUp p, #addToNewsletterPopup h4, #addToNewsletterPopup p,#MTAPopup #flashcontent{ border-width: 0 3px; border-style: solid; border-color:#582c87; background: #fff;padding: 0 .6em;} #header .popUp .linkSurround.close, #noPostcodePopup.popUp .linkSurround.close,#addToNewsletterPopup .linkSurround.close, #MTAPopup .linkSurround.close {position:absolute;right:.5em;top:.5em; background: url(../images/remove.gif) top center no-repeat; height: 1.5em;} #header .popUp a:link, #header .popUp a:visited, #header .popUp a:hover, #header .popUp a:active { text-decoration:none;} #header .popUp .linkSurround.close em, #noPostcodePopup.popUp .linkSurround.close em, #addToNewsletterPopup .linkSurround.close em, #MTAPopup .linkSurround.close em {visibility: hidden;} #header .popUp p, #noPostcodePopup.popUp p,#addToNewsletterPopup p {padding-top: .5em; padding-bottom: 1em;} #header .popUp p span.popUpText, #addToNewsletterPopup p span.popUpText {display: block;} #header .popUp p span.totalCost {margin-bottom: 1em;} #header .popUp p.buttons {padding-bottom: 1em;} #header .popUp .linkSeperator { display: none;} #header .popUp .surround1, #noPostcodePopup.popUp .surround1, #addToNewsletterPopup .surround1, #MTAPopup .surround1 { background: url(../images/popUpBottomLeft.gif) left bottom no-repeat; display: block;padding: 0;} #header .popUp .surround2, #noPostcodePopup.popUp .surround2, #addToNewsletterPopup .surround2, #MTAPopup .surround2 { background: url(../images/popUpTopLeft.gif) left top no-repeat; display: block; padding: 0 0 .5em 0;} #header .popUp .surround3, #noPostcodePopup.popUp .surround3, #addToNewsletterPopup .surround3, #MTAPopup .surround3 { background: url(../images/popUpTopRight.gif) right top no-repeat; display: block;padding: 0.2em 0 0 0;} span#noPostcodePopup.popUp {display: none;left:30em;margin-top:-1.2em;} #noPostcodePopup.popUp .surround3 {padding: 0.7em 1.2em;} span.help a:hover span#noPostcodePopup.popUp {display: block;} #headerBase {display: block; clear:both;border-top: 0.100em solid #afb1b4; background: #ebebec; height: 3.000em;vertical-align: middle; margin: 0em -1.050em;padding: 0em 1.083em;} #headerBase .surround1, #headerBase .surround2 {padding: 0; background: none;} #headerBase .surround2 {float: left;} /* END header styles*/ /* page content main styles */ #pageContent {margin: -0.5em 5px 0em;border: 1px solid #e7e7e8; border-top: 0; border-bottom: 0;clear: both; background: #fffaec url(../images/pageContentTop.gif) left top repeat-x;} #mainContent {clear: both;float: right; width: 66.5em;} #contentNavigation {height: 2.6em;background: url(../images/contentNavigationRight.gif) right bottom no-repeat; margin-right: .6em ;color: #fff;/*top: -0.417em;*/padding-bottom: .4em;} #contentNavigation .surround1 { height:2.6em; padding-bottom:0.4em; padding-left:1em; background: url(../images/contentNavigationLeft.gif) left bottom no-repeat;} #contentNavigation span { display: block; float: left; padding: 0.6em 0.167em ;background: url(../images/contentNavigationBack.gif) left bottom repeat-x; height: 1.8em;} #contentNavigation a em {background: #1a073f; font-style: normal;} /* To try and make it center aligned - #contentNavigation {height: 2.6em;background: url(../images/contentNavigationRight.gif) right bottom no-repeat; margin-right: .6em ;color: #fff;padding-bottom: .6em; text-align: center;} #contentNavigation .surround1 { height:2.6em; padding-top: .6em;background: url(../images/contentNavigationLeft.gif) left bottom no-repeat;} #contentNavigation span { height:1.8em;margin:0 -0.2em;padding:0.6em 0.4em 1.5em; background: url(../images/contentNavigationBack.gif) left bottom repeat-x;} #contentNavigation span a em {padding: 1em 0;} #contentNavigation span.linkSeperator {display: inline;}*/ #contentNavigation strong {display: none; width: 0.833em; height: 2.667em; background: #fffaec url(../images/contentNavigationLeft.gif) left bottom no-repeat; text-indent:-166.667em; float:left;} #contentNavigation a { color: #fff; text-decoration:none; font-weight: bold;} #contentNavigation a:link { } #contentNavigation a:visited { color: #999; text-decoration:none; font-weight: bold;} #contentNavigation a:hover { color: #999; text-decoration:underline; font-weight: bold;} #contentNavigation a:active { color: #fff; text-decoration:none; font-weight: bold;} #breadcrumb, #content, #checkout, #account, #holding {padding: 0em 1em;} #checkout, #holding {margin-top: 1.5em;} #checkout.basket, #holding.basket {margin-top: 0em;} /* Blocks styles */ #categories, #searchResults {background: url(../images/whiteBoxBottomRight.gif) right bottom no-repeat; margin-top: .4em;} .surround1a {background: url(../images/whiteBoxBottomLeft.gif) left bottom no-repeat; margin-bottom:0.5em;padding-bottom:0.8em;} .surround2a {background: url(../images/whiteBoxTopLeft.gif) left top no-repeat;padding-top:0;} .surround3a {background: url(../images/whiteBoxTopRight.gif) right top no-repeat;padding-top:0.1em;} .surround4a {background:#fff;border-left:1px solid #e7e7e8;border-right:1px solid #e7e7e8; margin-top:0.4em; padding:0.1em 0.6em;} /* global content block styles */ .contentBlock {margin: 0.8em 0em;width: 63em; position:relative; clear: both;z-index: 1;} #mainContent .surround1, #mainContent .blockHeader {position: relative;} #mainContent .blockHeader .headerLink {float: right;font-size:0.8em;margin: .8em 1em 0 0;} .blockHeader h2, #mainContent .blockHeader strong.blockTitle {font-family:"Times New Roman"; font-size: 1.5em;} .blockTabs {/*height: 30px;*/} /* Header promotion block */ #headerBase .contentBlock {float: left; margin: 0.417em 0em 0em; background: url(../images/headerPromoBack.gif) left top no-repeat; height: 2.083em;padding:0em 0em 0em 2.750em; width: auto;} #headerBase .blockHeader {margin-right: 0.833em; background: none; height: auto; padding: 0.333em 0 0;} #headerBase .tabModules {background: url(../images/headerPromoRight.gif) right top no-repeat;height: 2.083em; width: auto; padding: 0em 1.250em 0em 0em ;} #headerBase .blockHeader, #headerBase .tabModules {float:left; border: 0;padding-top: 0.333em} #headerBase hr {display: none;} /*END header promo block */ .contentBlock.frameStyle-none,.contentBlock.frameStyle-search {clear: both;} .contentBlock.frameStyle-default {background: #ffffff url(../images/contentBlockBottomRight.gif) right bottom no-repeat;} .contentBlock.frameStyle-default .surround1 {background: url(../images/contentBlockBottomLeft.gif) left bottom no-repeat; padding-bottom: 0.750em;} #pageContent .contentBlock.frameStyle-default .surround2 {width: 100%;} .contentBlock.frameStyle-default .surround2 {background:#d9cbb4 url(../images/contentBlockHeaderTopLeft.gif) left top no-repeat;} #pageContent .contentBlock.frameStyle-default.eBookStyle .surround2 {background:#9dbf4c url(../images/contentBlockHeaderTopLeftEbook.gif) left top no-repeat;} #pageContent .contentBlock.frameStyle-default .blockHeader {background: url(../images/contentBlockHeaderTopRight.gif) right top no-repeat; overflow: hidden;/*padding: 0em 1.250em 0em;*/width: 100%; padding: 0;} #pageContent .contentBlock.frameStyle-default.eBookStyle .blockHeader {background-image: url(../images/contentBlockHeaderTopRightEbook.gif);} .contentBlock.frameStyle-default .blockHeader h2, #mainContent .contentBlock.frameStyle-default .blockHeader strong.blockTitle {float: left; margin: 0 0.833em; position:relative; z-index: 2;padding: 0.3em 0;} .contentBlock.frameStyle-default.eBookStyle .blockHeader h2 {color: #fff;} #categories .contentBlock.frameStyle-default, #searchResults .contentBlock.frameStyle-default {background: url(../images/contentBlockBottomRightWhiteBack.gif) right bottom no-repeat;} #categories .contentBlock.frameStyle-default .surround1, #searchResults .contentBlock.frameStyle-default .surround1 {background: url(../images/contentBlockBottomLeftWhiteBack.gif) left bottom no-repeat;} #categories .contentBlock.frameStyle-default .surround2, #searchResults .contentBlock.frameStyle-default .surround2 {background:#d9cbb4 url(../images/contentBlockHeaderTopLeftWhiteBack.gif) left top no-repeat;} #categories .contentBlock.frameStyle-default .blockHeader, #searchResults .contentBlock.frameStyle-default .blockHeader {background: url(../images/contentBlockHeaderTopRightWhiteBack.gif) right top no-repeat;} .blockTabs { padding: 1em 0 0.3em 1em;} .blockTabs .tab {background:url(../images/tabContentInActiveLeft.gif) left top no-repeat;} .blockTabs .linkSurround {background:url(../images/tabContentInActiveRight.gif) right top no-repeat;} .blockTabs .tab.active {background:url(../images/tabContentActiveLeft.gif) left top no-repeat;} .blockTabs .active .linkSurround {background:url(../images/tabContentActiveRight.gif) right top no-repeat;} .tabModules {background:#fff;border-left:1px solid #e7e7e8;border-right:1px solid #e7e7e8;width:60.85em; position:relative; z-index:1;padding: 0 1em .5em;/* float:left;*/} .tabModules hr {display: block; clear: both; color: #fff; height: 0em;} .frameStyle-none .tabModules { text-align: center; background: none; border: 0px;} .contentBlock.oneThird, .contentBlock.twoThird {clear: right;} .frameStyle-default.twoThird {float:left;margin-right:1em;width:37em;} .frameStyle-default.twoThird .tabModules {width: 34.9em; height: 14em;} .frameStyle-default.twoThird .tabModules .module {width: 34.8em;} .frameStyle-default.twoThird .tabModules .module .moduleContent {width: 24em;} .frameStyle-default.oneThird {float:left;width:24.8em; } .contentBlock.frameStyle-default.oneThird .blockHeader, #content.bookFull .contentBlock.frameStyle-default .blockHeader strong {/*padding-bottom: 0.417em;*/display: block;} #content.bookFull .contentBlock.frameStyle-default .blockHeader .blockTabs strong {display: inline;} .frameStyle-default.oneThird .surround1 {} .frameStyle-default.oneThird .surround2 {} .frameStyle-default.oneThird .tabModules {padding: 0; height: 14.5em;width:24.6em;} .frameStyle-default.oneThird .module {width: 24.6em; padding: 0;} .frameStyle-default.oneThird .tabModules .module .mapSurround1 {margin-bottom: 0em;} .frameStyle-default.oneThird .tabModules .module .mapSurround3 {height:15em; overflow:hidden;position:relative; background: url(../images/miniMapHolding.gif) left top no-repeat;} body#US .frameStyle-default.oneThird .tabModules .module .mapSurround3 {background-image: url(../images/miniMapHoldingCom.gif);} .mapSurround3 {text-align: left;} .contentBlock.frameStyle-default.half,#checkout.summary .contentBlock.frameStyle-none.half, #checkout.summary .contentBlock.frameStyle-none.half .tabModules {width: 30.5em;} .contentBlock.frameStyle-default.half,#checkout.summary .contentBlock.frameStyle-none.half {margin-left: 1em; float: left; clear: none;} #checkout.summary .contentBlock.frameStyle-none.half fieldset{ padding-bottom: 1em;} #checkout.summary .contentBlock.frameStyle-none.half {margin-left: 2em;margin-top:-2.5em;} #checkout.summary .contentBlock.frameStyle-none.half h2 {color:#582C87;font-size:1.35em;margin:0.4em 0; font-family: Verdana;} #checkout.summary .contentBlock.frameStyle-none.half legend {font-size: 1em; color: #333; font-weight: normal;} #checkout.summary .frameStyle-none.half.option1 {width:32em; margin-left: 0;margin-top: 2em;} .frameStyle-none.half .tabModules,#checkout.summary .frameStyle-none.half .tabModules p.message {text-align: left;} .frameStyle-default.half .tabModules {width: 30.4em; padding: 0 0 .5em;} #checkout.summary .frameStyle-default.half .tabModules .module {height: 21em;} #checkout.summary .frameStyle-none.half .tabModules .module {width: 28em; padding: 0; height: 13em;} #checkout.summary .frameStyle-none.half.option1 h2 {color:#582C87;float:left;font-family:Verdana;font-size:1.8em;width:12em;padding-top: .5em;} #checkout.summary .frameStyle-none.half.option1 h2 span {font-size: .5em; color: #333; font-weight: normal;} #checkout.summary .frameStyle-none.half.option1 .tabModules {float:left;margin:0;padding:0;width:10em;} #checkout.summary .frameStyle-none.half .tabModules p.option { font-size: 6em; color: #999999; font-weight: bold;} .tabModules h3.headerLineAlt {padding-top: 1em;border-bottom: 1px solid #ebebe7;font-family:Verdana; color:#333; margin: 0;font-size: 1.2em;} .tabModules .module h3.headerLineAlt {font-size: 1.2em; padding-top: 0; line-height: 1.2em; margin-bottom: 1em;} .tabModules li {display: inline;} /*.tabModules.scroll {width:56.7em; padding: 0 2.5em .5em 3.5em;}*/ .module {padding: 1.25em 0em 0em;position: relative; width: 60.666em;} .moduleContent ul li {display: block; float: none;} .moduleContent ul li.author {overflow: hidden; height: 1.2em;} #checkout .recommends .module.bookSmall {} .scrollValue {padding: .8em 0em 0em; display: block;z-index: 2;} a.moduleScroll {position: absolute; top: 42%; text-indent:-5000px; width: 1.500em;height: 3.500em; overflow: visible; display: block; cursor: pointer;z-index: 3;} a.moduleScroll.previous {left: 1em;background: url(../images/scrollArrowLeftActive.gif) left top no-repeat;} a.moduleScroll.previous.disabled {background: url(../images/scrollArrowLeftInActive.gif) left top no-repeat;cursor: default;} a.moduleScroll.next {right: 1em;background: url(../images/scrollArrowRightActive.gif) right top no-repeat;} .module h3 {font-size: 1.5em; font-family:"Times New Roman"; color:#582c87; margin: -.1em 0em .2em; line-height: 1em;} .module h3 a:link {text-decoration: none;color:#582c87;} .module h3 a:visited {text-decoration: none; color: #9966cc;} .module h3 a:hover {text-decoration: underline;color:#582c87;} .module h3 a:active {} .moduleContent {float: right; display: block;width: 49.5em;} .linkSurround.image {width: 9.167em;display: block; height: 11em;text-align: center;} .scroll .module {width:56.7em; float: left;} .scroll .moduleContent {width: 45.5em;} .jcarousel-clip-horizontal, .jcarousel-list {width:56.7em;height: 18em;} .rows2 .jcarousel-clip-horizontal, .rows2 .jcarousel-list {height: 38em;} /* END global content block styles */ /* Module type styles */ .module.review em, .module.interview em, .module.publisher em {font-style: italic;} /* Mini map on home page */ #content.home .contentBlock.frameStyle-default.oneThird, #content.home .contentBlock.frameStyle-default.oneThird .surround1 {background: none;} #content.home .contentBlock.frameStyle-default.oneThird .module .miniMapBotRight,#content.home .contentBlock.frameStyle-default.oneThird .module .miniMapBotLeft {position: absolute; bottom: -0.3em; display: block;height: 1em; width: 24.7em;} #content.home .contentBlock.frameStyle-default.oneThird .module .miniMapBotRight {background: url(../images/contentBlockBottomRightMap.gif) right bottom no-repeat; } #content.home .contentBlock.frameStyle-default.oneThird .module .miniMapBotLeft {background: url(../images/contentBlockBottomLeftMap.gif) left bottom no-repeat;margin-left: -1px; } /* END mini map on home page */ /* books */ p.priceBlock, div.priceBlock{position: absolute; top: 11.5em; font-size: 1em;} p.priceBlock.preOrder {top: 10em;} td p.priceBlock {position: relative; top: 0;} .value {display: block;clear:both;} .value span{display: block;} .value span.priceItem {display: inline;} td.totalPrice span.taxLine em {display: block; font-size: .7em; margin-top: .5em;} td.totalPrice span.price {display: block;} .value span.linkSeperator {display: none;} .noBuy .more {position: absolute; top: 12.5em;} p.priceBlock .deliveryMessage { display:block; clear: both;} p.priceBlock .value span span.percent.splat {position:absolute; height: 4.9em;width: 4.9em; background: url(../images/percentSplat_small.png) center top no-repeat; color: #fff; font-weight:bold;} p.priceBlock .value span span.percent.splat span, #account.wishlist p.priceBlock .value span span.percent.splat span {font-size:1.1em;margin: .8em 0.75em;width:3em;display: block;text-align: center;} .module.fullBook p.priceBlock .value span span.percent, .module.fullBook p.priceBlock .value span span.percent span {display: inline;} .module.fullBook p.priceBlock .value span span.percent.splat {position:absolute; height: 4.9em;width: 4.9em; background: url(../images/percentSplat_big.png) center top no-repeat; color: #fff; font-weight:bold; left: -4em; top: 0;z-index:2;} .module.fullBook p.priceBlock .value span span.percent.splat span {font-size:1em;margin: .8em 0.9em;width:3em;display: block;text-align: center;} /*span.preOrderDate{margin-left:10.8em;}*/ /*END books */ /* paragraphs */ .module.paragraph p, .module.interview p, .module.review p {margin-bottom: .8em;} .imageRight .moduleContent {float: left;} .imageRight .linkSurround.image {float: right;} p.paragraph {min-height: 10em;} .module.full.publisher p {margin-bottom: 1em;} /* Bibliographic tab */ .module.paragraph dt {float: left;text-align:right;width:19em;} .module.paragraph dd {padding-left: 20em; margin-bottom:1em;} dl.biblio {margin-bottom: 3em;} /* END Bibliographic tab */ /*END paragraphs */ /* links */ li.link {display: inline;} li.link .module { margin: 0 .6em; } li.link .module.bannerPromo {margin: 0;} li.link .module.imageLink {float:left;height:8em; display: block;padding: 0 0 .7em 0;background: #fff url(../images/imageLinkSurroundBottomRight.gif) right bottom no-repeat;} li.link .module.imageLink .surround1 {display: block; height: 8em;padding: 0 0 .7em 0;background: url(../images/imageLinkSurroundBottomLeft.gif) left bottom no-repeat;} li.link .module.imageLink .surround2 {height:8em; display: block;} li.link .module.imageLink .linkSurround {height:8em; display: block;overflow: hidden; position: relative;} li.link .module.imageLink .linkSurround a { display: block;height: 8em;cursor: pointer;} li.link .module.imageLink .linkSurround a img {} li.link .module.imageLink .linkSurround a span.linkMessage {position:absolute; top: 0; left: 0;background: url(../images/imageLinkSurroundTopLeft.gif) left top no-repeat;} li.link .module.imageLink .linkSurround a span.linkMessage span {background: url(../images/imageLinkSurroundTopRight.gif) right top no-repeat; padding-top: .8em; display: block; height: 8em;} li.link .module.imageLink .linkSurround a span.linkMessage span strong{border-left: 1px solid #e7e7e8;border-right: 1px solid #e7e7e8; display:block;height:6.6em;padding-top:5em;} li.link .module.imageLink .linkSurround a span.linkMessage span strong em {display:block;font-style:normal; font-size: .8em;padding: .2em 1em;background: #fff; color: #582C87;} #content.promos li.link .module.imageLink { margin: 1em .6em; } #content.promos li.link .module.imageLink {height:14.4em;background-image:none;} #content.promos li.link .module.imageLink .surround1 {height: 14.4em;background-image:none;margin-bottom: -0.6em;} #content.promos li.link .module.imageLink .surround2 {height:14.8em;background-color: #fff;} #content.promos li.link .module.imageLink .linkSurround {height:15em;} #content.promos li.link .module.imageLink .linkSurround a {height: 14.8em;} #content.promos li.link .module.imageLink .linkSurround a img {} #content.promos li.link .module.imageLink .linkSurround a span.linkMessage {} #content.promos li.link .module.imageLink .linkSurround a span.linkMessage span {/*height: 15.8em;*/height: 0;} #content.promos li.link .module.imageLink .linkSurround a span.linkMessage span strong{height:8.8em;} #content.promos li.link .module.imageLink .linkSurround a span.linkMessage span strong em {display: none;} #content.promos li.link .module.imageLink .promoLinkBottomRight,#content.promos li.link .module.imageLink .promoLinkBottomLeft {position: absolute; bottom: -0.3em; display: block;height: 1em; width: 14em;} #content.promos li.link .module.imageLink .promoLinkBottomRight {background: url(../images/contentBlockBottomRightPromos.gif) right bottom no-repeat; right: 0; bottom: 0;} #content.promos li.link .module.imageLink .promoLinkBottomLeft {background: url(../images/contentBlockBottomLeftPromos.gif) left bottom no-repeat; left: 0;bottom: 0;} #content.categories li.link .module.imageLink {background: #fff url(../images/imageLinkSurroundBottomRightWhiteBack.gif) right bottom no-repeat;} #content.categories li.link .module.imageLink .surround1 {background: url(../images/imageLinkSurroundBottomLeftWhiteBack.gif) left bottom no-repeat;} #content.categories li.link .module.imageLink .linkSurround a span.linkMessage {background: url(../images/imageLinkSurroundTopLeftWhiteBack.gif) left top no-repeat;} #content.categories li.link .module.imageLink .linkSurround a span.linkMessage span {background: url(../images/imageLinkSurroundTopRightWhiteBack.gif) right top no-repeat;} .columns4 li.link .module.imageLink {width:14em;} .columns4 li.link .module.imageLink .surround1 {width:14em;} .columns4 li.link .module.imageLink .surround2 {width:14em;} .columns4 li.link .module.imageLink .linkSurround {width:14em;} .columns4 li.link .module.imageLink .linkSurround a { width: 14em; text-decoration:none;} .columns4 li.link .module.imageLink .linkSurround a span.linkMessage {width: 14em;} #mainContent li.link .linkSeperator {display: inline;} /* END links */ /* Interviews */ .module.interview.full {/*padding-top: .5em;*/} .module.interview.full h3 {color: #582C87; font-family: Times;font-size:1.5em;margin:0 0 0.5em;} .module.interview img {margin: 0 .5em .5em 0;} /* WORDPRESS overides */ .module.interview img.alignleft {float: left;clear: none;margin: 0 .5em .5em 0;} .module.interview img.alignright {float: right; clear: none;margin: 0 0 .5em .5em;} /* END WORDPRESS overides */ .module.interview.short {border-bottom: 1px dashed #999;padding-bottom:1.5em;} .module.interview.short .linkSurround.button.more {float: none;} /* END interviews */ /* View review */ .buttonSmall.writeReview {margin-top: 1.5em;} p.noReview {padding-top: 1em;} .module.add.review {border: 0; background: none;margin-top: 0;} .module.review {border-bottom: 1px dashed #999;float:left;margin-bottom:.5em;padding:1.25em 0em 0.5em; } .linkSurround.review.backTo, p.noReview {display: block; padding-top: .5em; border: 0;} .module.review img.avatar {float: left; margin-right: 1em; margin-bottom: 1em;} .module.review.small {width: 58.666em;} .module.review h3 {margin-bottom: .5em;} .module.review button em {font-style: normal;} .module.review em.reviewerName {display: block;} .module.review p.rating {margin: .5em 0; clear: both;} .module.review p.rating img{ vertical-align:middle; margin: -.15em} .module.review .linkSurround.more.buttonSmall {float: none;} p.reviewsMessage {padding-top: 1em;} /* END view review */ /* Add review */ #addReview fieldset {margin-bottom: 0em;} #addReview span.help {display: inline; margin-left: .5em;} #addReview button {margin-top: 1em;} #addReview select {width: 3.5em;} /* END add review */ /* Sitemap */ #content.siteMap .tabModules {padding-top: 1em;} #content.siteMap .module { padding: 0;} #content.siteMap .module.mainLinks {margin-right: 2em;} #content.siteMap .module.mainLinks, #content.siteMap .module.mainSections {width: 28em; float: left; margin-bottom: 3em;} #content.siteMap .module.categories {clear: both;} #content.siteMap .module strong {background: #ebebe7; font-size: 1.2em; padding: .3em; display:block; margin: .5em 0;} #content.siteMap .module p {margin-bottom: 1.5em;padding-left: .5em;} #content.siteMap .module ul.topLevel {margin-left: .5em;} #content.siteMap .module ul.topLevel li {display: list-item; padding-bottom: .4em;} #content.siteMap .module ul.subLevel {margin: .4em 0 0em 1em;} #content.siteMap .module ul.subLevel li {} #content.siteMap .module ul li a {color: #333;} #content.siteMap .module ul li a:visited {color: #333;} #content.siteMap .module.categories ul.topLevel {} #content.siteMap .module.categories ul.topLevel li {display: block; width: 30em; float: left;} #content.siteMap .module.categories ul.subLevel li {width: 25em;} #content.siteMap .module.categoryList ul.topLevel {margin-left: 2em; margin-bottom: 2em;} #content.siteMap .module.categoryList ul.topLevel li {font-weight: bold; list-style-type:disc;} #content.siteMap .module.categoryList ul.subLevel {margin-bottom: 1em;} #content.siteMap .module.categoryList ul.subLevel li {font-weight: normal;list-style-type: none;} #content.siteMap .module.categoryList ul li a:visited, #content.siteMap .module.categoryList strong a:visited {color: #333;} /* END Site map */ /* Help pages */ .module.helpTopics dd a:link {text-decoration: none;} .module.helpTopics dd a:visited, .module.helpTopics dd a:hover {text-decoration: underline;} .module.helpTopics p.intro {margin-bottom: 1.5em;} .module.helpTopics p.intro img {float:left; margin: 0 1em 1em 0;} .module.helpTopics .helpListRow {clear: both;} dl#Common-Questions dt { background: url(../images/HelpIconCommonQuestions.gif) left top no-repeat;} dl#Basics dt { background: url(../images/HelpIconBasics.gif) left top no-repeat;} dl#You-and-Yours dt {background: url(../images/HelpIconYouAndYours.gif) left top no-repeat;} dl#Delivery-and-shipping dt {background: url(../images/HelpIconDelivery.gif) left top no-repeat;} dl#Prices-and-offers dt {background: url(../images/HelpIconOffers.gif) left top no-repeat;} dl#About-Us dt {background: url(../images/HelpIconAboutUs.gif) left top no-repeat;} dl.helpList {float: left; width: 29em; /*height: 13em;*/ padding: .5em;margin-bottom: 2em;} dl.helpList dt { height: 3em;padding-left:3em;padding-top:0.3em;background: url(../images/HelpIconAboutUs.gif) left top no-repeat;} /*dl#You-and-Yours.helpList, dl#Delivery-and-shipping.helpList {height: 9em;}*/ dl.helpList dt strong { font-size: 1.5em; color: #582C87; font-family: Times;} dl.helpList dd {margin: .2em 0 .2em 1em;} #helpContent {clear: both; margin: 1em 0; border-top: 1px solid #ededed;} #helpContent h3 {margin-top: .5em;} #helpContent p {margin-top: 2em;clear: both;} .module.helpTopics div.surround1 {background: #ebebec url(../images/defaultBackBottomRight.gif) right bottom no-repeat;margin-right:.9em;width:29em; padding-bottom:0;float:left; margin-bottom: 1.5em;} .module.helpTopics div.surround2 {background: url(../images/defaultBackBottomLeft.gif) left bottom no-repeat;} .module.helpTopics div.surround3 {background: url(../images/defaultBackTopLeft.gif) left top no-repeat; height: 14em;} .module.helpTopics div.surround3 dl {background: url(../images/defaultBackTopRight.gif) right top no-repeat; width: 28em; margin-bottom: 0;} #helpContent ol, #helpContent ul {padding-left: 9em; padding-top: 1em;} #helpContent li { list-style-type:lower-alpha; } #helpContent li, .module ul.standard li {list-style-position: outside;display: list-item; margin-bottom: .3em;} #helpContent ul li, .module ul.standard li {list-style-type: disc;} #helpContent dl {margin-top:1em;} #helpContent dt {padding-bottom:0.5em;} #helpContent dd {padding-left:2em;} .module.contactUs fieldset#contactUsDetails {margin-top: 1em;} .module.contactUs fieldset#contactUsDetails select {width: 18em;margin-top: .4em;} .module.contactUs fieldset#contactUsDetails p.formFields.query {margin-bottom: .5em;} .module.contactUs fieldset#contactUsDetails p.formFields.query label {padding-top: 0em;} .module.contactUs fieldset#contactUsDetails p.formFields textarea {width:44em;} #helpContent p.award, #awards p.award {float:left;width:28em;margin-right: 2em;clear: none;position: relative;} #awards p.award {margin-right: 1em;} #helpContent p.award span.linkSurround.image,#awards p.award span.linkSurround.image {text-align: left; width: auto;} #helpContent p.award span.linkSurround.image img,#awards p.award span.linkSurround.image img {float: left;margin-right: 1em;} #helpContent p.award span.linkSurround.image a span.text,#awards p.award span.linkSurround.image a span.text {display: block; padding-top: 10%;position: relative;top: 0;} #awards p.award.mostRecent, #helpContent p.award.mostRecent {clear: both; height: 13.5em; width: 58.7em;margin-bottom:2em; margin-right:0;background: url(../images/content/mostRecentAward-background.gif) left top no-repeat; margin-top: 0;} #awards p.award.mostRecent span.linkSurround.image, #helpContent p.award.mostRecent span.linkSurround.image {height: 13.5em; padding-right: 1em;} #awards p.award.mostRecent span.linkSurround.image a span.text,#helpContent p.award.mostRecent span.linkSurround.image a span.text{font-size:2em;font-weight:bold;padding-top:5%;} #content.bespoke .module.paragraph #awards .fullWidth h3 {background: none;} /* END Help pages */ /* Blogs */ #content.blogPostings h1 span {visibility: hidden;} #content.blogPostings h1 {background: url(../images/blogsBanner.jpg) left top no-repeat; height: 6.3em; width:47em;} #blog {width: 45em; float: left; margin-right: 1em;} #blog li.paragraph {display: block;} #blog li.paragraph .module.paragraph {padding:0em 0em .5em;} #blog li.paragraph p.paragraph {min-height: 0;height: auto;clear: both;} #blog li.paragraph p.paragraph span.linkSurround.blogPager.older,#blog li.paragraph p.paragraph span.linkSurround.blogPager.newer {font-size: .9em;} #blog li.paragraph p.paragraph span.linkSurround.blogPager.older {float:right;padding-left:3em;} #blog li.paragraph p.paragraph span.linkSurround.blogPager.newer {float: left;padding-right:3em;} #blog div.contentBlock.frameStyle-default.columns1.rows1, #blog div.contentBlock.frameStyle-none.columns1.rows1 {width: 45em;} #blog .contentBlock.frameStyle-default .blockHeader {/*padding-bottom: 0.417em;*/} #blog div.contentBlock.frameStyle-default.columns1.rows1 .surround1 .tabModules {width: 42.85em;} #blog div.contentBlock.frameStyle-default.columns1.rows1 .surround1 .tabModules .module, #blog div.contentBlock.frameStyle-none.columns1.rows1 .surround1 .tabModules .module {width: auto;} #blog div.contentBlock.frameStyle-none.columns1.rows1 .surround1 .tabModules {padding: 0;} #blog div.contentBlock.frameStyle-none.columns1.rows1 .surround1 .tabModules {width: 44.85em;} .module.blogPost .blogContent p {margin-bottom: 1.5em; clear: both;} .module.blogPost .blogContent em {font-style: italic;} #blogMenus {float: left; width: 17em;margin-left: 1em;} #blogMenus .addOns { padding: .5em; margin-bottom: 1em;} #blogMenus .addOns h4 {margin-bottom: .5em;color: #582C87; margin-left: -.5em;font-size: 1em;} #blogMenus .addOns span {font-size: .9em;} #blogMenus .addOns span.linkSeperator {display: inline;} #blogMenus .addOns span.linkSurround a {text-decoration: none;} #blogMenus .addOns span.linkSurround a img {vertical-align: middle;margin-right: .2em;} form#searchBlog {padding: 1em 0;border-top: 1px dashed #AFB1B4;border-bottom: 1px dashed #AFB1B4;margin-bottom: 2em;} form#searchBlog fieldset {margin:0;} form#searchBlog legend {display: none;} form#searchBlog p.formFields {padding: 0;float: left; width: 10em;} form#searchBlog label {font-size: .8em; font-weight: bold; width: auto;} form#searchBlog input {width: 9em;} form#searchBlog button.search {} form#searchBlog button.search span {} #blogRoll ul li {margin-bottom: 1em;} #blogRoll ul li ul {padding: 0em 1em;} #blogRoll ul li ul li {padding-bottom: 0;margin-bottom: 0em;} #blogRoll ul li strong {color: #582C87;} .module.blogPost form {margin-top: 1em; padding: 1em 0 0; clear: both;border-top: 1px dashed #AFB1B4;} .module.blogPost form p.formFields.thanks {clear: both;} .module.blogPost form p.formFields.officeUseOnly {display: none;} .module.blogPost .blogContent img {clear:both;float:left;margin:1em;} /* WORDPRESS overides */ .module.blogPost .blogContent p.firstPara {clear: both;} .module.blogPost .blogContent p.firstPara img {margin-top: 0; margin-left: 0;} .module.blogPost .blogContent p.imagePara {height: auto; clear: both;} .module.blogPost .blogContent p.imagePara img {margin-top: 0; margin-left: 0;} .module.blogPost .blogContent img.alignnone {float: none;} .module.blogPost .blogContent img.alignleft {clear: none;margin: 0 .5em .5em 0;} .module.blogPost .blogContent img.alignright {float: right; clear: none;margin: 0 0 .5em .5em;} /* END WORDPRESS overides */ .module.blogPost .blogContent blockquote {background: url(../images/offerBlockBottomRightOption2.gif) right bottom no-repeat;clear:both;margin:1em 2em;padding:0 1em 2em 0;} .module.blogPost .blogContent blockquote p {background: url(../images/offerBlockTopLeftOption2.gif) left top no-repeat; padding: 2em 0 0 1em; margin-bottom: 0;} .module ul.standard {padding-left: 9em;padding-left:1.5em;padding-bottom: 1em;} .module.blogPost ul.standard {padding-top: 1em;padding-bottom: 0;} .commentsPermalink span.linkSeperator {display: inline;} .commentsPermalink {border-top: 1px dashed #707070; padding: .5em 0; clear: both;margin-top: 1em;} .filedUnder {font-size: .8em; background: #ebebeb; padding: .5em; font-style: italic; display: block;} #blogComments {margin-top: 1em;border-top: 1px dashed #999; padding-top: .5em;} #blogComments h4 {margin-bottom: .5em;} #blogComments p {border-bottom: 1px dashed #999; margin-bottom: 1em; padding-bottom: 1em;} #blogComments p em {display:block;font-size:0.9em;font-style:italic;margin-top:0.2em;} /* END Module type styles */ /* Content blocks with columns */ /* JS overides to define the height of a carousel before the JS is loaded to stop the content making the page stretch and shrik */ html.js .contentBlock.rows1 ul.scroll.mycarousel {padding: 0 2em; height: 18em; overflow: hidden;} html.js .contentBlock.rows2 ul.scroll.mycarousel {padding: 0 2em;height: 38em;overflow: hidden;} html.js .contentBlock.columns5 ul.scroll.mycarousel {padding: 0 2em;height: 25em;overflow: hidden;} .columns2 .module .linkSurround.image {height: 17.5em;} .columns2 .module {float: left;margin-right:.9em;width:29em;} .columns2 .moduleContent {width: 18.5em;} .columns2 .module.paragraph p {overflow: hidden; height: 8.3em;} .columns2 .value span, #account.wishlist .value span {display: inline;} .columns2 .price {} .columns2 .rrp, #account.wishlist .rrp {float: left; margin-right: 8em;} .columns2 p.priceBlock .value span span.percent.splat, #account.wishlist p.priceBlock .value span span.percent.splat {top:-3em; left:-5em;} /*.columns2.rows2 .jcarousel-clip-horizontal, .columns2.rows2 .jcarousel-list {}*/ .columns2 .scroll .module {margin-right:0.9em;width:26.5em;} .columns2 .scroll .moduleContent {width: 16em;} .columns2 .jcarousel-item{width: 28.35em; float: left; display: block; } .jcarousel-item.jcarousel-item-horizontal.jcarousel-item-placeholder.jcarousel-item-placeholder-horizontal, .columns2 .jcarousel-item.jcarousel-item-horizontal.jcarousel-item-placeholder.jcarousel-item-placeholder-horizontal { position: absolute; } /*.columns2 p.priceBlock.preOrder {top: 8.5em;}*/ /*#searchResults .columns2 p.priceBlock.preOrder {top: 10.9em;} #searchResults .columns2 p.priceBlock{top: 13em;}*/ .columns2 span.preOrderDate{margin-left:2em; margin-right: 0;} .columns5 h3 { overflow: hidden;font-size: .9em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; margin: -.2em 0em .2em; position: absolute; top:14em; line-height: 1.2em; width: 12.5em; text-align: center;} .columns5 .module.bookSmall .linkSurround.image {width: auto;text-align: center; height: 24em;} .columns5 .module {float: left;margin-right:.4em;margin-left:.4em;width: 11.34em;} .columns5 .moduleContent {float: none; width: auto;} .columns5 .itemNumber {left:0.5em;padding:0.35em 0em;position:absolute;text-align:center;top:0.5em;vertical-align:middle;width:1.833em;background: url(../images/itemNumber.gif) left top no-repeat;} .columns5 .itemNumber .surround2 {background: none;} .columns5 .itemNumber strong {color: #fff; background:#582c87;} .columns5 span.preOrderDate{margin-left:.6em; margin-bottom: -.4em; margin-right: 0;} .columns5 p.priceBlock {top: 17.7em;text-align: center; padding: 0em .4em 0em 1em;} .columns5 p.priceBlock.preOrder {top:16.5em;} .columns5 .scroll p.priceBlock {padding: 0em .2em 0em .4em;} .columns5 .scroll p.priceBlock .buttonSmall.more {margin-left: 0em;} .columns5 p.priceBlock .buttonSmall.more {} .columns5 p.priceBlock .value {height: 4em; width: 9.5em;display: inline;} .columns5 p.priceBlock .value span {display: block;} .columns5 p.priceBlock .value span span.percent {display: inline;} .columns5 p.priceBlock .value span span.percent.splat {top:-11.5em; left:8em;} .columns5 p.priceBlock .price { padding: .4em 0 0;} .columns5 .jcarousel-clip-horizontal, .columns5 .scroll.jcarousel-list {height: 25em;} .columns5 .scroll .module {/*margin-right:.45em;margin-left:.45em;*/width:10.3em;} .columns5 .jcarousel-item {width: 11.34em; float: left;} .columns5 .scroll .moduleContent {width: 10em;} .columns5 .scroll .moduleContent h3 {width: 11.5em;} /* END content blocks with columns */ p.priceBlock .value span.accessibility, #account.wishlist p.priceBlock .value span.accessibility, span.linkSeperator.scroll, p.priceBlock .linkSeperator {display: none;} /* END Blocks styles */ /* Login form styles that are overidden below */ form#logIn fieldset, form#register fieldset {height: 19em;} /* END Login form styles that are overidden below */ /* Full book styles */ #content.bookFull .contentBlock.frameStyle-default.rows1.columns1 {z-index: 2;} .fullBook h1 {margin-top: 0;} .fullBook h1 span.author{font-size: .7em; color:#333;display: block; font-weight: normal;padding-right: 1em; margin-bottom: .5em;} .fullBook .moduleContent {width: auto;float: none;} .fullBook .image.large {float: left; width: 17em; margin-right: 2em;height: 27em;} .fullBook .image.large a {text-decoration:none; display: block; text-align:left;} .fullBook .image.large a span {display: block; margin: .5em 0 1em;} .fullBook .image.large #previews a {display: inline;} #previews {padding: 1em 0; margin-bottom: 2em;height: 2.6em;} #meetTheAuthor{float: left;dispaly: block;} #mainContent .fullBook #meetTheAuthor .linkSurround.button.MTA {text-align: left; width: 9em;display: block; float: none;background-image: url(../images/button3rdPartyBack.gif); padding: 8px 7px 12px 0;margin-left: .5em;} #mainContent .fullBook #meetTheAuthor .linkSurround.button.MTA a {background-image: url(../images/button3rdPartyMTA.gif); padding: 8px 0 12px 50px;color: #8d8e8e;} #MTAPopup{width: 30em;} #MTAPopup .surround3 {padding-top: .6em;} #MTAPopup #flashcontent {padding: 0.3em 0.6em 0.2em;} #MTAPopup h4 {margin: 0;} #googlePreview {float: left;margin-left: .5em;dispaly: block;} .fullBook p.priceBlock, .fullBook div.priceBlock {width: 20em;position: relative; text-align:right;top: 0;margin-top: 2em; float: left; /* right: 22em;clear:right; height: 9em;*/} .fullBook div.priceBlock {text-align: left;} .fullBook p.priceBlock .preOrderDate {} .fullBook p.priceBlock.abe {font-size: 1em;} .fullBook p.priceBlock .value {margin-bottom: 1em;} .fullBook p.priceBlock.alternative .value {height: auto;} .fullBook p.priceBlock .value span.price {font-size: 1.5em;float: right; margin-left: .3em;} .fullBook p.priceBlock.alternative .value span.price {float: none; margin-left: 0; display:inline;} .fullBook p.priceBlock .value span.save {clear:both;float:right;text-align:right;width:15em; font-size: 1.2em;} .fullBook p.priceBlock .value span.rrp {padding-top: .8em;} .fullBook p.priceBlock .deliveryMessage, .fullBook p.priceBlock .dispatchMessage {display: block; clear:both;} .fullBook p.priceBlock.amazonPrice .dispatchMessage {font-size: .8em;} .fullBook p.priceBlock .deliveryMessage {font-size:1.3em; margin-bottom: .2em;padding-top: .3em;} .fullBook p.priceBlock .deliveryCountry {font-size: .8em;margin-bottom: .5em;} .fullBook p.priceBlock.alternative.noPricing {height: 5em;margin-bottom: 4em;} .fullBook p.priceBlock.alternative.noPricing span {display: none;} .fullBook div.eBook {float: left; margin: 1em 0 2em; width: 20em;height: 7em;background: url(../images/productFREEeBookBack.gif) left bottom no-repeat;} .fullBook div.eBook a.more {background:none;display:block;font-size:.8em;margin: 1.5em 0 0 6em;} #mainContent .fullBook div.eBook span.linkSurround.button {float: left; margin: 1em 1em 0em 0.7em; background: none;} #mainContent .fullBook div.eBook span.linkSurround.button.download a {background: none;padding-left:52px;} #mainContent .fullBook div.eBook span.linkSurround.button.download a em {color: #fff;} .fullBook ul {clear: both;} .fullBook ul li {margin: .2em 0;} .fullBook p.shortDescription {clear: both; margin-bottom: 2em;} .fullBook p.shortDescription strong{margin-bottom: .5em; display: block;} .fullBook p.shortDescription a strong {display: inline;} .fullBook p.shortDescription .linkSurround.more {margin-top: .5em; display: block;} form#submit_email fieldset p.help {display:block;font-size:0.8em; margin-left:0em;} form#submit_email p.formFields {padding-bottom: .5em;} form#submit_email label {width: auto;} /* Reviews login and register */ #content.bookFull div.module.logIn, #content.bookFull div.module.register {width:30em;float:left;} /* Author big */ /*END author biog */ /* Offers blocks */ #offersSurround {float: right; width: 17em; margin:2em 0 4em;min-height: 10em;} div.offerBlock {/*background: url(../images/offerBlockBottomRightOption2.gif) right bottom no-repeat; padding-bottom: 1.5em;*/display: block;/*margin-bottom: 1em;width: 10em;*/float: right; clear: both;} div.offerBlock#offerPromo {margin-bottom: 0; padding-bottom: 0;} div.offerBlock div.linkSurround.offer {display:block;} div.offerBlock div.linkSurround.offer a:link {text-decoration: none;color: #582C87;} /*div.offerBlock div.linkSurround.offer p.offerContent {background: url(../images/offerBlockTopLeftOption2.gif) left top no-repeat;} div.offerBlock div.linkSurround.offer p.offerContent span {display:block;font-size:1em;font-weight:bold;padding:1.5em .8em .3em;text-align:center;width:8em; color: #582C87;}*/ div#offer1.offerBlock, div#offer2.offerBlock {/*padding-bottom: 2em;*/} div#offer1.offerBlock div.linkSurround.offer p.offerContent span, div#offer2.offerBlock div.linkSurround.offer p.offerContent span {padding-top: 2em;} div.offerBlock#offerPromo {width: 15em;} div.offerBlock#offerPromo,div.offerBlock#offerPromo div.linkSurround.offer p.offerContent {background: none;} /*Alternatives */ /* END Offers blocks */ /* END Full book styles */ /* Search results */ #searchResults .contentBlock.frameStyle-search.columns1 {margin-top: .4em; z-index:2; padding-bottom: 0em;} #searchResults .contentBlock.frameStyle-search .tabModules {border: 0;} #searchResults .contentBlock.frameStyle-search.columns1 .tabModules {z-index: 2;padding: 0 0 1em;} /*#searchResults.main fieldset legend,#searchResults.categories fieldset legend {font-size: .8em; padding-left: 13.5em; margin-bottom: -.4em; color: #333;}*/ #searchResults fieldset {margin-bottom: 0;} #searchResults fieldset legend {font-size: 1em; color: #333;} #searchResults .module.keywords form fieldset {margin-top: -.5em;} #searchResults .module.keywords form fieldset p.formFields {float:left;margin-left:12em;margin-top:-1.3em;padding-top:0;} #searchResults .module.keywords form fieldset p.formFields input#addedTerm {width: 20em;} #searchResults .module.keywords form fieldset button {margin-top: -1.8em;} /*#searchResults.main fieldset .formFields, #searchResults.categories fieldset .formFields {padding-top: .5em;float: left;}*/ /*#searchResults.main fieldset button,#searchResults.categories fieldset button {margin-left: 2em; padding-left: 23px;}*/ #searchResults.main fieldset button span,#searchResults.categories fieldset button span{padding-right: 10px;} /* Bestsellers / Fast movers page */ #content.bestsellers #searchResults .contentBlock.frameStyle-search.columns1 {background: url(../images/searchBackgroundRight.gif) right bottom no-repeat;} #content.bestsellers #searchResults .contentBlock.frameStyle-search.columns1 .surround1 {background:url(../images/searchBackgroundLeft.gif) left bottom no-repeat;padding-bottom: 2em;} #content.bestsellers #searchResults .contentBlock.frameStyle-search.columns1 .tabModules {background: none;} #searchResults .contentBlock.frameStyle-default .itemNumber .surround2 {background: none;} #content.bestsellers .linkSurround.image, #content.fastMovers .linkSurround.image {padding-top: 2.5em;} body#US #content.bestsellers .linkSurround.image {padding-top: 0;} #content.bestsellers .module.bookSmall.numbered h3,#content.fastMovers .module.bookSmall.numbered h3 {margin-top: 1.5em;} #content.bestsellers .columns2 .itemNumber, #content.fastMovers .columns2 .itemNumber {width: 28em;position: absolute; left: 0;background: #ebebe7 url(../images/defaultBackTopRight.gif) right top no-repeat;} #content.bestsellers .columns2 .itemNumber .surround2, #content.fastMovers .columns2 .itemNumber .surround2 {display: block;background: url(../images/defaultBackTopLeft.gif) left top no-repeat;} #content.bestsellers .columns2 .itemNumber .surround3, #content.fastMovers .columns2 .itemNumber .surround3 {display: block;background: url(../images/defaultBackBottomLeft.gif) left bottom no-repeat;} #content.bestsellers .columns2 .itemNumber .surround4, #content.fastMovers .columns2 .itemNumber .surround4 {font-size: .9em;padding: .2em .2em .2em 4.5em; display: block;background: url(../images/defaultBackBottomRight.gif) right bottom no-repeat;} #content.bestsellers .columns2 .itemNumber .surround4 {padding-left: 11.8em;} #content.bestsellers .columns2 .itemNumber .surround4 strong.position, #content.fastMovers .columns2 .itemNumber .surround4 strong.position {font-size: 1.2em;text-align: center; color: #333; width: 3em; height: 1.2em;position: absolute;left: 0; top: -.8em;z-index: 4;padding: .8em .2em;display: block;margin-left: .2em;} /*#content.bestsellers .itemNumber .movement em span.text {display:block;height:0em;visibility:hidden;}*/ #content.bestsellers .itemNumber .movement.up {background: transparent url(../images/movementUp.gif) center center no-repeat;} #content.bestsellers .itemNumber .movement.down {background: transparent url(../images/movementDown.gif) center center no-repeat;} #content.bestsellers .itemNumber .movement.nonMover {background: transparent url(../images/movementNonMover.gif) center center no-repeat;} #content.fastMovers .module.bookSmall.numbered p.priceBlock {top: 14em;} #content.fastMovers .columns2 .itemNumber .surround4 strong.position {background: transparent url(../images/movementUp.gif) center no-repeat;} #content.fastMovers .columns2 .itemNumber .surround4 .percentageChange {float: left;display: block;} #content.fastMovers .columns2 .itemNumber .surround4 .percentageChange em {display: none;} #content.fastMovers .columns2 .itemNumber .surround4 .salesRank {display: block; margin-left: 7em;} #content.bestsellers .columns2 p.priceBlock, #content.fastMovers .columns2 p.priceBlock {top: 13em;} /* Bestsellers page ENDS */ #searchResults.advanced form {} /*#searchResults.advanced form p.formFields {width: 30em;}*/ /*#searchResults.advanced p.formFields.searchTitle,#searchResults.advanced p.formFields.searchAuthor,#searchResults.advanced p.formFields.searchPublisher {margin-right: 1.2em;}*/ /*#searchResults.advanced p.formFields label {font-size: .8em; font-weight: bold;width: auto; float: none; text-align: left;}*/ /*input#searchTitle, input#searchDeep {width: 48.5em;}*/ /*#searchResults.advanced fieldset button{margin-left: 2em;}*/ /*#searchResults.advanced fieldset button#searchSubmit {margin-top: -0.5em;}*/ /*#searchResults.advanced fieldset button#searchDeepSubmit {margin-top: 1.5em;}*/ /*#searchResults.advanced #searchDeepForm {margin-top: 1em;}*/ #searchResults.advanced .contentBlock.frameStyle-default.columns1.rows1 {z-index: 3;} #searchResults.advanced .contentBlock.frameStyle-default.columns1.rows1 p.keyWords {margin-left: .8em; margin-bottom: .7em;} .module.choice {width: 62.5em;padding: 1em 0;} .module.choice h4 {float:left;font-size:1em;width:13.7em; margin: .3em .5em .6em 1em;} .module.choice .linkSurround.reset {display: block; font-weight: normal; padding-top: .3em;} div.selector {float: left; margin-right: .5em; position:relative; z-index: 4;} div.selector.priceRange/*, div.selector.priceRange .option a */{width: 8em;} div.selector.priceRange .option a,div.selector.availability .option a, div.selector.format .option a {width: 7.74em;} div.selector.availability/*, div.selector.availability .options*/ {width: 8em;} div.selector.format/*, div.selector.format .options*/{width: 8em;} div.selector.sortBy/*, div.selector.sortBy .options*/ {width: 16.6em;} div.selector.sortBy .option a {width: 16.2em;} div.selector.priceRange strong {width: 7.6em;} div.selector.availability strong {width: 7.6em;} div.selector.format strong {width: 7.6em;} div.selector.sortBy strong {width: 16.05em;} div.selector strong {background:#D9CBB4;display:block;padding:0.3em;} div.selector .options {display: block;position: absolute;background:#FFFFFF;border-color:#d9cbb4; border-width:0 1px 1px 1px;border-style:solid;} div.selector .options.closed .option { display: none;} div.selector .option {display: block; position:relative; } div.selector .option a {padding: 0.2em 0 .2em .3em; display:block;} div.selector .option a:hover {background: #E7E7E8;} div.selector .options .option.active { display: block;background: url(../images/searchOptionsArrow.gif) right top no-repeat;} div.selector .options .option.active a:hover { background: #E7E7E8 url(../images/searchOptionsArrow.gif) right top no-repeat;} div.selector .options.open {position:absolute; } div.selector .options.open .option {display: block;} #searchResults p.message, #searchResults span.linkSurround.message, p.formFields.creditCards span.message {padding: 1em; border: 3px solid #ebebeb; margin-bottom: 1em;} #searchResults fieldset span.linkSurround.message {float: right;margin: 1em 5em 0em 0em;padding: 0em; border: 0;} #searchResults fieldset span.linkSurround.message a {background: url(../images/rosetteAdvancedSearch.gif) center no-repeat; height: 12.5em; width: 12.5em;display: block;} #searchResults fieldset span.linkSurround.message a strong {text-indent: -1000em; display: block;} #searchResults span.linkSurround.message a:link, #searchResults span.linkSurround.message a:visited {color: #333;} p.keyWords {clear: both; padding-left: 12em;border-bottom:1px solid #ebebeb;clear:both;margin-left:15.2em;margin-top:0.4em;padding:0.3em;} p.keyWords strong {margin-right: .5em;float: left; margin-bottom: .1em;} /*p.keyWords span.keyWords.results {line-height: 1.3em;}*/ #searchResults span.linkSurround.remove a {text-decoration: none;} #searchResults span.linkSurround.remove a span {visibility: hidden;} #searchResults span.linkSurround.remove {background: url(../images/remove.gif) center top no-repeat; padding-bottom: 2px;} .paginationControl {padding:1em 0 1.5em; clear: both;} .paginationControl .showing {display:block; float: left;} .paginationControl .pageNumbers {float: right;} .paginationControl .linkSurround.search {padding:0 0.2em;} .paginationControl .linkSurround.search.active {border-left:1px solid #999;border-right:1px solid #999;padding:0 0.4em;} /* END search results */ /*Checkout styles */ /*Basket styles */ #checkout td.deliveryMessage strong, #checkout.basket .module.emptyBasket .deliveryMessage strong {font-size: 1.9em;color: #582C87;} #checkout.basket .module.emptyBasket .deliveryMessage strong { display: block; } #checkout.basket .module.emptyBasket h3 {margin-bottom: 1em;} #checkout.basket .module.emptyBasket div {margin-bottom: 3em;} #checkout.basket .module.emptyBasket p {margin-left: 17em;} #checkout.basket .module.emptyBasket div.comingSoon .linkSurround.button {margin-top:.6em;} table legend, thead {display: none;} tr.book td {padding: .5em 0;border-bottom: 1px solid #AFB1B4;} tr.subTotal td {border-bottom: 1px solid #AFB1B4;padding: 1em 0;} td.bookImage {width: 11em;} td.bookImage .linkSurround {width: 11em; text-align: left; height: auto; padding: .5em 0em;} td.bookDetails {width: 20.866em;} tr td.price {width: 10em; padding-right: .5em;} td.quantity {width: 9.000em;text-align: center;} td.quantity form {padding: 0em;} td.quantity label {width: auto; margin-right: .2em; padding-right: 0em;} td.quantity input {width: 2.7em; text-align: center;} table fieldset {margin-bottom: 0;} td.totalPrice {width: 10.8em;} td.price, td.totalPrice, td.subTotal, tr.discounts td, tr.totalPrice td { text-align:right;} td.price .save {display: block;} tr.discounts td {padding-top: 1em;} tr.totalPrice td {padding: 1em 0;} tr.totalPrice td strong {font-size: 1.2em; padding: 1em 0;color:#582c87;} td.bookDetails span.bookTitle a:link, td.bookDetails span.bookTitle a:visited {font-weight: bold; font-size: 1.2em; color: #582c87; text-decoration: none;} td.bookDetails span.deliveryMessage {margin-top: 1.5em; display: block;} #checkout p.formFields.creditCards {} p.formFields.creditCards span.message {float: right;margin-left:2em;width:28em;border-color: #582C87;} #checkout p.formFields.creditCards img {float: right;margin-left: .4em;} #checkout p.formFields.creditCards button {margin-left: 1em;} #checkout tr.topCheckout p.formFields.creditCards {padding-top: 0;} #checkout tr.topCheckout td,#checkout tr.bottomCheckoutOurs td {/*border-bottom: 1px solid #AFB1B4;*/background: #ebebe7;} #checkout tr.bottomCheckoutOurs p.formFields {padding-top: 0;} #checkout tr.topCheckout td button.checkout,#checkout tr.bottomCheckoutOurs td button.checkout {background-image:url(../images/buttonBackBigLeftGreyBack.gif) ;} #checkout tr.topCheckout td button.checkout span,#checkout tr.bottomCheckoutOurs td button.checkout span {background-image:url(../images/buttonBackBigGreyBack.gif);} #checkout tr.bottomCheckoutPayPal td form fieldset {float:right;height:5em;margin-top:1em;width:22em; border: 1px solid #AFB1B4; background: url(../images/or.gif) 1em center no-repeat;} #checkout button.checkout.PayPal {margin-top: -.2em;} /* Coupons */ form#coupons {float: left;margin-top: .5em;} form#coupons fieldset p.formFields {} form#coupons fieldset p.formFields label {width: 8em;} form#coupons fieldset p.formFields input {float: left;} form#coupons fieldset p.formFields button.save {margin-left: 2em;margin-top: -.3em;background-image:url(../images/buttonSaveSmallGreyBack.gif) ;} form#coupons fieldset p.formFields button.save span {background-image:url(../images/buttonBackSmallGreyBack.gif) ;} /*END basket styles*/ /* Payer Authentication styles */ html.js div#payerAuth {visibility: hidden;} #checkout.payerAuthorise {padding: 0;} #checkout.payerAuthorise .contentBlock {width: 65em;} #checkout.payerAuthorise .tabModules {padding-top: 1.5em;width: 62.85em;} #checkout.payerAuthorise .module.payerAuth {overflow: hidden; width: 61.666em;margin-top:1em;} #checkout.payerAuthorise .module.payerAuth iframe{height:50em;width:63em;margin-top:-12em;} #payerAuth {margin-top:12em;width:62em; text-align: left;} p.secureCodeMessage {height: 3em; padding-top: 1em;} p.secureCodeMessage img {float: left;margin-top: -0.8em;margin-right: .5em;} /* END Payer Authentication styles */ /* Order summary styles */ #checkout.summary form#logIn fieldset, #checkout.confirmation form#logIn fieldset {margin-bottom: 0;} /*#checkout.summary form#logIn p.formFields, */#checkout.confirmation form#logIn p.formFields {float:left;width: auto;} /*#checkout.summary form#logIn p.formFields label, */#checkout.confirmation form#logIn p.formFields label {width: 5.5em;} /*#checkout.summary form#logIn p.formFields.username, */#checkout.confirmation form#logIn p.formFields.username {margin-right:2em;} /*#checkout.summary form#logIn p.formFields.username label, */#checkout.confirmation form#logIn p.formFields.username label {width: 7.5em;} .frameStyle-none.half .tabModules label {width: 8em;} #checkout.summary .frameStyle-none.half .tabModules form#logIn button {margin-left: 11em;background-image: url(../images/buttonLogInSmallYellowBack.gif);} #checkout.summary .frameStyle-none.half .tabModules form#logIn button span {background-image:url(../images/buttonSmallYellowBack.gif);} #checkout.summary form#logIn p.formFields span.help, #checkout.confirmation form#logIn p.formFields span.help {margin-left: 8.5em;} #checkout.confirmation form#logIn button {margin-left: 2em;} #contactDetails {float:left;margin-right:2em;clear: right;} #contactDetails p.formFields, #invoiceCheck p.formFields, #account.paymentOptions #chooseCardAddress p.formFields, #checkout.editCard #chooseCardAddress p.formFields{background: #ebebec; /*border: 1px solid #582c87;*/padding-top: 1em; padding-bottom: .2em; color: #000;} #invoiceCheck p.formFields {height: 2em;/* padding-left: 12em;*/} /*#invoiceCheck p.formFields input, #invoiceCheck p.formFields label{vertical-align: middle; padding: 0; margin: 0;}*/ #invoiceCheck p.formFields label {padding-right: 2em;padding-left: .5em;} #checkout.summary.guest #deliveryDetails {float: left;width: 28em;} #checkout.summary.loggedIn #deliveryDetails {float: none; margin-right: 0; width: auto;} #deliveryDetails #deliveryCountry{} #paymentDetails {/*border: 1px solid #333; border: 1px 1px 0px 1px;*/float: right;} #paymentDetails .creditCard {/*border-bottom: 1px solid #ff0000;*/} #invoiceCheck {clear: both;} .creditCard {background: url(../images/creditCardBackBottomRight.gif) right bottom no-repeat;} div.creditCard.front, div.creditCard.back { font-size: .9em; width: 30.5em;} .paymentOptions.viewCard div.creditCard.front, .paymentOptions.viewCard div.creditCard.back { width: 31em;} .creditCard.front .surround1, .creditCard.back .surround1 {background: url(../images/creditCardBackBottomLeft.gif) left bottom no-repeat; padding-bottom: 2em;} .creditCard.back .surround1 {padding-bottom: 7em;} .creditCard.back .surround2 {background: url(../images/creditCardBackTopLeft.gif) left top no-repeat;} .creditCard .cardContent {background: url(../images/creditCardBackTopRight.gif) right top no-repeat;} .creditCard.front .surround2 {background: url(../images/creditCardFrontTopLeft.gif) left top no-repeat;} .creditCard.front .cardContent {background: url(../images/creditCardFrontTopRight.gif) right top no-repeat;} .creditCard.back .cardContent {padding-top: 6em;} .creditCard.front {margin-bottom: 1em;} .creditCard p.formFields { padding-top: .5em; padding-right: .8em;} .creditCard p.required label {background-position: right 1em;} .creditCard label, .creditCard .label {width: 5em;} .creditCard input, .creditCard select {margin-top: .5em;} .creditCard p.cardType {padding: 1.5em 1em 2em 0em; } #paymentDetails.VISA .creditCard p.cardType, p.cardType.VISA,span.orderPaymentType.VISA {background: url(../images/cc_visa.gif) 24.2em 1em no-repeat;} #paymentDetails.VISA_DELTA .creditCard p.cardType, p.cardType.VISA_DELTA,span.orderPaymentType.VISA_DELTA {background: url(../images/cc_Delta.gif) 24.2em 1em no-repeat;} #paymentDetails.ELECTRON .creditCard p.cardType, p.cardType.ELECTRON,span.orderPaymentType.ELECTRON {background: url(../images/cc_electron.gif) 24.2em 1em no-repeat;} #paymentDetails.MASTERCARD .creditCard p.cardType, p.cardType.MASTERCARD, span.orderPaymentType.MASTERCARD {background: url(../images/cc_MasterCard.gif) 24.2em 1em no-repeat;} #paymentDetails.SWITCH .creditCard p.cardType, p.cardType.SWITCH,span.orderPaymentType.SWITCH {background: url(../images/cc_switch.gif) 24.2em 1em no-repeat;} #paymentDetails.MAESTRO .creditCard p.cardType, p.cardType.MAESTRO, span.orderPaymentType.MAESTRO {background: url(../images/cc_Maestro.gif) 24.2em 1em no-repeat;} #paymentDetails.SOLO .creditCard p.cardType, p.cardType.SOLO,span.orderPaymentType.SOLO {background: url(../images/cc_solo.gif) 24.2em 1em no-repeat;} #paymentDetails.AMEX .creditCard p.cardType, p.cardType.AMEX,span.orderPaymentType.AMEX {background: url(../images/cc_AMEX.gif) 24.2em 1em no-repeat;} #paymentDetails.AMEX .creditCard.back {background: url(../images/creditCardBackBottomRightAMEX.gif) right bottom no-repeat; font-size: .9em;} #paymentDetails.AMEX .creditCard.back .surround1 {background: url(../images/creditCardBackBottomLeftAMEX.gif) left bottom no-repeat; padding-bottom: 4.5em;} #paymentDetails.AMEX .creditCard.back .surround2 {background: url(../images/creditCardFrontTopLeftAMEX.gif) left top no-repeat;} #paymentDetails.AMEX .creditCard.back .cardContent {background: url(../images/creditCardFrontTopRightAMEX.gif) right top no-repeat;} #paymentDetails.AMEX .creditCard.back .cardContent {padding-top: 1em;} p.cardType select{} p.cardNumber label, p.cardNumber .label {padding-top: .2em;} p.cardNumber input {font-size: 1.8em; width: 12.5em; margin-top: 0em;} p.formFields.cardValidFrom, p.formFields.cardValidTo, p.formFields.cardIssueNumber {float: left; padding-bottom:.5em;padding-right: 0em; } p.cardValidFrom {clear: left;} p.cardValidFrom span.help,p.cardValidTo span.help {margin-bottom:0;margin-left:8em;width:3em; color:#999999;} p.cardValidTo span.help {margin-left: 6.8em;} p.cardValidTo, p.cardIssueNumber {clear: none;} p.cardValidTo label, p.cardIssueNumber label, p.cardValidTo .label, p.cardIssueNumber .label {width: 4em;} p.cardValidTo label, p.cardValidTo .label {word-spacing: .5em;} p.cardValidFrom input, p.cardValidTo input, p.cardIssueNumber input {width: 1.5em;} p.cardName {clear: both;} p.cardCvv { background:#EBEBEC;margin:0 0.37em 1em; padding:.5em 0em;} .creditCard.back p.cardCvv label {width: 22em; margin-right:.5em; padding-bottom:0.5em; padding-top: 1em;} /*#checkout.summary.guest .creditCard.back p.cardCvv label {width: 22em;}*/ p.cardCvv label span.help {margin: 0em; display:inline; font-size:1em; vertical-align: top;} p.cardCvv input { width: 2.5em; font-size: 1.8em;margin-top: 0em;} p.cardCvv .example {color:#999999; clear:both; display:block; padding-bottom:1em; padding-right:7em; text-align:right;} p.cardCvv input, p.cardNumber input {} .creditCard p.cardCvv.required label {background-position: right .9em;} .AMEX p.cardCvv {padding-top: 3em; padding-bottom:5.5em; margin-bottom: 1em;background: url(../images/AMEXGladiator.gif) center no-repeat;} p.confirmOrder {height: 5em; text-align: right;} p.confirmOrder.top {border-bottom: 1px solid #AFB1B4; padding-bottom: 2em;} #checkout.summary #storedAddress div.storedAddress .linkSurround.button {margin: 0em;} #checkout.summary.loggedIn #contactDetails {float: none; margin-right: 0;} #checkout.summary.loggedIn #contactDetails input {width: 30em;} #checkout.summary.loggedIn #contactDetails p.formFields {padding-bottom: .8em;} #checkout.summary .module.logIn h3 {font-family: Verdana; margin: 1em 1em .5em; font-size: 1.2em;} fieldset#storedCards {} fieldset#storedCards div.creditCard.back {float: right;} #checkout.summary p.message {/*text-align: right;*/} span.processing {font-weight: bold;} /* END Order summary styles */ /* PayPal summary */ fieldset#payPalDetails p.first {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ebebe7;} fieldset#payPalDetails dl {float: left; margin-right: 2em;} fieldset#payPalDetails dl.paymentDetails {width: 15em;} fieldset#payPalDetails dl.paymentDetails img {margin-top: 1em;} fieldset#payPalDetails dl.account {width: 30em;} fieldset#payPalDetails dl.account dd {margin-bottom: 2em;} /* END PayPal summary */ /* order confirmation */ .module.orderConfirmation p.notice {margin: .5em 0;clear: both;} #checkout.confirmation form, #checkout.confirmation p.checkoutLogOut {padding: 1em; border: 3px solid #582C87;margin-bottom: 2em;} #checkout.confirmation p.checkoutLogOut {border-color: #EBEBE5;} #checkout.confirmation form fieldset {height: auto; margin-bottom: 0;} #checkout.confirmation form fieldset p.username,#checkout.confirmation form fieldset p.password {float: left;width: 30em;} #checkout.confirmation form#register button {margin-left: 49.5em;} #checkout.confirmation h4, #checkout.confirmation h3, #checkout.confirmation p.message {margin-bottom: 1em;} #checkout.confirmation p.message.live {height: 3em; clear: both;} #checkout.confirmation p.message.live em {float: left; padding-top: .5em; margin-right: 1em;} #checkout.confirmation p.message.live span em {padding: 0; margin: 0; float: none;} #orderDetails {padding: 0 2em;} #orderDetails dl#deliveryAddress, #orderDetails div#billingDetails, #orderDetails div#billingDetails dl#billingAddress {float: left;} #orderDetails dl#contactDetails {clear: both; margin: 1em 0;width: 100%;border-top:1px solid #EBEBE5;padding-top: 1em;} #orderDetails dl#deliveryAddress dt strong,#orderDetails dl#billingAddress dt strong,#orderDetails dl#contactDetails dt strong {color:#582C87;font-size:1.2em;} #orderDetails dl#deliveryAddress dt,#orderDetails dl#billingAddress dt,#orderDetails dl#contactDetails dt {padding-bottom: .5em;} #orderDetails dl#deliveryAddress, #orderDetails dl#billingAddress {width: 15em; padding-right: 2em;} #orderDetails dl#billingAddress {width: 18em;} #orderDetails div#billingDetails {border-left:1px solid #ebebe5;padding-left: 2em;} #orderDetails div#billingDetails div.cardDetails {margin: 0;} #orderDetails dl#contactDetails dd {padding-bottom: .5em;} /* END order confirmation */ /* CHeckout help block */ /*END checkout help block */ /*END Checkout styels */ /* Account styles */ p.aware, #account.wishlist p.paragraph span.wishlistUpdate {padding: 1em; border: 3px solid #EBEBEC; margin: .5em 0em; font-size: .9em; display: block;} /* User details */ .module.user.details .moduleContent {float: left; margin-top: 1em;} .module.user.details .moduleContent dl {margin: 1em;} .module.user.details .moduleContent dt {width:10em; text-align: right; padding-right:.5em;clear: left;float: left;} .module.user.details .moduleContent dt, .module.user.details .moduleContent dd {margin-bottom: 1em; } /*.module.user.details .moduleContent .buttonSmall {float: none; margin-left: 19.5em;}*/ .module.user.details p.formFields.userImage {float: left;} .module.user.details .linkSurround.image {float: right; height: 10em;margin-top: 2em;} .module.user.details .linkSurround.image img {margin-bottom: .5em;} .module.user.details .linkSurround.updateProfile {display: block;} #changeDetails p.formFields.dateOfBirth select {width: 4em;} #changeDetails p.formFields.dateOfBirth select#dateOfBirth_year {width: 5em;} #changeDetails p.formFields.email input {width: 20em;} #uploadUserImage .formFields.radioCheck {height: auto; clear: both;} #uploadUserImage .formFields.radioCheck input {margin: 2.5em .5em 0 0;} #uploadUserImage .formFields.radioCheck label {margin-right: 4em;} #uploadUserImage .formFields.radioCheck input#userImageMale {margin-left: 3em;} #uploadUserImage input#userImage {width: auto;} /* contact preferences */ #account.contactPreferences button.save {clear: both;} /* END contact prefrences */ /* Payment details (and edit card details for logged in checkout) */ #account.paymentOptions .formFields.radioCheck .help, #checkout.editCard .formFields.radioCheck .help {margin-left: 0;} #account.paymentOptions #paymentDetails, #checkout.editCard #paymentDetails {float: left; margin-top: 0em;margin-bottom: 1em;} #account.paymentOptions #paymentDetails .formFields.referenceName, #checkout.editCard #paymentDetails .formFields.referenceName {float: left; margin-top: 1em;} .module.card.new .creditCard {float: right; margin-top: 1em; margin-left: 3em;} #account.paymentOptions #paymentDetails .formFields.radioCheck, #checkout.editCard #paymentDetails .formFields.radioCheck {clear: left;padding-left: 2em;padding-top: 2em;} #account.paymentOptions #paymentDetails p.message.aware, #checkout.editCard #paymentDetails p.message.aware {margin-left:2em;margin-top:3em;width:26em;} #account.paymentOptions #chooseCardAddress .formFields.radioCheck, #checkout.editCard #chooseCardAddress .formFields.radioCheck {height: 3em; clear: both;} #account.paymentOptions .formFields.oldCardAddress label, #checkout.editCard .formFields.oldCardAddress label {} #account.paymentOptions #currentAddresses, #account.paymentOptions #newCardAddress, #account.paymentOptions #chooseCardAddress, #checkout.editCard #currentAddresses, #checkout.editCard #newCardAddress, #checkout.editCard #chooseCardAddress{float: left; width: 59em;} #account.paymentOptions #chooseCardAddress, #checkout.editCard #chooseCardAddress {width: 59em;} #account.paymentOptions #newCardAddress, #checkout.editCard #newCardAddress{ width: 59em; /*display: none;*/} /* Address book */ p.deliveryMessage.aware strong{ font-size: 2em;} span.help.noPostcode a {display: block;} /* mini address/card views in checkout - used through out the account section and checkout */ #storedAddress div.storedAddress, fieldset#storedCards div.storedCard, #checkout.confirmation div.cardDetails {float: left; width: 17em; margin-right: 2.5em;margin-top: 1em; background: none;} #storedAddress div.storedAddress, #storedAddress div.storedAddress div.surround1, #storedAddress div.storedAddress div.surround2, #storedAddress div.storedAddress div.surround3 {height: 19em;} #storedAddress div.storedAddress div.surround1 {padding-bottom: 0;} #storedAddress div.storedAddress div.surround1, #storedAddress div.storedAddress div.surround2, #storedAddress div.storedAddress div.surround3, fieldset#storedCards div.storedCard div.surround1,fieldset#storedCards div.storedCard div.surround2, fieldset#storedCards div.storedCard div.surround3 { background: none;} #storedAddress div.storedAddress.default,fieldset#storedCards div.storedCard.default {background: #ebebec url(../images/defaultBackBottomRight.gif) right bottom no-repeat; } #storedAddress div.storedAddress.default div.surround1,fieldset#storedCards div.storedCard.default div.surround1 {background: url(../images/defaultBackBottomLeft.gif) left bottom no-repeat;} #storedAddress div.storedAddress.default div.surround2,fieldset#storedCards div.storedCard.default div.surround2 {background: url(../images/defaultBackTopLeft.gif) left top no-repeat;} #storedAddress div.storedAddress.default div.surround3,fieldset#storedCards div.storedCard.default div.surround3 {background: url(../images/defaultBackTopRight.gif) right top no-repeat;} .module#creditCards div.creditCard div.surround3 {padding-bottom: 2.5em;} fieldset#storedAddress {clear: both;} fieldset#storedCards div.storedCard div.surround3 div.cardDetails, fieldset#storedCards div.storedCard div.surround3 div.cardDetails div.surround1,fieldset#storedCards div.storedCard div.surround3 div.cardDetails div.surround2, fieldset#storedCards div.storedCard div.surround3 div.cardDetails dl {background: none;} fieldset#storedCards div.storedCard div.surround3 div.cardDetails,#checkout.confirmation div.cardDetails{background: url(../images/creditCardBackBottomRightSmall.gif) right bottom no-repeat;} fieldset#storedCards div.storedCard.default div.surround3 div.cardDetails {background: url(../images/creditCardBackBottomRightSmallDefault.gif) right bottom no-repeat;} fieldset#storedCards div.storedCard div.surround3 div.cardDetails div.surround1, #checkout.confirmation div.cardDetails div.surround1 {background: url(../images/creditCardBackBottomLeftSmall.gif) left bottom no-repeat;} fieldset#storedCards div.storedCard.default div.surround3 div.cardDetails div.surround1 {background: url(../images/creditCardBackBottomLeftSmallDefault.gif) left bottom no-repeat;} fieldset#storedCards div.storedCard div.surround3 div.cardDetails div.surround2, #checkout.confirmation div.cardDetails div.surround2 {background: url(../images/creditCardBackTopLeftSmall.gif) left top no-repeat;} fieldset#storedCards div.storedCard.default div.surround3 div.cardDetails div.surround2 {background: url(../images/creditCardBackTopLeftSmallDefault.gif) left top no-repeat;} fieldset#storedCards div.storedCard div.surround3 div.cardDetails div.surround2 dl, #checkout.confirmation div.cardDetails div.surround2 dl { font-size: .8em;background: url(../images/creditCardBackTopRightSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard.default div.surround3 div.cardDetails div.surround2 dl {background: url(../images/creditCardBackTopRightSmallDefault.gif) right top no-repeat;} #storedAddress div.storedAddress p.formFields,fieldset#storedCards div.storedCard p.formFields {padding: .5em 1em;} #storedAddress div.storedAddress dl,fieldset#storedCards div.storedCard dl, #checkout.confirmation div.cardDetails dl {padding: 1em 1em 0em; height: 10.5em;} fieldset#storedCards div.storedCard dl, #checkout.confirmation div.cardDetails div.surround2 dl {padding-bottom: .5em; height: 9em;} fieldset#storedCards div.storedCard div.cardDetails dl, #checkout.confirmation div.cardDetails div.surround2 dl {height: auto;} #newCard #storedAddress.currentAddresses div.storedAddress dl {height: 10em;} #storedAddress div.storedAddress p.formFields.radioCheck,fieldset#storedCards div.storedCard p.formFields.radioCheck {padding: 1em;height: .8em;} #storedAddress div.storedAddress p.formFields.radioCheck label {margin: 0em;} #storedAddress div.storedAddress dd.buttons, fieldset#storedCards div.storedCard dd.buttons {margin-top: 1em;} /*fieldset#currentAddresses .address dl {padding: 0 1em;} .module#creditCards div.creditCard dl {padding: 1em;}*/ #storedAddress div.storedAddress .linkSurround.button {margin: 0 1em 0 0;} div#storedCards div.storedCard .linkSurround.button {margin: 0 0 0 1em;} #storedAddress div.storedAddress .linkSurround.button.default, div#storedCards div.storedCard .linkSurround.button.default {float: none; margin-left: 0em;} div#storedCards div.storedCard .linkSurround.default.button, div#storedCards div.storedCard .linkSurround.default.message {float: left;} div#storedCards div.storedCard .linkSurround.button.edit, div#storedCards div.storedCard .linkSurround.button.delete {float: right;} div#storedCards div.storedCard .linkSurround.default.message {padding: .3em; background: none; background-color:#ebebeb;} /* card views */ div#storedCards div.storedCard {float: left;padding-right:2.3em; width:28em;margin-bottom: 2em;} div#storedCards div.storedCard.default {background: none;} div#storedCards div.storedCard .creditCard.front .surround1 {padding-bottom: 4.5em;} div#storedCards div.storedCard p.formFields.buttons {height: 2.5em;} div#storedCards div.storedCard dd.highlightedText {margin-left: -.2em; margin-bottom: -.6em;} .creditCard span.input {padding-top: .4em; font-size: 1.2em;float: left;color: #000;} .creditCard span.label {color: #707070;} div#storedCards div.storedCard .creditCard p.cardType {padding-bottom: 4em;} p.cardNumber span.input {font-size: 2em; width: 11.5em; padding: .2em; } p.cardValidFrom .input, p.cardValidTo .input, p.cardIssueNumber .input {margin-right: 1em;} div#storedCards div.storedCard p.cardNumber span.input {margin-bottom: .5em;} div#storedCards div.storedCard.default p.cardNumber span.input {background-color: #ebebeb;} fieldset#storedCards div.storedCard span.input,#checkout.confirmation div.cardDetails span.input {display:block;margin-bottom:0.3em;padding:0.2em;} fieldset#storedCards div.storedCard div.surround3 div.cardDetails div.surround2 dl span.label {float: none;text-align:left;width:auto;} fieldset#storedCards div.storedCard dt.cardType em {display: none;} fieldset#storedCards div.storedCard dt.cardType span, #checkout.confirmation div.cardDetails dt.cardType span {display: block;} fieldset#storedCards div.storedCard dt.cardType,#checkout.confirmation div.cardDetails dt.cardType { height: 3.5em;padding-top: .3em;} fieldset#storedCards div.storedCard dt.cardType.VISA,#checkout.confirmation div.cardDetails dt.cardType.VISA {background: url(../images/cc_visaSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dt.cardType.VISA_DELTA, #checkout.confirmation div.cardDetails dt.cardType.VISA_DELTA {background: url(../images/cc_DeltaSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dt.cardType.ELECTRON, #checkout.confirmation div.cardDetails dt.cardType.ELECTRON {background: url(../images/cc_electronSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dt.cardType.MASTERCARD, #checkout.confirmation div.cardDetails dt.cardType.MASTERCARD {background: url(../images/cc_MasterCardSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dt.cardType.SWITCH, #checkout.confirmation div.cardDetails dt.cardType.SWITCH {background: url(../images/cc_switchSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dt.cardType.MAESTRO, #checkout.confirmation div.cardDetails dt.cardType.MAESTRO {background: url(../images/cc_MaestroSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dt.cardType.SOLO, #checkout.confirmation div.cardDetails dt.cardType.SOLO {background: url(../images/cc_soloSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dt.cardType.AMEX, #checkout.confirmation div.cardDetails dt.cardType.AMEX {background: url(../images/cc_AMEXSmall.gif) right top no-repeat;} fieldset#storedCards div.storedCard dd.cardNumber,#checkout.confirmation div.cardDetails dd.cardNumber {height: 4em;} fieldset#storedCards div.storedCard dd.cardNumber span,#checkout.confirmation div.cardDetails dd.cardNumber span {font-size: 1.7em;} fieldset#storedCards div.storedCard p.formFields.buttons {height: 1.2em;padding-top: .8em;} fieldset#storedCards p.formFields.buttons.addNewCard span.linkSurround.button.add {margin: 3em 0 0em 1em;} fieldset#CVV { float: right; margin-top: -7em; } fieldset#CVV p.formFields.cardCvv { border: 3px solid #ebebe7; background: none; width: 32em; margin: .5em 0em 0 0;} fieldset#CVV p.formFields label {margin-top: .8em; width: 15em;} fieldset#CVV p.formFields input {} fieldset#CVV p.formFields.buttons {clear: none; padding-right: .5em;text-align: right;} fieldset#CVV p.formFields.buttons span.linkSurround.button.add {float: right;margin-top: .2em;} /* Wishlist */ #account.wishlist p.paragraph { height: auto; min-height: 0;margin-bottom: 1.5em;} #account.wishlist p.paragraph span.wishlistUpdate {font-size: 1em; position: relative;} #account.wishlist p.paragraph span.wishlistUpdate span.wishlistStatus {position: absolute; right: 1em;} #account.wishlist.userEdit .module.bookSmall {width: 36em;} #account.wishlist.userEdit .module.bookSmall .moduleContent {width: 25em;} #account.wishlist .module.bookSmall .moduleContent .preOrderDate {margin-left: 2.3em;} #account.wishlist .module.bookSmall .linkSurround.image {height: 16.6em;} #account.wishlist .module.bookSmall, #account.wishlist .module.wishlistEdits {float: left;} #account.wishlist .contentBlock ul li {float:left;height:21em;margin-bottom:2em;border-bottom: 1px dashed #CCCCCC;} #account.wishlist .contentBlock.half ul li {border: 0;} #account.wishlist .contentBlock ul li ul li, #account.wishlist ul li.paragraph, #account.wishlist ul li.shareWishList {float: none; border: 0; margin: auto; height: auto;} #account.wishlist .contentBlock ul li .module.wishlistEdits {width: 24.7em; background: #ebebeb; } #account.wishlist .module.wishlistEdits fieldset {margin-bottom: 1em;} #account.wishlist .module.wishlistEdits p.formFields label {width: auto;} #account.wishlist .module.wishlistEdits p.formFields textarea {width: 17.8em; height: 7em;} #account.wishlist .module.wishlistEdits p.formFields.buttons {height:5em;margin:1em 0 0 -2em;padding:.5em .5em 0;} #account.wishlist .module.wishlistEdits p.formFields.buttons button, #account.wishlist .module.wishlistEdits p.formFields.buttons .button {float: right; margin: 0;clear: both;} #account.wishlist li.shareWishList form label {width: 18em;} #account.wishlist li.shareWishList form p.formFields input, #account.wishlist li.shareWishList form p.formFields textarea {width: 38em;} #account.wishlist li.shareWishList form p.formFields textarea {height: 6em;} #account.wishlist li.shareWishList form p.formFields .help {width: auto; margin-left: 24em;} #account.wishlist li.shareWishList form p.message {margin: 1em 0;} #account.wishlist li.shareWishList form p.message.aware {margin-top: 3em;} #account.wishlist li.shareWishList form p.message.aware strong {font-size: 1em;} #account.wishlist li.shareWishList form button {float: right; margin-left: 0;} #account.wishlist li.shareWishList form button.email {margin-top: 2em;} #account.wishlist li.shareWishList form button.unshare,#account.wishlist li.shareWishList form button.share {position: absolute; top: -5.5em; margin-top: 0;right: 13em;} /* Reviews */ #account.reviews.view form#logIn legend,#account.reviews.view form#register legend {padding-left: 0;} #account.reviews.view form legend {padding-bottom: .5em; display: block;} #account.reviews.view form div.moduleContent {width: 48em;} #account.reviews.view .module.review form p.rating {padding-top: .8em; float: left; margin-right: 2em;} #account.reviews.view form button {margin-left: 0;} #account.reviews.view form#logIn button, #account.reviews.view form#register button {margin-left: 13.5em;} #account.reviews.view form#siteSearchEmptyReview button {margin-left: 1em;} #account.reviews.view form .linkSurround.image {margin-top: 0em;} /* Order history */ #account.orders .tabModules li {/*border-bottom: 1px dashed #ebebeb; */display: block;} table.orderTable {width: 58em; margin: 0 auto 4em;} #checkout.confirmation table {margin-bottom: 4em;} div.orderHistoryDetails table.orderTable caption, #checkout.confirmation table caption {background: #ebebeb;display: table-caption; margin: 0 auto;text-align: left; padding: 1em;border: 1px solid #AFB1B4; border-bottom: 0;} div.orderHistoryDetails table.orderTable caption em {font-size: .8em; font-style: italic;} div.orderHistoryDetails table.orderTable caption span.orderStatus{position: absolute; right: 2em;} table.orderTable tbody tr td {padding: 2em 1em; vertical-align: middle;} table.orderTable tfoot tr td {background: #ebebeb; padding: 1em; border: 1px solid #AFB1B4; border-top: 0;} table.orderTotal {text-align: right; width: 56em;} table.orderTotal tbody tr td {border: 0; padding: .2em 0 0; text-align: right;} table.orderTotal tbody tr td.figures { width: 8em;} table.orderTable tbody tr td.bookImage {width: 10em;} table.orderTable tbody tr td.bookImage .linkSurround.image {text-align: center; padding: 0;} table.orderTable tbody tr td.bookDetails span.status,table.orderTable tbody tr td.deliveryAddress span {display: block; border: 1px solid #ebebeb; padding: .5em;} table.orderTable tbody tr td.deliveryAddress {padding: 0;} table.orderTable tbody tr td.deliveryAddress span {padding-left: 1em;} table.orderTable tbody tr td.deliveryAddress em {font-style: italic;} table.orderTable tbody tr td.bookDetails {width: 35em;} table.orderTable tbody tr td.bookDetails span.quantity {margin: .5em 0; display: block;} table.orderTable tfoot tr.orderTotals span.orderPaymentType {float:left;padding:0.7em;} table.orderTable tfoot tr.orderTotals span.orderPaymentType strong {float:left;visibility:hidden;width:3.5em;} table.orderTable tfoot tr.orderTotals span.orderTotal {float:right;text-align:right;} table.orderTable tfoot tr.orderTotals span.orderTotal span.deliveryMessage {display: block;} table.orderTable tfoot tr.orderTotals span.orderTotal span.total, table.orderTotal tbody tr.total td strong {font-size: 1.3em;padding-top:0.2em;color: #582C87;} table.orderTotal tbody tr.total td {padding-top: .6em;} span.orderPaymentType.VISA {background: url(../images/cc_visaSmall.gif) left top no-repeat;} span.orderPaymentType.VISA_DELTA {background: url(../images/cc_DeltaSmall.gif) left top no-repeat;} span.orderPaymentType.ELECTRON {background: url(../images/cc_electronSmall.gif) left top no-repeat;} span.orderPaymentType.MASTERCARD {background: url(../images/cc_MasterCardSmall.gif) left top no-repeat;} span.orderPaymentType.SWITCH {background: url(../images/cc_switchSmall.gif) left top no-repeat;} span.orderPaymentType.MAESTRO {background: url(../images/cc_MaestroSmall.gif) left top no-repeat;} span.orderPaymentType.SOLO {background: url(../images/cc_soloSmall.gif) left top no-repeat;} span.orderPaymentType.AMEX {background: url(../images/cc_AMEXSmall.gif) left top no-repeat;} span.orderPaymentType.PayPal {background: url(../images/cc_paypalSmall.gif) left top no-repeat;} #account.ordersTracking p.paragraph {min-height: 0; height: 2em;} #account.ordersTracking table {margin-bottom: 1em;} /* END account styles */ /* Bespoke pages */ #content.bespoke .blockHeader {padding-bottom: .5em;} #content.bespoke .frameStyle-none .tabModules {text-align:left;} #content.bespoke .module.paragraph li {display:list-item; padding-bottom: .2em;} #content.bespoke .module.paragraph h3 {font-size:1.2em; margin-bottom: .3em; font-family:Verdana;} #content.bespoke .module.paragraph #banner {width: 60.8em; height:12.2em; margin-bottom: 2em; position:relative;} #content.bespoke .module.paragraph #banner img {position:absolute; z-index:1;} #content.bespoke .module.paragraph div#banner h3, #content.bespoke .module.paragraph div#banner strong {width: 29em;display: block;position:relative;z-index:2;margin-left: 1em;} #content.bespoke .module.paragraph div#banner h3 {font-size: 2em; width: 15em;line-height: 1.2em;padding-top:.8em;margin-left: .5em;} #content.bespoke .module.paragraph div#banner p.bannerLinks span.first{display: none;} #content.bespoke .module.paragraph div#banner p.bannerLinks span.linkSurround {display:block; height:10.5em;position:absolute;top:0.8em;width:6.2em;} #content.bespoke .module.paragraph div#banner p.bannerLinks span.linkSurround a {display: block;background: url(../images/greyPixel.gif) left top no-repeat;height:10.5em;width:6.2em;} #content.bespoke .module.paragraph div#banner p.bannerLinks span.linkSurround a em {display: block;text-indent: -5000px; } #content.bespoke .module.paragraph .linkSurround.banner {margin-bottom: 1em; display: block;} #content.bespoke .module.paragraph div.twoThirds, #content.bespoke .module.paragraph div.oneThird {padding:0 1em; float: left;} #content.bespoke .module.paragraph div.twoThirds { width:37em; border-right: 1px solid #ebebe7; margin-right: 1em;margin-bottom: 2em;} #content.bespoke .module.paragraph div.oneThird {display: block; width: 20.5em; padding: 0;} #content.bespoke .module.paragraph div.oneThird li {padding-left: .5em;} #content.bespoke .module.paragraph div.twoThirds h3 {margin-bottom: .5em;} #content.bespoke .module.paragraph div.twoThirds img, #content.bespoke .module.paragraph div.fullWidth img {float: left; margin: 0 1em 1em 0;} #content.bespoke .module.paragraph div.oneThird h3, #content.bespoke .module.paragraph div.twoThirds h3{font-size: 1.6em;} #content.bespoke .module.paragraph div.oneThird h3, #content.bespoke .module.paragraph .fullWidth h3 {padding: .3em; background: #ebebe7;} #content.bespoke .module.paragraph div.fullWidth {clear: both; padding: 1em 1em 1em;display: block;margin-top:3em;} #content.bespoke .module.paragraph div.oneThird p {padding-top:1em; padding-left: .5em;} #content.bespoke .module.paragraph div.oneThird p span.linkSurround.button {margin: 1em 0;} #content.bespoke .module.paragraph div.fullWidth h3{ margin-left: -0.6em; margin-right: -0.6em; font-size: 1.5em;padding-left:0.6em;} #content.bespoke .module.paragraph div.fullWidth ol,#content.bespoke .module.paragraph .fullWidth ul {margin-left: 2em; margin-bottom: 1em;} #content.bespoke .module.paragraph div.fullWidth li{ list-style-type:disc; } #content.bespoke .module.paragraph div.fullWidth h4 {font-size: 1.3em; margin: 1em 0; color:#582C87;} #content.bespoke .module.paragraph p.last {border-bottom: 1px dashed #ebebe7;padding-bottom: 1.5em;margin-bottom: 1.5em;} /* Bookmarks */ #content.bespoke .module.paragraph .bookmarkIntro {display:block;clear: both;} #content.bespoke .module.paragraph .bookmarks {clear: both; padding: 0 1em 1em;display: block;} #content.bespoke .module.paragraph .bookmarks h3{ padding: 1em 0 .5em; } #content.bespoke .module.paragraph .bookmarks .bookmark {display:block;overflow-x:hidden;overflow-y:hidden;width:89px; float: left; margin-right: 2.5em;font-size:0.8em;text-align:center; height: 380px;} #content.bespoke .module.paragraph .bookmarks .bookmark.no6, #content.bespoke .module.paragraph .bookmarks .bookmark.no12,#content.bespoke .module.paragraph .bookmarks .bookmark.no18 {margin-right: 0;} #content.bespoke .module.paragraph .bookmarks .bookmark a:hover {margin-left: -89px;} /* END bookmarks */ /* My Bookmarks */ #content.bespoke .module.paragraph div.twoThirds.myBookmark {border: 0;margin-right: 0;} #content.bespoke .module.paragraph div.twoThirds.myBookmark p {margin-bottom: 2em;} #content.bespoke .module.paragraph div.twoThirds.myBookmark li {list-style:decimal;margin-bottom:1em;margin-left:1.5em;} #content.bespoke .module.paragraph div.twoThirds.myBookmark div.FAQ {color: #fff;padding: 1em; background: #ed286f; margin-bottom: 1.5em; margin-top: -1em;} #content.bespoke .module.paragraph div.twoThirds.myBookmark h3 {color: #fff;} #content.bespoke .module.paragraph div.twoThirds.myBookmark p.share {overflow: hidden;padding-top:0.5em;} #content.bespoke .module.paragraph div.twoThirds.myBookmark p.share strong {float: left;} #content.bespoke .module.paragraph div.twoThirds.myBookmark p.share a.first {display:block;float:left;margin-left: .5em;} #content.bespoke .module.paragraph div.twoThirds.myBookmark p.share a.first img {float: none; margin: 0;} #content.bespoke .module.paragraph div.twoThirds.myBookmark p.share a.second {float: left;margin-top:-0.1em;margin-left: .5em;} /* END my Bookmarks */ /* COUPON */ #content.bespoke .module.paragraph #COUPON h3 {font-size: 1.2em;} #content.bespoke .module.paragraph #COUPON #banner h3 {margin-left:15.5em;} #content.bespoke .module.paragraph #COUPON #banner strong { margin-left: 31em;position:relative;z-index:2;} #content.bespoke .module.paragraph #COUPON #banner p.bannerLinks {position:absolute;top:0;z-index:2;} #content.bespoke .module.paragraph #COUPON #banner p.bannerLinks span.linkSurround.one {left: 10.5em;} #content.bespoke .module.paragraph #COUPON #banner p.bannerLinks span.linkSurround.two {left: 16.8em;} #content.bespoke .module.paragraph #COUPON #banner p.bannerLinks span.linkSurround.three {left: 23.1em;} #content.bespoke .module.paragraph #COUPON div.oneThird p {margin-top:3em;} #content.bespoke .module.paragraph #COUPON div.oneThird p,#content.bespoke .module.paragraph div.fullWidth.termsAndConditions {border-top: 1px dashed #ebebe7;} #content.bespoke .module.paragraph div.fullWidth.termsAndConditions {font-size: .8em;} #content.bespoke .module.paragraph div.fullWidth.termsAndConditions h3 {font-size: 1.2em; background: none; margin-left:0; padding-left:0;} #content.bespoke .module.paragraph div.fullWidth.termsAndConditions ol li {list-style-type:decimal;} /* END COUPON*/ /* ALTERNATING CONTENT */ #content.bespoke .module.paragraph #alternatingContent #banner {background: #582C87; height: 20.2em;} #content.bespoke .module.paragraph #alternatingContent #banner h3, #content.bespoke .module.paragraph #alternatingContent #banner strong {width: auto; padding-right: 1em;color: #ffffff;} #content.bespoke .module.paragraph #alternatingContent .reviewer {clear: both;} #content.bespoke .module.paragraph #alternatingContent .reviewer img {display: block;margin-top: 2em;} #content.bespoke .module.paragraph #alternatingContent .reviewer.left img, #content.bespoke .module.paragraph #alternatingContent .reviewer p a.bookImage {float: left; } #content.bespoke .module.paragraph #alternatingContent .reviewer.right img {float: right; } #content.bespoke .module.paragraph #alternatingContent .reviewer p {border-top: 10px solid #ebebe7; float: left; width: 33.5em; padding-top: 2em; padding-left: 7.5em; padding-bottom: 2em;position: relative;} #content.bespoke .module.paragraph #alternatingContent .reviewer p strong {display: block; font-size: 1.3em; margin: .5em 0;} #content.bespoke .module.paragraph #alternatingContent .reviewer p strong a {text-decoration: none; color: #582C87;} #content.bespoke .module.paragraph #alternatingContent .reviewer p a.bookImage {position: absolute; left: 0em; top: 2em;} #content.bespoke .module.paragraph #alternatingContent .reviewer p a.bookImage.second {top: 12em;} #content.bespoke .module.paragraph #alternatingContent .reviewer p a.bookImage img {margin-top: 0; float: none;} /* END REVIEWS */ /* START Thinkers50 */ #content.bespoke .module.paragraph div#thinkers div.fullWidth {padding: 0; margin-top: 0;} /* END Thinkers50 */ /* START Awards page */ #content.bespoke .module.paragraph #awards .linkSurround.banner {margin-bottom: 0;} #content.bespoke .module.paragraph #awards div.fullWidth {margin-top: 0;} /* END Awards page */ /* Free eBooks */ #content.bespoke .module.paragraph #eBookLanding #banner {height: 18em;border-bottom: 1px solid #ebebe7; background: url(../images/bespoke/eBooksPageHeader.gif) left top no-repeat;} #content.bespoke .module.paragraph #eBookLanding #banner h3, #content.bespoke .module.paragraph #eBookLanding #banner p{float: left;margin: 0; display: block; height: 0;;text-indent: -5000px;padding: } #content.bespoke .module.paragraph #eBookLanding #banner a {display:block;font-size:0.8em;height:11em;position:absolute;right:2em;text-align:right;top:5em;width:16.5em;} #content.bespoke .module.paragraph #eBookLanding #banner a span {color:#333333;display:block;padding:7.2em 1.2em 0 5em;} #content.bespoke .module.paragraph #eBookLanding .half {width: 33em; float:left; font-size: .9em; margin-bottom:1em; margin-left: 0; margin-right: 0;} #content.bespoke .module.paragraph #eBookLanding .half.first {margin-right: 1em;} #content.bespoke .module.paragraph #eBookLanding .half.first h3 {font-size: 1.5em; color: #9dbf4c; margin: 1em 0;} #content.bespoke .module.paragraph #eBookLanding .half.first strong {display: block;} #content.bespoke .module.paragraph #eBookLanding .half.first a {color: #9dbf4c;} #content.bespoke .module.paragraph #eBookLanding .fullWidth {margin-top: 1em;padding: 1em 0 0; border-top: 1px solid #ebebe7;} #content.bespoke .module.paragraph #eBookLanding .fullWidth a {display:block; background: url(../images/bespoke/eBooksPageFooter.gif) left top no-repeat;height:8em;text-indent:-5000px;} #content.bespoke .module.paragraph #eBookLanding .half.second h3 {background: url(../images/bespoke/eBooksPageOurPicks.gif) left top no-repeat; height: 1.7em; margin-bottom: 0;width: 11.6em;color: #fff; text-align: center;padding-top: .5em;} #content.bespoke .module.paragraph #eBookLanding .half.second .surround {display:block;padding:1em 2em;background: #f3f3f3;} #content.bespoke .module.paragraph #eBookLanding .half.second .surround p {border-bottom: 1px solid #999; padding-bottom: 1em;} #content.bespoke .module.paragraph #eBookLanding .half.second .surround a.link {display:block;margin-bottom:1em;text-align:right;} #content.bespoke .module.paragraph #eBookLanding .half.second ul.books {overflow:hidden;} #content.bespoke .module.paragraph #eBookLanding .half.second ul.books li {display:block;float:left;padding-bottom:0;position:relative;background:url(../images/bespoke/eBooksPageBookBack.gif) left top no-repeat;} #content.bespoke .module.paragraph #eBookLanding .half.second ul.books li a {text-decoration: none; display:block;height:15em;width:14.3em;} #content.bespoke .module.paragraph #eBookLanding .half.second ul.books li a img {float:left;padding:0.65em 0.55em 0em .57em;} #content.bespoke .module.paragraph #eBookLanding .half.second ul.books li a span {background:#9DBF4C none repeat scroll 0 0;display:block;float:left;padding:0.5em .5em .8em;position:absolute;top:7.5em;left: 0;width:11em; color: #fff;} /* END Free eBooks */ /*Christmas Landing Page*/ #content.bespoke .module.paragraph #christmasLanding div#banner h3 {color:#FFF;} #content.bespoke .module.paragraph #christmasLanding div.oneThird h3, #content.bespoke .module.paragraph #christmasLanding .fullWidth h3 {padding: .3em; background: #fff; color:#9e191a; } #content.bespoke .module.paragraph #christmasLanding div.twoThirds { width:37em; border-right: 1px solid #ebebe7; margin-right: 1em;margin-bottom: 2em; margin-top:4em;} #content.bespoke .module.paragraph #christmasLanding div.oneThird {display: block; width: 20.5em; padding: 0; margin-top:4em;} #content.bespoke .module.paragraph div#banner h3, #content.bespoke .module.paragraph div#banner strong {color:#FFF;} /*END Christmas Landing PAge*/ #navigationColumn {width: 16em; float: left; margin-top: 1em; margin-left: 1em;} #navigationColumn h3 {font-size: 1em;} #navigationColumn h3 img {vertical-align: middle;margin-right: .2em;} form#newsletterSignUp {} form#newsletterSignUp legend {} #newsletterSignUp input {width: 14.5em; padding: .2em;} form#newsletterSignUp.show {padding: .4em; background: #fff; border: 1px solid #AFB1B4;} #navigationCategories {margin: 0.5em 0em 1em;} #navigationCategories h3 {display: none;} .navigationList {background: url(../images/whiteBoxBottomRight.gif) right bottom no-repeat; /*padding-bottom: .8em;*/} .navigationList .surround1 {background: url(../images/whiteBoxBottomLeft.gif) left bottom no-repeat; padding-bottom: 15px;} .navigationList .surround2 {background: url(../images/whiteBoxTopLeft.gif) left top no-repeat;} .navigationList .surround3 {background: url(../images/whiteBoxTopRight.gif) right top no-repeat; padding-top:8px;} .navigationList .surround4 {border-left: 1px solid #e7e7e8; border-right: 1px solid #e7e7e8; background: #fff; } .navigationList .surround4 div {padding: 1em .5em 0em; } .navigationList .surround4 div h4 {font-size: 1.1em; color: #582C87; padding-top: 1em; border-top: 1px dashed #E7E7E8;} .navigationList ul {padding: 0 .5em; clear: both;} .navigationList ul li {/*margin: .2em 0;*/padding-top: .5em;} .navigationList ul li a {text-decoration: none;} .navigationList ul li a:hover {text-decoration: underline;} .navigationList div.helpContent ul {padding: .2em 2em .5em;} .navigationList div.helpContent ul li {padding-top: .2em; list-style-type: disc;} #footer {clear: both; margin-top: 1em; font-size: .8em; padding-top: .1em;text-align: center;background: url(../images/footerHead.gif) center 2em no-repeat;} #footer p.navigation strong {display: none;} #footer .paymentCards {margin-top: 2em; padding-bottom: 1em;} #footer .paymentCards h4 {margin-bottom: .2em; font-size: 1em;} #footer .paymentCards a {text-decoration: none;} #footer #copyright {padding: 1em 0em; background: #d8cbb4;} /* Holding page overrides - START*/ #pageContent.holding #mainContent,#pageContent.holding #mainContent #holding div.contentBlock.frameStyle-default.columns1.rows1,#pageContent.holding #mainContent #holding div.contentBlock.frameStyle-default.columns1.rows1 .surround1 .tabModules {width: auto;} #pageContent.holding #mainContent #holding div.contentBlock.frameStyle-default.columns1.rows1 {width: 83em;} #pageContent.holding #mainContent #holding div.contentBlock.frameStyle-default.columns1.rows1 .surround1 .tabModules #error_box h3 {height: auto; padding: .2em .5em;} #pageContent.holding #mainContent #holding div.contentBlock.frameStyle-default.columns1.rows1 .surround1 .tabModules #error_box ul {padding: .2em 2em;} #pageContent.holding #mainContent #holding form {padding: 0;} #pageContent.holding #mainContent #holding form input {width: 23em;} #pageContent.holding #mainContent #holding form button {margin-top: 0;} #pageContent.holding #footer {background-position: center .5em;} #holding .module {background: url(../images/holdingPage.jpg) right 1.25em no-repeat;padding-right: 38em; height: 28em; width: auto;} #wrapper.error #holding .module {background-image: url(../images/errorPage.jpg);} #holding .module p {margin-bottom: 1.5em;} /* END - Holding page overrides */ .accessibility, hr, #skipLinks, .skipLinks{display: none;} /* Confirm page */ /*.module.confirm */.linkSurround.button.cancel {clear: both; margin: 1em 0 0 14em;float: left;} /* Curreny types */ span.currencyType, .value span.currencyType, .columns5 p.priceBlock .value span.currencyType {display: inline; font-size: .7em;} /* END Curreny types */ /* Google Maps */ div.container,div.shadowContainer {display: none;} div.shadowContainer {} div.mapSurround4 {} span.mapBookSurround {display:block;/*height:9em;*/margin-top:0.5em;width:17.5em; background: #fff;position: relative;} span#GoogleMap {color: #666666;display:block; cursor: pointer;} span#GoogleMap img.bookImage{float:left;margin:0.3em .5em 0 .4em;} span#GoogleMap .orderContent {display:block;float:left;font-size:0.75em;height:11.5em;padding-right:0.2em;margin-top:0.1em; width: 57%;} span#GoogleMap .orderContent .location {border-bottom:0px solid #E7E7E8;display:block;margin-bottom:0.2em;padding-top:0.2em;} span#GoogleMap .orderContent .location img.flag {float:right;right:.5em;top:.2em;width:25px;height:20px} span#GoogleMap .orderContent .bookTitle {display:block;font-weight:bold;color: #582C87;/* height: 4.8em; overflow: hidden;*/ /*width: 12em;*/} span#GoogleMap .orderContent .bookTitle em {display:block; font-weight:normal;color: #666666;} span#GoogleMap .orderContent .deliveryMessage {display: block; /*width: 12em;*/} span#GoogleMap .orderContent .map_minutes {border-top:1px dashed #E7E7E8;position: absolute; bottom: 0.4em;font-style:italic;margin-top:0.5em; width: 57%;} img.bubbleCorners {position: absolute;} .bubbleCorners.tl{left:0; top:0; width:0.42em ; height:0.58em;} .bubbleCorners.t{left:0.42em; top:0; width:16.5em; height:0.58em;} .bubbleCorners.tr{left:16.8em; top:0; width:0.92em; height:0.75em;} .bubbleCorners.l{left:0; top:0.58em; width:0.42em; height:8.75em;} .bubbleCorners.r{left:17.3em; top:0.75em; width:0.42em; height:8.58em;} .bubbleCorners.bl{left:0; top:9.33em; width:0.42em; height:0.42em;} .bubbleCorners.p{left:0.42em; top:9.33em; width:1.42em; height:1.5em;} .bubbleCorners.b{left:1.83em; top:9.33em; width:15.58em; height:0.42em;} .bubbleCorners.br{left:17.3em; top:9.33em; width:0.42em; height:0.42em;} /* Big map logo */ #map.mapSurround3.bigMap {width: 100%; height: 100%;} #logo.bigMap {position: absolute; left: 5em; top: 0;background: url(../images/bigMapTabBottomLeft.gif) left bottom no-repeat;} #logo.bigMap .surround1 {background: url(../images/bigMapTabBottomRight.gif) right bottom no-repeat; padding: 0 .8em;} #logo.bigMap .surround2 {padding: .5em 0; background: none; background-color: #fff;} #logo.bigMap .surround2 .linkSurround.back {display: block; padding-bottom: .5em; text-align: left;margin: 0;background: none;} #logo.bigMap .surround2 .linkSurround.back a {background: none;} #logo.bigMap p strong {font-size: 1.7em; color: #582C87; float: right;} #mapFooter {text-align: left; padding: 0; padding-left: 40em;} #mapFooter h3 {float:left;font-size:2em;margin: 1.3em;color: #582C87;} #mapFooter p {float:left;font-size:1.7em; margin: 1em; width: 25em;} /* ERROR */ #error_box {background-color: #fff;margin: 1em 0;border: 2px solid #ff0000;} #error_box h3 {color: #fff;padding: 0.5em;font-weight: bold; font-family: Verdana; background: #ff0000; height: 1.2em;} #error_box p.generalMessage, #error_box ul, #info_box ul {padding: .5em 4em;} #error_box ul li,#info_box ul li {list-style: disc;padding: .5em 0;display:list-item;} #error_box ul li span,#info_box ul li span{font-size: .8em;} #error_box label {float: none; margin: 0; padding: 0; text-align: left; width: auto;} /*.error_field {background-color: #FFFF99;}*/ .required.error_field input, .required.error_field select, .required.error_field textarea {border-color: #ff0000;} /* INFO */ #info_box {background-color: #fff;margin: 1em 0;border: 2px solid #AFB1B4;} #info_box h3 {background-color: #AFB1B4;color: #FFF;padding: 0.4em 0.6em;font-family: Verdana; font-weight: bold; margin: 0; height: 1.2em;} #info_box strong {display: block;} .module.orderTracking #info_box {padding: 1em;} /* Highlighted */ .highlightedText {background: #ffff00;padding: .3em; } .highlightedBackground{ background: #ebebec;} body#deepSearch {text-align: center;} body#deepSearch #wrapper {text-align: center; margin: 0; width: 100%; background: none;} body#deepSearch #header {background: none; border-bottom: 1px solid #ebebeb; text-align: left; padding: 1em;margin-bottom: 2em;} body#deepSearch #content h1 span {text-indent: -5000px; display: block;} body#deepSearch form {position: relative;margin:0 auto 2em;width:45em;} body#deepSearch #content fieldset {width: 80%; margin: 0 auto;} body#deepSearch #content fieldset legend {display: none;} body#deepSearch #content fieldset label {font-size: 1.5em; color: #582C87; position: absolute; right: 5em; top: -1.9em;} body#deepSearch #content fieldset input {width: 100%;} body#deepSearch #content fieldset button {margin-top: 1em;} body#deepSearch #content fieldset p.message {margin: 2em 0;} body#deepSearch #content fieldset p.message strong {clear: both; font-size: 0.8em; display: block; margin-bottom: 1em;} body#deepSearch #footer,body#deepSearch #footer #copyright {background: none;} /* jquery.jcarousel.css */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {/*position: relative;*/padding: 0em 2em;} .jcarousel-clip {z-index: 2;padding: 0; margin: 0;overflow: hidden; position: relative;} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} .jcarousel-list li, .jcarousel-item {float: left;list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ /*width: 75px; height: 75px;*/ width: auto;height: auto;display: inline;} /** * The buttons are added dynamically by jCarousel before * the