/* ==|== primary styles ===================================================== Author: Lloyd Tuckey ========================================================================== */ /*::-moz-selection { background: #fe57a1; } ::selection { background: #fe57a1; }*/ /***** FONTS *****/ @font-face { font-family: 'linLibertineO'; src: url('../../fonts/linlibertine_re-4.7.5ro-webfont.eot'); src: url('../../fonts/linlibertine_re-4.7.5ro-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/linlibertine_re-4.7.5ro-webfont.woff') format('woff'), url('../../fonts/linlibertine_re-4.7.5ro-webfont.ttf') format('truetype'), url('../../fonts/linlibertine_re-4.7.5ro-webfont.svg#linLibertineO') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hattoriHanzo'; src: url('../../fonts/hattori_hanzo-webfont.eot'); src: url('../../fonts/hattori_hanzo-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/hattori_hanzo-webfont.woff') format('woff'), url('../../fonts/hattori_hanzo-webfont.ttf') format('truetype'), url('../../fonts/hattori_hanzo-webfont.svg#hattoriHanzo') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'colabBol'; src: url('../../fonts/colabbol-webfont.eot'); src: url('../../fonts/colabbol-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/colabbol-webfont.woff') format('woff'), url('../../fonts/colabbol-webfont.ttf') format('truetype'), url('../../fonts/colabbol-webfont.svg#colabBol') format('svg'); font-weight: normal; font-style: normal; } /* links */ a { color: #329cbe; } a:hover { color: #329cbe; } /* Font Sizes */ .fsxxxs{ font-size:9px; } .fsxxs{ font-size:11px; } .fsxs{ font-size:12px; } .fss{ font-size:14px; } .fsm{ font-size:15px; } .fsl{ font-size:16px; } .fsxl{ font-size:18px; } .fsxxl{ font-size:24px; } .fsxxxl{ font-size:36px; } .fsxxxxl{ font-size:40px; } /* Font families */ /*** Don't use these for styling, for JS font detection purposes only. ***/ .font-face1{ font-family:linLibertineO; } .font-face2{ font-family:hattoriHanzo; } .font-face3{ font-family:colabBol; } /*************************************************************************/ /*** Use these ***/ .ff1{ font-family:linLibertineO, Arial, Helvetica, sans-serif; } .ff2{ font-family:georgia, Arial, Helvetica, sans-serif; } .ff3{ font-family:georgia, Arial, Helvetica, sans-serif; } /* Line heights */ .lhxxxs{ line-height:1.05; } .lhxxs{ line-height:0.85; } .lhxs{ line-height:0.93; } .lhs{ line-height:1; } .lhm{ line-height:1.231; } .lhl{ line-height:1.31; } .lhxl{ line-height:1.385; } .lhxxl{ line-height:1.465; } /**** GLOBAL ELEMENTS ****/ body.grad-overrd{ color: #a5a3a0; background: url('../img/header-background.png') repeat-x #424242 fixed; } /**** TEAMSITE EDIT-MODE BACKGROUND-COLOR ****/ body.ext-gecko{ color: #666; background:url('../img/header-background.png') 0 0 repeat-x #424242 fixed; } /**** Loaders ****/ .ldr{ background-image:url('../img/page-ldr.gif'); background-color:#fff; } .page-ldr{ top:162px; background:url('../img/main-bg.jpg') 0 -162px repeat-x #07779f; } .page-ldr > div{ background:url('../img/page-ldr-trans.gif') center 100px no-repeat; } .lb-ldr{ background:url('../img/lb-ldr.gif') center center no-repeat; } .list-ldr{ left:-10px; background-position:center 200px; } .transaction-ldr{ background:url('../img/transaction-ldr.gif'); } .formats-list .ldr{ background-image:url('../img/transaction-ldr.gif'); } .hdr-ldr{ background:url('../img/hdr-ldr.gif'); } .nl-ldr.hdr-ldr{ background:url('../img/nl-ldr.gif'); } #art-resize > div{ color:#2F87A4; font:15px linLibertineO, Arial, Helvetica, sans-serif; text-align:center; border:1px solid #2F87A4; background:#fff; } #scroll-prompt{ font:18px linLibertineO, Arial, Helvetica, sans-serif; text-align:center; } #scroll-prompt > div{ color:#fff; background: #2e8ead; border-top:1px solid #2e8ead; } .header-carousel-spinner { position: absolute; top: 0; left: 0; background: url('../img/header-carousel-spinner.gif') no-repeat; width: 78px; height: 78px; z-index: 1; } .account-ldr { background: url('../img/account-ldr.gif') no-repeat; } .nav-fav > span.loading { background: url('../img/favourites-ldr.gif') 0 3px no-repeat; } .no-js .nav-fav:hover > span.loading, .over > .nav-fav > span.loading { background: url('../img/favourites-ldr2.gif') 0 3px no-repeat; } /**** ---- Headings ****/ .mod-subhdr{ color:#fff; font:14px Georgia, Arial, Helvetica, sans-serif; line-height:0.95; } .author-books > span{ font:20px Georgia, Arial, Helvetica, sans-serif; line-height:0.95; } .cat2.rev .vid-hdrs-inner .mod-subhdr, .cat2.rev .vid-hdrs-inner .mod-hdr{ color: #fff; } .article-pages h5{ color: #2F87A4; font-size: 18px; line-height: 1.15; } .mod-subhdr.tweet{ margin:-1px 0 0; padding:1px 0 2px 18px; background:url('../img/main-sprite.png') -405px 0 no-repeat; } .rev .mod-subhdr.tweet{ background-position:-385px 0; } .mod-hdr, .article-pages h1{ padding:2px 0 0; font-family:linLibertineO, Arial, Helvetica, sans-serif; } .x1 .mod-hdr{ font-size:16px; line-height:1.10; } .x2 .mod-hdr, .x3 .mod-hdr, .article-pages h1{ font-size:24px; line-height:1.10; } .size2.x2 .mod-hdr{ font-size:30px; } .size3.x2 .mod-hdr, .article-pages h1{ font-size:40px; } .bnrd .mod-hdr, .bnrd .mod-subhdr, .bnrd .mod-assoc{ padding-right:50px; } .mod-assoc{ padding:1px 0 0; color:#fff; font:12px Georgia, Arial, Helvetica, sans-serif; font-style:italic; line-height:1.5; } .mod .mod-hdr > a{ text-decoration:none; } .mod-bdy{ color:#fff; font:12px Georgia, Arial, Helvetica, sans-serif; line-height:1.5; } /**** GRID LAYOUT ****/ #grid{ font:12px georgia, Arial, Helvetica, sans-serif; } .mod > div{ border-bottom: 2px solid #98a4a9; } /**** -------- Twitter aggregator ****/ .tweet-agg .cat1.tweet{ background-color: #dbf1fc; } .tweet-agg .cat1 .sml.more{ background-position: right -413px; } .tweet-agg .cat1 .sml.more:hover{ background-position: right -159px; } .mod.tweet-agg .cat1 .btn:hover > span{ color: #fff; } .tweet-agg .mod-bdy, .tweet-agg .mod-assoc{ color: #333333; } .tweet-item{ border-color:#b8ddec; } .tweet-item > .front{ padding:8px 0 16px 0; } .tweet-item > .front a{ color: #2E8EAD; } .tweet-item > .back{ padding:0; background:#2e8ead; width:230px!important; left:-10px;} .tweet-item > .back > .mod-assoc { padding-top: 15px;padding-left:10px;font-style:normal;color:#fff;} .tweet-item .icon{ background: url('../img/main-sprite.png') no-repeat left -1118px; } .tweet-agg-btns{ background-color: #2e8ead; } .tweet-agg-btn > input{ color:#fff; font:12px Georgia, Arial, Helvetica, sans-serif; background-image:url('../img/main-sprite.png'); } .tweet-agg-btn.newer > input{ background-position:0 -818px; } .tweet-agg-btn.newer:hover > input{ background-position: 0 -836px; } .tweet-agg-btn.older > input{ background-position:right -1167px; } .tweet-agg-btn.older:hover > input{ background-position:right -1185px; } .mod.tweet-agg .tweet h2.mod-hdr{ padding-bottom:10px; } .mod.tweet-agg .tweet h2.mod-hdr a{ color: #2E8EAD; } .size1.tweet-agg .mod-btns {left:10px;} .tweet-agg-spinner { background: url(/assets/HodderStoughton/img/tweet-agg-loader.gif) no-repeat center;} .tweet-agg ul.tweet-pages li { border:solid 1px #2E8EAD;} .tweet-agg ul.tweet-pages li.active { background: #2E8EAD;} /**** -------- Poll Modules ****/ .poll .cat1{ background-color: #98a4a9; } .no-js .mod-poll-q{ color:#fff; } .mod-poll-q li{ text-align:center; background:#fff; } .mod-poll-q li.loading{ background:url('../img/transaction-ldr.gif') center center no-repeat #fff; } .mod-poll-a{ color:#fff; } .mod-poll-a li > .bar{ background-image:url('../img/main-sprite.png'); } .cat1 .bar{ background-position:-230px -230px; } .cat2 .bar{ background-position:-230px -280px; } .cat3 .bar{ background-position:-230px -330px; } .cat4 .bar{ background-position:-230px -380px; } /**** -------- Module Carousel ****/ .ctrls-mod-crsl{ background:#fff; } .ctrls-mod-crsl a{ background-image:url('../img/main-sprite.png'); background-position:-260px 0; } .ctrls-mod-crsl a:hover, .ctrls-mod-crsl a.on{ background-position:-260px -15px; } /**** -------- Module formatting ****/ #ctr-page, .article-pages a{ color:#666; } .rev .figcaption{ background:#fff; } p{ margin:0 0 18px; padding:0; line-height:1.5; } .mod-bdy a{ text-decoration:underline; } .rev a { text-decoration:none; } .mod blockquote:before, .mod blockquote:after, .mod.tweet-agg .mod-hdr:before{ line-height:0.1; vertical-align:bottom; } .mod blockquote:before, .mod.tweet-agg .mod-hdr:before{ content:''; background:url('../img/main-sprite.png') -560px -60px; } .mod .cat1.rev > blockquote:before{ background-position:-600px -60px; } .mod .cat2.rev > blockquote:before{ background-position:-640px -60px; } .mod .cat3.rev > blockquote:before{ background-position:-680px -60px; } .mod .cat4.rev > blockquote:before{ background-position:-720px -60px; } .mod blockquote.tweet:before{ background-position:-335px 0; } .mod .rev > blockquote.tweet:before{ background-position:-285px 0; } .mod blockquote:after{ margin:0 0 0 3px; content:'\201D'; font-family:linLibertineO, Arial, Helvetica, sans-serif; line-height: 1; } .mod blockquote{ color:#fff; font-size:18px; line-height:1.231; font-family:linLibertineO, Arial, Helvetica, sans-serif; } .mod.tweet-agg .mod-hdr:before{ background-position:-286px 0; } /* Decrease padding for 1x1 book modules to allow minimum truncation. */ .js .size1.x1 .ctr-art{ } /* TWITTER MODULE */ .cat4.tweet{ background-color: #f1f1f1; } /**** -------- Newsletters ****/ .mod.nl p{ color:#fff; } .mod.nl .ctr-nl-email input{ border: none; } .newsletter-module { background: #98A4A9; } /**** -------- Module banners ****/ .bnr{ background:url('../img/main-sprite.png'); } /**** ------------ Good Reads ****/ .bnr-gr{ background-position:-646px -470px; } /**** ------------ Facebook ****/ .bnr-fb{ background-position:-646px -552px; } /**** ------------ Most Viewed ****/ .cat1 > .bnr-mv{ background-position:-728px -470px; } .cat2 > .bnr-mv{ background-position:-728px -552px; } .cat3 > .bnr-mv{ background-position:-728px -634px; } .cat4 > .bnr-mv{ background-position:-728px -716px; } /**** ------------ Recommended ****/ .cat1 > .bnr-rec{ background-position:-564px -470px; } .cat2 > .bnr-rec{ background-position:-564px -552px; } .bnr-rec{ background-position:-564px -634px; } .cat4 > .bnr-rec{ background-position:-564px -716px; } /**** ------------ Competitions ****/ .cat1 > .bnr-comp{ background-position:-482px -470px; } .cat2 > .bnr-comp{ background-position:-482px -552px; } .cat3 > .bnr-comp{ background-position:-482px -634px; } .cat4 > .bnr-comp{ background-position:-482px -716px; } /**** -------- Module Events ****/ .evt{ background:#fff; } .rev .evt > span, .evt > span{ color:#fff; } .evt-day{ font-family:hattoriHanzo, Arial, Helvetica, sans-serif; font-size:55px; text-indent:-1px; letter-spacing:-1px; margin-top: 3px; } .x2 .evt-day, .x3 .evt-day{ font-size:32px; text-indent:5px; margin-top: 3px; } .evt-to{ font-style:italic; text-align:center; text-indent:-2px; line-height:1; } .evt-mth{ color:#fff; letter-spacing:8px; text-transform:uppercase; text-indent:7px; font-family:colabBol, Arial, Helvetica, sans-serif; } .x2 .evt-mth, .x3 .evt-mth{ text-indent:3px; } /**** -------- Module buttons ****/ .mod .btn > span{ color:#2F87A4; } /**** -------- Star ratings ****/ .mod-stars{ background:url('../img/main-sprite.png'); } .mod-stars1{ background-position:-555px -340px; } .mod-stars2{ background-position:-555px -357px; } .mod-stars3{ background-position:-555px -374px; } .mod-stars4{ background-position:-555px -391px; } .mod-stars5{ background-position:-555px -408px; } /**** -------- Module furniture ****/ .mod-ro-icon{ background-image:url('../img/main-sprite.png'); background-position:0 -122px; } .cat1 .mod-ro-icon{ background-position:-64px -107px; } .cat2 .mod-ro-icon{ background-position:-64px -107px; } .cat3 .mod-ro-icon{ background-position:-64px -107px; } .cat4 .mod-ro-icon{ background-position:-64px -107px; } .mod-ro-icon{ width: 31px; height: 31px; } .mod-fltr{ background:#232e2f; } .mod-tint{ background:#232e2f; } /**** ---- Category colouring ****/ .cat1 a, .cat1 .evt, .cat1 .mod-poll, .cat1.rev blockquote, .cat1-clr, .cat1 .item-links, .rev .btn.bskt:hover > span{ color:#666666; } .cat1 .mod-hdr{ color: #fff; } .cat1.rev .mod-subhdr, .cat1.rev .mod-fb, .cat1.rev .btn:hover > span, .intro-cat1, .cat1-subclr, .author-books > span{ color:#213d63; } .cat1.rev input.btn:hover, .cat1.rev input.btn.sml:hover{ color: #329cbe; } .cat2 a, .cat2 .evt, .cat2 .mod-poll, .cat2.rev blockquote, .cat2-clr{ color:#666666; } .cat1.rev .mod-hdr, .cat2.rev .mod-hdr, .cat3.rev .mod-hdr, .cat4.rev .mod-hdr{ color: #000; } .cat2 .mod-hdr{ color: #fff; } .cat2.rev .mod-subhdr, .quote > .cat2.rev > .mod-bdy, .cat2.rev .mod-fb, .cat2.rev input.btn:hover, .cat2.rev .btn:hover > span, .cat2-subclr{ color:#409ad3; } .cat3 a, .cat3 .evt, .cat3 .mod-poll, .cat3.rev blockquote, .cat3-clr, .cat3-clr:hover, .gi-hdr, .rev .btn.shop:hover > span, .gi-btns .add a { color:#666666; } .gi-btns li .rem, .rem-ctr .rem{ color: #329CBE; } input.sml.rem.btn:hover { color: #00cae2; } .cat3 .mod-hdr{ color: #ffffff; } .cat3.rev .mod-subhdr, .quote > .cat3.rev > .mod-bdy, .cat3.rev .mod-fb, .intro-cat3, .info, .info:hover, .rem.btn, .cat3-subclr{ color:#00cae2; } .book-prices .cat3-subclr{ color: #666; } .wshlst, .wshlst:hover { color: #329CBE; } .gi-subhdr{ color: #2e8ead; } .cat3.rev input.btn:hover, .cat3.rev .btn:hover > span { color: #999999 } .cat4 a, .cat4 .evt, .cat4 .mod-poll, .cat4.rev blockquote, .cat4-clr{ color:#000; } .cat4 .mod-hdr{ color: #fff; } .cat4.rev .mod-subhdr, .quote > .cat4.rev > .mod-bdy, .cat4.rev .mod-fb, .cat4.rev input.btn:hover, .cat4.rev .btn:hover > span, .cat4-subclr{ color:#2e8ead; } .cat1 .btn > span, .cat1 input.btn{ background-color:#fff; } .cat1.rev .evt, .cat1.rev .mod-col1, .cat1 .evt-mth, .cat1 .evt-day, .cat1 .evt{ background-color: #98a4a9; } .cat2 .btn > span, .cat2.rev .evt, .cat2.rev .mod-col1{ background-color:#fff; } .cat3 .btn > span, .cat3.rev .evt, .cat3.rev .mod-col1, .rev .btn.shop > span{ background-color:#ffffff; } .rev .btn.shop{ background-color: #329CBE; } .cat4 .btn > span, .cat4.rev .evt, .cat4.rev .mod-col1{ background-color:#fff; } .rev .btn.bskt, .rev .btn.bskt > span, .vert-art-nav > li{ background-color:#E6E6E6; } .cat1.rev .btn > span, .cat1.rev .btn{ background-color: #213D63; } .cat1 .figcaption{ background-color:#2f87a4; } .cat2, .cat2.rev .btn, .cat2.rev .btn > span, .cat2 .evt-mth{ background-color:#409ad3; } .cat2 .figcaption{ background-color: #2f87a4; } .cat3, .cat3 .figcaption, .cat3 .evt-mth{ background-color:#2f87a4; } .cat4, .cat4.rev .btn, .cat4.rev .btn > span, .cat4 .figcaption, .cat4 .evt-mth{ background-color:#2E8EAD; } .cat1 .btn{ border:1px solid #fff; } .cat2 .btn{ border:1px solid #ffffff; } .cat3 .btn{ border:1px solid #ffffff; } .rev .btn.shop{ border: 1px solid #329CBE; } .cat4 .btn{ border:1px solid #ffffff; } .cat1.rev .btn, .rev .btn.bskt{ border:1px solid #213d63; } .cat2.rev .btn{ border:1px solid #409ad3; } .cat3.rev .btn{ border:1px solid #999999; } .cat4.rev .btn{ border:1px solid #2E8EAD; } .cat1 .more{ background-position:right -543px; } .cat1 .rel{ background-position:right -511px; } .cat1 .sml.more{ background-position:right -489px; } .cat1 .sml.rel{ background-position:right -467px; } .cat2 .more{ background-position:right -543px; } .cat2 .rel{ background-position:right -511px; } .cat2 .sml.more{ background-position:right -489px; } .cat2 .sml.rel{ background-position:right -467px; } .cat3 .more{ background-position:right -543px; } .cat3 .rel{ background-position:right -511px; } .cat3 .sml.more{ background-position:right -489px; } .cat3 .sml.rel{ background-position:right -467px; } .cat4 .more{ background-position:right -543px; } .cat4 .rel{ background-position:right -511px; } .cat4 .sml.more{ background-position:right -489px; } .cat4 .sml.rel{ background-position:right -467px; } .rev .mod-assoc, .rev .mod-bdy{ color:#666; line-height: 1.5; } .cat3.rev .mod-assoc{ color: #00cae2; } .rev, .rev .btn:hover > span, .rev .figcaption, .xlrg > div{ background-color:#fff; } /**** ---- Buttons ****/ .btn{ color:#fff; font:14px georgia, Arial, Helvetica, sans-serif; line-height:1.31; text-decoration:none; border:1px solid #fff; background-image:url('../img/main-sprite.png'); background-repeat:no-repeat; } .rev .btn{ background-color:#999; border:1px solid #999; } .btn > span{ color:#435051; background-color:#fff; } .rev .btn > span{ color:#fff; background-color:#999; } .btn:hover > span{ color:#fff; background:none; } .rev .btn:hover > span{ color:#999; } .btn.sml{ font-size:12px; } .btn-submit{ border:0 none; text-indent:-999em; letter-spacing:9999em; text-align:left; direction:ltr; } .evts .rev .btn { border: 1px solid #2e8ead; background-color: #2e8ead; } .evts .rev .btn > span{ background-color: #2e8ead; } .evts .rev .btn:hover > span{ background-color: #fff; color: #2e8ead; } /**** -------- Button icon backgrounds ****/ .more, .rev .more:hover{ background-position:right -284px; } .more:hover, .rev .more{ background-position:right -311px; } .sml.more, .rev .sml.more:hover{ background-position:right -142px; } .sml.more:hover, .rev .sml.more{ background-position:right -159px; } .rel, .rev .rel:hover{ background-position:right -230px; } .rel:hover, .rev .rel{ background-position:right -257px; } .sml.rel, .rev .sml.rel:hover{ background-position:right -108px; } .sml.rel:hover, .rev .sml.rel{ background-position:right -125px; } .bck, .rev .bck:hover{ background-position:right -176px; } .bck:hover, .rev .bck{ background-position:right -203px; } .less, .rev .less:hover{ background-position:left -170px; } .less:hover, .rev .less{ background-position:left -197px; } .sml.download, .rev .sml.download:hover{ background-position:right -338px; margin-right:5px; } .sml.download:hover, .rev .sml.download{ background-position:right -355px; } .shop, .rev .shop:hover{ background-position: right -1257px; } .shop:hover, .rev .shop{ background-position: right -1230px; } .sml.shop, .rev .sml.shop:hover{ background-position: right -372px; } .sml.shop:hover, .rev .sml.shop{ background-position: right -391px; } /**** -------- Submit buttons ****/ input.btn{ color:#435051; background-repeat:no-repeat; background-color:#fff; } input.btn:hover{ color:#fff; background-color:#2E8EAD; } .bkmrk input.btn{ background-color: transparent; } .bkmrk input.btn:hover{ background-color: transparent; } input.sml.btn{ background-position:right -413px; } input.sml.btn:hover{ color:#fff; } .cat1.rev input.btn{ color:#fff; } .cat1.rev input.btn.sml:hover{ background-color: #fff; background-position: right -413px; } .cat1.rev input.btn.sml{ background-color: #329cbe; background-position: right -159px; } .rev input.btn.shop:hover { color:#329CBE; } .rev input.btn, .cat1.rev input.btn, .rev input.btn.more{ color:#fff; background-color: #329CBE; border: 1px solid #329CBE; } .cat1.rev .bkmrk input.btn{ border: none; background-color: transparent; } .rev input.btn.more.wshlst{ background-color: #999; border: 1px solid #999; } .rev input.btn.more.wshlst:hover{ background-color: #fff; } .cat1.rev input.btn:hover{ color: #329CBE; } .rev input.btn.sml:hover{ background-position: right -920px; } .rev input.btn:hover{ color:#999; background-color:#fff; } .rev input.btn.sml.shop:hover { background-position: right -1261px; } .cat1.rev input.btn:hover{ background-position:right -435px; } .cat1.rev input.less.btn:hover{ background-position:left -380px; } .cat1 input.sml.btn{ background-position:right -899px; } .cat1 input.sml.btn:hover{ background-position:right -159px; } .nl-frm input.nl-frm-sbmt.btn:hover{ background-color: #98A4A9; color: #fff; } .nl-frm input.nl-frm-sbmt.btn{ color: #98A4A9; } .personal-list .item-links .rem { background:url('../img/main-sprite.png') no-repeat; background-position:-987px -1086px; } .personal-list .attendees { background:url('../img/main-sprite.png') no-repeat; background-position:left -1092px; } .personal-list .attendees a, .personal-list .attendees .separator{ color:#E97300; } .personal-list .event p{ font-family:georgia, Arial, Helvetica, sans-serif; } .personal-list .event h4 { font-family:linLibertineO, Arial, Helvetica, sans-serif; color: #00B6F3; } .personal-list .event h4 .fsl, .personal-list .event h4 .fsxxs{ font-size: 22px; color: #4d4d4d; } .personal-list .event h4 .fsxxs{ text-transform: uppercase; } .personal-list .event h5 { font-family:georgia, Arial, Helvetica, sans-serif; color: #329CBE; } .list-evt-time{ text-transform: lowercase; font-size: 11px; } /**** -------- Module 'Buy Now' buttons ****/ .buy-book input.btn.shop:hover { border:solid 1px #fff; color: #fff; background-color:#329CBE; background-position: right -392px; } .buy-book input.btn.shop { border:solid 1px #329CBE; color: #329CBE; background-color:#fff; background-position: right -1262px; } .rev .buy-book input.btn.shop:hover { border:solid 1px #999; color: #999; background-color:#fff; background-position: right -1407px; } .rev .buy-book input.btn.shop { border:solid 1px #999; color: #fff; background-color:#999; background-position: right -392px; } /**** -------- Bookmark buttons ****/ .bkmrk > .btn{ border:none; background-position: 0 -92px; } .bkmrk > .btn:hover{ background-position: -16px -92px; } .bkmrk > .btn.sml{ background-position: 0 -140px; } .bkmrk > .btn.sml:hover{ background-position: -13px -140px; } .rev .bkmrk > .btn, .rev .bkmrk > .btn:hover{ background-color:transparent; border:none; } .rev .bkmrk > .btn{ background-position:-160px -92px; } .rev .bkmrk > .btn:hover{ background-position:-176px -92px; } .cat1 .bkmrk > .btn{ background-position:-260px -130px; } .cat1 .bkmrk > .btn:hover{ background-position:-280px -130px; } .cat1.rev .bkmrk > .btn{ background-position:-300px -130px; } .cat1.rev .bkmrk > .btn:hover{ background-position:-320px -130px; } .cat1 .bkmrk > .btn.sml{ background-position:-260px -170px; } .cat1 .bkmrk > .btn.sml:hover{ background-position:-280px -170px; } .cat1.rev .bkmrk > .btn.sml{ background-position:-300px -170px; background-color: transparent; } .cat1.rev .bkmrk > .btn.sml:hover{ background-position:-320px -170px; } .cat2 .bkmrk > .btn{ background-position:-340px -130px; } .cat2 .bkmrk > .btn:hover{ background-position:-360px -130px; } .cat2.rev .bkmrk > .btn{ background-position:-380px -130px; } .cat2.rev .bkmrk > .btn:hover{ background-position:-400px -130px; } .cat2 .bkmrk > .btn.sml{ background-position:-340px -170px; } .cat2 .bkmrk > .btn.sml:hover{ background-position:-360px -170px; } .cat2.rev .bkmrk > .btn.sml{ background-position:-380px -170px; } .cat2.rev .bkmrk > .btn.sml:hover{ background-position:-400px -170px; } .cat3 .bkmrk > .btn{ background-position:-420px -130px; } .cat3 .bkmrk > .btn:hover{ background-position:-440px -130px; } .cat3.rev .bkmrk > .btn{ background-position:-460px -130px; } .cat3.rev .bkmrk > .btn:hover{ background-position:-480px -130px; } .cat3 .bkmrk > .btn.sml{ background-position:-420px -170px; } .cat3 .bkmrk > .btn.sml:hover{ background-position:-440px -170px; } .cat3.rev .bkmrk > .btn.sml{ background-position:-460px -170px; } .cat3.rev .bkmrk > .btn.sml:hover{ background-position:-480px -170px; } .cat4 .bkmrk > .btn{ background-position:-500px -130px; } .cat4 .bkmrk > .btn:hover{ background-position:-520px -130px; } .cat4.rev .bkmrk > .btn{ background-position:-540px -130px; } .cat4.rev .bkmrk > .btn:hover{ background-position:-560px -130px; } .cat4 .bkmrk > .btn.sml{ background-position:-500px -170px; } .cat4 .bkmrk > .btn.sml:hover{ background-position:-520px -170px; } .cat4.rev .bkmrk > .btn.sml{ background-position:-540px -170px; } .cat4.rev .bkmrk > .btn.sml:hover{ background-position:-560px -170px; } /**** -------- Book series button ****/ .cat3 .bookseries, .gi .bookseries{ background-image: url('../img/main-sprite.png'); background-position: -50px -854px; } .xp .cat3 .bookseries{ background-position: 0 -880px; } .bookseries-rollover span{ background: url('../img/main-sprite.png') -90px -855px; } .bookseries-rollover p{ font-family: Georgia, 'Times New Roman', serif; line-height: 1.2; } /**** -------- Bookmark list ****/ .personal-list > li{ border-bottom:solid #ccc 1px; } .personal-list li div.bookmark{ padding:0 0 30px 0; } .personal-list li div.detail h4{ padding-bottom:6px; } .personal-list li div.detail p{ padding-bottom: 10px; } .personal-list li > div.bookmark h5, .personal-list li > div.bookmark h5{ padding:0 0 8px; } .personal-list li .fig{ margin:-0 23px 18px -4px; } .personal-list li .fig img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } /**** -------- Orders list ****/ ul.orders > li h4{ font-weight: bold; } ul.orders > li p { font-style: italic; margin: 0 0 3px 0; } /**** OVERLAYS ****/ .popup-main{ background:#fff; } .frm-container label{ color:#999; } .privacy{ background:#e1e1e1; } .frm-container a{ color:#065b78; } .frm-container p{ color:#999; } .frm-inner-ctr.success p{ margin: 10px 0 0 0; } .frm-inner-ctr.success p.first{ margin-top: 40px; font-weight: bold; } .dets-col h2{ margin: 30px 0 20px 0;} .dets-col .rev input.btn:hover{ color: #329CBE; } .form-fields .pst-info { color: #9f9f9f; font-style: italic; margin-bottom: 40px; margin-top: 18px; } .order-summary{ border: 1px solid #dbdbdb; } .order-summary li.drk { background: #f4f4f4; } .order-summary li.drk.last { border-right: 1px solid #dbdbdb; } .postage-ctr .order-summary { font-family: linLibertineO, Arial, Helvetica, sans-serif; } .chk-para{ margin-top: 40px; } .ie7 .chck-details > li div input { line-height: 13px; } .chck-details > li.last{ border: none; } .reg-col > .chkbx{ border:2px solid #fff; } .reg-col input.text, .pg-col input.text, .dets-col .brder input.text, .card-dets li input, .chck-details li.crd-chk div input, .mod .frm-col2-question input.text, #checkout-page input.text{ background:#f6f6f6; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #ecom-hdr + #ctr-page .chck-details .cat1.rev input.btn.sml { background-color: #999999; border: 1px solid #999999; } #ecom-hdr + #ctr-page .chck-details .cat1.rev input.btn.sml:hover { color: #999999; background-color: #FFF; background-position: right -920px; } .frm-sbmt{ border-top:solid #e1e1e1 8px; } .popup-subhdr{ padding:10px 20px; border-bottom:1px solid #e1e1e1; } .popup-ctr{ color:#666; border-bottom:1px solid #e1e1e1; } .popup-col1{ padding:3px 0 0; background-image:url('../img/main-sprite.png'); } .popup-col1.apple{background-position:-137px -516px; } .popup-col1.amazon{background-position:-175px -570px; } .popup-disclaimer{ color:#999; font-style:italic; clear:left; } .popup-ftr{ background:#f6f6f6; } .popup-ftr > div:first-child{ margin:0 15px; padding:10px 0 8px; border-bottom:1px solid #e1e1e1; } .popup-ftr-hdr{ margin:0 20px 0 0; } .link-retailers{ background:url('../img/main-sprite.png') right -974px; } .lb-crsl .fig{ text-align:center; } .login fieldset div label{ display: block; margin-top: 10px; margin-bottom: 3px; } .login fieldset .ctr-keep-logged{ margin-bottom: 30px; } .login fieldset .ctr-keep-logged label{ margin: 2px 0 5px 0; } .login fieldset h2{ margin-bottom: 15px; } .login fieldset div.frm-sbmt{ margin-bottom: 40px; } .login fieldset div.cat1.rev a.more.btn{ background-color: #329CBE; border: 1px solid #329CBE; } .login fieldset div.cat1.rev a.more.btn:hover span{ background-color: #fff; color: #329CBE; } .login fieldset div.cat1.rev a span{ background-color: #329CBE; color: #fff; } .ie7 .login fieldset div.frm-sbmt { padding-right: 0; padding-left: 0; } .lb-crsl-ctrls > li > a{ background:url('../img/main-sprite.png'); } .lb-crsl-ctrls > .prev > a{ background-position:-315px -82px; } .lb-crsl-ctrls > .next > a{ background-position:-281px -82px; } /**** NEWSLETTERS PAGE ****/ .nwsletter-ctr{ border-bottom: 8px solid #E1E1E1; } .nwsletter-section{ border-bottom: 2px solid #e0e0e0; } .nwsletter-section h3{ margin-bottom: 18px; } /**** DETAILS & POSTAGE PAGES ****/ .postage{ border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; } .postage li{ border-bottom: 1px solid #e1e1e1; } .postage li .price-radio-btn { top: 31px; } .postage li .price-radio-btn, #checkout-page .ff-rad, .order-confirmation .ff-rad{ background-image:url('../img/main-sprite.png'); background-position: 0 -1297px; background-color:transparent; border: none; } .postage li .price-radio-btn.checked, #checkout-page .ff-rad-chkd, .order-confirmation .ff-rad-chkd { background-position: -44px -1297px; } .postage li span.days{ background: url(../img/small_star.png) right no-repeat; padding-right: 10px; padding-top: 7px;} .postage li p{ margin-bottom: 0; margin-top: 15px; font-style: italic; font-family: Georgia, 'Times New Roman', serif; color: #9f9f9f;} .postage li span.price, .postage li span.del-type { font-size: 24px; font-family: georgia, Arial, Helvetica, sans-serif; text-transform: none; } .postage-ctr .formats-list { background: transparent; border-top: 1px solid #e1e1e1; border-bottom: none; } .postage-ctr .formats-list li .frmt-list-col2 span.book-title { font-size: 24px; } .postage-ctr .formats-list li .frmt-list-col2 span.auth { color: #00acc1; } .delivery-details h2 { font-size: 18px; } /* DISCOUNTS STYLES */ .discount-amount { color: #00acc1; } .form-fields .cat1.rev .btn, .form-fields .cat1.rev .btn > span{ background-color: #329CBE; } .form-fields .cat1.rev .btn{ border: 1px solid #329CBE; } .form-fields .cat1.rev .btn:hover > span{ background-color: #fff; color: #329CBE; } .form-fields .cat1.rev .btn:hover{ background-color: #329CBE; } .form-fields .cat1.rev .btn.less:hover{ background-color: #fff; color: #329CBE; } .form-fields .cat1.rev input.btn:hover{ background-color: #fff; } .postage-ctr .more { position: relative;overflow: visible; } .postage-ctr .more.loading:after { content: ''; position: absolute; left: -40px; top: 50%; height: 16px; width: 16px; background: url(../img/transaction-ldr.gif) no-repeat; margin-top: -8px; } /**** Error handling ****/ input.text.err, .brder input.text.err, .mod input.text.err, .pg-col2 > .col2-frm-ctr .input1.err, .pg-col2 > .col2-frm-ctr .input2.err, .pg-col2 > .col2-frm-ctr .input3.err, .subnav-frm input.text.err, .nl-frm input.text.err, .ff-chkbx.err{ border:1px solid #a90000; } span.err-msg{ font-style:italic; } .text-err{ color:#fff; background:#a90000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .chkbx-err, .select-err{ color:#a90000; } .ff-chkbx.err{ border-width:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } p.sys-err{ font-style:italic; color:#a90000; border-color:#a90000; background:#fff; } /**** HEADER ****/ .hdr-bg{ background: url('../img/header-background.png') repeat-x #fff fixed; } #logo, #logoImg { width:563px; height:74px; background:url('../img/main-sprite.png') -111px -1190px; margin:8px 0 10px 7px; } #logoImg { display: block; position: relative; } #ctr-search{ margin-top: 5px; } #ctr-hdr-login{ margin: 17px 15px 0 0; width: 290px; } #ctr-hdr-login > ul{ color:#329cbe; } #ctr-hdr-login > ul > li{ border-right:1px solid #329cbe; } #ctr-hdr-login > ul > li.last{ border-right:0; } #ctr-hdr-login > ul > li.last.bskt{ background:url('../img/main-sprite.png') right -8px no-repeat;} #ctr-hdr-login > ul span{ margin:0 5px 0 0; padding:0 3px 1px 3px; color:#fff; font-family:AllerRegular, Arial, Helvetica, sans-serif; background:#329CBE; font-weight: normal; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } #ctr-hdr-login input, #ctr-hdr-login .grtng > span{ margin:0 5px 0 0; padding:0; color:#329CBE; font-family:georgia, Arial, Helvetica, sans-serif; background:none; border:0; } #ctr-hdr-login .grtng > span{ color:#329CBE; } #ctr-hdr-login > ul > li.last input{ margin:0; } #ctr-hdr-login > ul > li.last.bskt input{ margin:0 5px 0 0; } #ctr-hdr-elms{ padding: 0 0 9px; } #txtSearchBox{ padding:0 0 0 10px; color:#666666; font-weight:normal; background:#fff; border:1px solid #b1b1b1; border-right:none; background-color: #e6e6e6; -webkit-border-top-left-radius:8px; -moz-border-radius-topleft:8px; border-top-left-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; border-bottom-left-radius:8px; } #txtSearchBox::-webkit-input-placeholder, #txtSearchBox::-moz-placeholder { color: #666666; } .ie7 #txtSearchBox, .ie8 #txtSearchBox{ padding:8px 0 0 10px; } #txtSearchBox:focus{ outline:0 none; } #btnSubmit{ background:url('../img/main-sprite.png') -801px 8px #e6e6e6; border:1px solid #b1b1b1; border-left:0 none; outline:0 none; -webkit-border-top-right-radius:8px; -moz-border-radius-topright:8px; border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; border-bottom-right-radius:8px; } #hdr nav{ font:18px linLibertineO, Arial, Helvetica, sans-serif; border-left:1px solid #dedede; border-right:0 none; margin-top: 6px; } #hdr nav > ul > li{ padding:3px 0; } .no-js #hdr nav > ul > li:hover, #hdr nav > ul > li.over{ padding:0; } #hdr nav > ul > li > a{ padding:7px 9px 7px 9px; margin-left:-1px; color:#333333; border-left:1px solid #dedede; border-right:1px solid #dedede; } #hdr nav > ul > li > .main-nav-link{ padding:7px 22px 7px 9px; background:url('../img/main-sprite.png') right -33px; } .no-js #hdr nav > ul > li:hover > a, #hdr nav > ul > li.over > a{ color:#fff; background:url('../img/main-sprite.png') right -57px #2e8ead; } .no-js #hdr nav > ul > li:hover > a, #hdr nav > ul > li.over > a{ padding:10px 22px 10px 9px; } .js #hdr nav > ul > li > .main-nav-link{ cursor:default; } .nav-fav > span{ padding:0 0 0 20px; background:url('../img/main-sprite.png') 0 -267px no-repeat; } .no-js .nav-fav:hover > span, .over > .nav-fav > span{ background-position:0 -297px; } /**** ---- Subnav ****/ .ctr-subnav{ border-top:1px solid #b4d6e2; } .subnav section{ color:#fff; background:#2e8ead; } .subnav-col{ border-right:1px solid #cddae0; } .subnav-col.col3of3{ border:none; } .subnav-col.col2-3of3{ border:none; } .subnav-col.col2of2{ border:none; } .subnav-col h3{ margin:5px 0 0; padding:0 0 15px; font-size: 18px; } .subnav-col h3.hdr-fav{ padding:0 0 15px 15px; background:url('../img/main-sprite.png') 0 -325px no-repeat; } .subnav-col .subnav-a-z-title{ padding:0 0 3px; margin:0 0 8px; color:#ffffff; font-style:italic; border-bottom:1px solid #fff; } .subnav-col a.btn{ color:#435051; } /*.subnav-bdr{ border-top:1px solid #cddae0; }*/ .subnav-bdr > div{ background-image:url('../img/main-sprite.png'); } .subnav-bdr > .subnav-bdr-left{ background-position:0 -1016px; } .subnav-bdr > .subnav-bdr-centre{ background-position:0 -1044px; } .subnav-bdr > .subnav-bdr-right{ background-position:0 -1030px; } .subnav-crsl .fig.cat1, .subnav-crsl .fig.cat2, .subnav-crsl .fig.cat3, .subnav-crsl .fig.cat4{ background-image:url('../img/main-sprite.png'); background-position:-387px -25px; background-color: #2E8EAD; } .subnav-crsl .cptn > span{ font-size:11px; line-height:1.231; } .subnav-crsl .cptn > span.title > a{ font-size:12px; color:#fff; } .subnav-crsl .cptn > span.num{ font:14px AllerRegular, Arial, Helvetica, sans-serif; } .subnav-crsl .rmv{ background:url('../img/main-sprite.png') -230px -65px; } .subnav-crsl .del{ background:rgb(6,91,120); background:rgba(6,91,120,0.9); } .subnav-crsl .del > span{ margin:5px 0 5px 5px; font-size:12px; } .subnav-crsl .del > a, .subnav-crsl .del > input{ padding:1px 0; color:#435051; font:14px AllerRegular, Arial, Helvetica, sans-serif; text-align:center; background-color:#fff; background-position:center center; background-repeat:no-repeat; border:1px solid #fff; } .subnav-crsl .del > a:hover, .subnav-crsl .del > input:hover{ color:#fff; background-color:transparent; } .subnav-crsl .del > input.active{ background-image:url('../img/transaction-ldr.gif'); cursor:default; } .subnav-crsl .del > input.active:hover{ background-color:#fff; } .subnav-crsl-ctrls > li > a{ background:url('../img/main-sprite.png'); } #ftr-related-content .subnav-crsl-ctrls > .prev > a{ background-position:-315px -35px; } #ftr-related-content .subnav-crsl-ctrls > .next > a{ background-position:-281px -35px; } .subnav-crsl-ctrls > .prev > a{ background-position:-691px top; } .subnav-crsl-ctrls > .next > a{ background-position:-653px top; } .subnav-links > li{ margin:0 0 10px; font-size: 15px; } .subnav-links > li > a{ color:#fff; } .subnav-links > li > a:hover{ color:#fff; } .subnav-frm h4{ text-transform:uppercase; } .subnav-frm label, .subnav-frm a { color:#fff; font-family:folksNormal, Arial, Helvetica, sans-serif; } .subnav-frm label{ margin:0 0 3px; } .subnav-frm input[type="text"], .subnav-frm input[type="password"]{ margin:0 0 10px; border:0 none; } .subnav-frm input[type="submit"]{ margin:0 0 20px; } .subnav-frm input.text, .mod input.text{ color:#329CBE; font-weight:normal; background:#fff; border:1px solid #329CBE; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .mod .ctr-nl-email input.text{ color: #98A4A9; } .ctr-keep-logged{ margin:0 0 15px; } .ctr-keep-logged > input{ margin:0 10px 0 0; } .ctr-keep-logged > label{ margin:2px 0 3px 0; } .subnav-link-fp{ background: transparent; border: none; color: #329CBE; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; } .social-buttons > li input, .social-buttons > li a { background:url('../img/main-sprite.png'); border: none; } .social-buttons > li .fb{ background-position:-3px -723px; } .social-buttons > li .twtr{ background-position:-2px -755px; } .subnav-frm ul > li .gr, .login fieldset ul > li .gr{ background-position:-2px -786px } .subnav-hdr-why-join{ margin:0 0 8px; } .subnav-why-join{ list-style:disc inside; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; } .subnav-why-join > li{ margin:0 0 5px; } /**** ---- News Bar ****/ #news-bar{ margin-top: 1px; } #news-bar > div{ background:#e2e2e2; } .news{ color:#999999; padding: 12px 0 0 0; line-height: 1.2; } .news > strong{ color:#333333; font-weight:normal; } /**** PAGES ****/ .pg-col{ color:#666; } /**** ---- First column elements ****/ .pg-col1 > h3{ margin:0 0 1px; } .pg-col1-mod{ background:#f6f6f6; } /**** ---- First Column search box ****/ .pg-col1-srch{ border:2px solid #e1e1e1; } .col1-srch{ color:#999; font-family:Patagonia, Arial, Helvetica, sans-serif; text-transform:uppercase; border:1px solid #e1e1e1; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } /**** ---- A-Z lists ****/ .list-a-z > li > a, .list-a-z > li > input{ font-family:Patagonia, Arial, Helvetica, sans-serif; padding:5px 0; text-align:center; background:none; border:0; } .pg-col1 > .list-a-z{ background:#e1e1e1; border-top:8px solid #989898; } .pg-col1 > .list-a-z > li{ background:#f6f6f6; } .pg-col1 > .list-a-z > li > a, .pg-col1 > .list-a-z > li > input{ color:#4e5c5d; } .pg-col1 > .list-a-z > li > a:hover, .pg-col1 > .list-a-z > li > a.on, .pg-col1 > .list-a-z > li > input.on{ color:#fff; background:#adbabe; } .pg-col1 > .list-a-z > li > input:hover{ color: #fff; background: #2E8EAD; } .subnav .list-a-z{ text-transform:uppercase; background:#fff; } .subnav .list-a-z > li > a{ padding:7px 0; color:#fff; } .subnav .list-a-z > li{ background:#2e8ead; } .subnav .list-a-z > li > a:hover{ color:#2e8ead; background:#fff; } .subnav-crsl .cptn > span > a{ color: #fff; } /**** ---- Vertical Article Nav ****/ .vert-art-nav > li.selected{ background:#2985a2; } .vert-art-nav > li.selected > a{ color: #fff; } .vert-art-nav > li > a{ color:#3d3d3d; display: block; padding: 10px 0 10px 10px; } /* BOOK DETAILS PAGE */ .pg-col2.dtls > h3, .contents h3, td.page-number { color: #329CBE; } .pg-col2.dtls > h3, .contents h3 { font-family: georgia, Arial, Helvetica, sans-serif; font-size:16px; } .book-other-dets li{ color: #999999; } .book-other-dets li b{ color: #666; } .book-rev-quotes { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .rev-quote:before { background: url('../img/main-sprite.png') no-repeat; background-position: -650px -71px; } .pg-col2.dtls .format-n-price{ font-size: 15px; } .formats-list.series .cat1 .more{ background-color: #329CBE; border: 1px solid #329CBE; background-position: right -159px; } .formats-list.series .cat1 .more:hover{ background-position: right -413px; } .formats-list.series .cat1 .more span{ background-color: #329CBE; } .formats-list.series .cat1 .more:hover span{ color: #329CBE; background-color: #fff; } .back-to-blog {background:#1988a4;border-bottom-color: #1988a4 !important;} .mod.size1.x1 .back-to-blog span {color:#fff;} .back-to-blog h1 {color:#fff;} .mod.size1.x1 .back-to-blog span, .back-to-blog h1 { font-family: linLibertineO, Arial, Helvetica, sans-serif; } /* AUTHOR DETAILS PAGE */ /*.book-other-dets.author-dets .other-dets-hdr{ font-family: linLibertineO, Arial, Helvetica, sans-serif; font-size: 16px; }*/ .author-books .rev .less{ background-position: left -1264px; padding-left: 14px; } .author-books .rev:hover .less{ background-position: left -1247px; } .author-books ul li a{ color: #329cbe; } .author-books ul li a:hover{ color: #329cbe; } .author-books ul li .series-icon .icon-back{ background: url('../img/main-sprite.png') no-repeat -25px -854px; } .author-books ul li .series-icon{ background: url('../img/main-sprite.png') no-repeat left -854px; } .author-books .arrow{ background: url('../img/main-sprite.png') no-repeat -927px -996px; } /**** ---- formats list ****/ .formats-list.brders{ border-top:8px solid #999999; border-bottom: 8px solid #999999; } .formats-list{ background:#e1e1e1; border-bottom: 1px solid #e1e1e1; } .formats-list .list-heading.one{ background: #fff; border-left: 2px solid #E1E1E1; border-right: 2px solid #E1E1E1; } .formats-list .list-heading.one .hdr-btn a{ padding-right: 0; padding-bottom: 1px; margin-left: 7px; } .formats-list .list-heading.one .hdr-btn a span{ padding-right: 8px; padding-bottom: 2px; padding-left: 8px; } .formats-list .list-heading.one .sub-total { margin:1px 7px 0 0; } .formats-list .list-heading.lh-brder-bot{ border-bottom: 8px solid #f2f2f2; } .formats-list li.first{ border-top: 2px solid #E1E1E1; } .formats-list li.item{ border-right: 2px solid #E1E1E1; border-left: 2px solid #E1E1E1;} .formats-list li.last{ border-bottom: 2px solid #E1E1E1; } .formats-list > li { background:#fff; border-left: 2px solid #E1E1E1; border-right: 2px solid #E1E1E1; } .formats-list > li.drk { background: #f6f6f6; } .formats-list .list-heading .hdr-btn a span{ background: #ff0066; } .formats-list .list-heading .hdr-btn a span:hover{ background: #fff; color: #ff0066;} .formats-list .list-heading .hdr-btn a{ border: 1px solid #ff0066; } .formats-list .list-heading .sub-total { font-weight: bold; } .formats-list > li .frmt-list-col2 span.book-title { margin-bottom: 5px; } .formats-list > li .frmt-list-col2 a{ color:#666; } .formats-list > li .frmt-list-col2 .quantity{ color: #000; text-align: right; border: none; background: transparent; } .formats-list > li.edit .frmt-list-col2 .quantity{ border: 1px solid #329CBE; background:#fff; } .formats-list > li .frmt-list-col2 .wshlst-book-hdr, .formats-list > li .frmt-list-col2 .wshlst-book-author{ margin-bottom: 5px; } .formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt .wishlist-add-bskt { padding-right: 20px; } .formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt .wishlist-add-bskt:hover { background: url('../img/main-sprite.png') no-repeat; background-position: right -1261px; } .formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt .wishlist-add-bskt.cmgs { padding-right: 20px; } .formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt .wishlist-add-bskt.cmgs:hover { color:#fff; background: url('../img/main-sprite.png') no-repeat #ff7800; background-position: right -1432px; } .formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt .wishlist-add-bskt.oos { padding-right: 20px; } .formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt .wishlist-add-bskt.oos:hover { color:#fff; background: url('../img/main-sprite.png') no-repeat #a90000; background-position: right -1288px; } .formats-list > li .frmt-list-col2 .info{ background:url('../img/main-sprite.png') no-repeat; background-position:left -994px; padding-left: 16px; color: #666666; } .formats-list > li .frmt-list-col2 .wshlst{ background:url('../img/main-sprite.png') no-repeat; background-position:left -955px; } .formats-list > li .frmt-list-col2 .more-info{ margin-left: 15px; } .formats-list > li .frmt-list-col2 .more-info li{ font-size: 11px; } .formats-list > li .frmt-list-col2 .info .more-info-drpdwn { background: url('../img/main-sprite.png') no-repeat -958px -996px; } .formats-list > li .frmt-list-col2 .info .more-info-drpdwn.dwn { background: url('../img/main-sprite.png') no-repeat -958px -1013px; } .formats-list > li .frmt-list-col2 .more-info-drpdwn:hover{ cursor: pointer; } #MyBasketDiv .formats-list > li .frmt-list-col2 span.book-title { font-size: 16px; } #MyBasketDiv .formats-list > li .frmt-list-col2 span.book-title + span { color: #009abc; font-size: 16px; } #MyBasketDiv .formats-list .list-heading.one .sub-total { font-weight: normal; } #MyBasketDiv .formats-list > li .frmt-list-col2 span.auth, #MyBasketDiv .formats-list > li .frmt-list-col2 .quantity { color: #009abc; } #MyBasketDiv .formats-list li p .sub-total-cost, #MyBasketDiv .formats-list li p .total, #MyBasketDiv .formats-list li p .total-cost { font-weight: normal; } #MyBasketDiv .formats-list li p .postage-text, #MyBasketDiv .formats-list li p .postage-cost { font-weight: normal; } .formats-list li.list-heading{ background: #e1e1e1; color: #666666; border-right: none; } .money-off{ color: #a90000; } .formats-list li.deals{ border-top: 1px solid #e1e1e1; padding: 0 7px 0 0; } .formats-list li.costs p { margin-bottom: 3px;} .formats-list li.deals .sub-total{ color: #666666; } .formats-list li p.price-ctr { margin-bottom: 0; } .formats-list li p .sub-total-cost, .formats-list li p .postage-cost, .formats-list li p .total-cost { font-weight: bold; } .formats-list li.brder-item { background: #f6f6f6; border-top: 1px solid #cccccc; } .formats-list .frmt-list-last { border-bottom: 2px solid #E1E1E1; } .formats-list li.costs.brder{ border-top: 8px solid #e1e1e1; } .deals p{ padding: 5px 0 5px 0; margin: 0; } .deals p span{ color: #a90000; } .pay-comp{ border-top: 1px solid #cccccc; } .right-hdr-ctr{ background:#989898; } .right-hdr-ctr h4{ color:#fff; } .lhxxxl{ line-height: 20px; } /**** ---- edit mode ****/ .formats-list li.first.edit{ border-top: 2px solid #329CBE; } .formats-list li.edit{ border-right: 2px solid #329CBE; border-left: 2px solid #329CBE;} .formats-list li.last.edit{ border-bottom: 2px solid #329CBE; } .formats-list li.item .edit-btn{ background:url('../img/main-sprite.png') no-repeat; background-position: right -1087px; } .formats-list .frmt-list-col1 .bskt-rmv-btn{ background:url('../img/main-sprite.png') no-repeat right -1087px; } .formats-list .list-heading.one .hdr-btn input.sml.btn.edit-bskt-btn { text-transform: uppercase; font-size: 11px; line-height: 33px; padding-left: 6px; } /**** ---- Filter By lists ****/ .list-fltr{ border: 2px solid #e1e1e1; } .bt-hdr-ctr{ background:#989898; } .bt-hdr-ctr h4{ color:#fff; } div span.trans{ margin: 4px 5px 0 0; } #MyBasketDiv div span.trans { margin: 9px 10px 0 0; } .arrow-closed-bg{ background: url('../img/main-sprite.png') no-repeat; background-position: right -1025px; } .arrow-open-bg{ background: url('../img/main-sprite.png') no-repeat; background-position: right -1045px; } .sub-arr-clsd-bg{ background: url('../img/main-sprite.png') no-repeat; background-position: right -995px; } .sub-arr-opn-bg{ background: url('../img/main-sprite.png') no-repeat; background-position: right -1010px; } .list-fltr ul{ color:#999; border-top: none; } .list-fltr .nstd{ background: #fff; border-top: none; } .list-fltr .nstd li{ padding: 3px 0 3px 30px; margin: 0; } .list-fltr .nstd label{ margin:2px 0 0; } .list-fltr li{ margin:0; } .list-fltr .list-fltr-rad li{ padding:5px 0; } .list-fltr .ff-sb li{ padding:0; } .list-fltr label:hover, .list-fltr input[type="checkbox"]:checked + label{ color:#000; } .white{ background: #fff; } .js .date-filter-error{ padding:10px 13px; color:#f00; display:none; } .list-fltr ul li.nstd-ctr{ border-bottom: 1px solid #e9e9e9;} .top-border{ border-top: 1px solid #e9e9e9; } /**** no results ****/ .no-results p{ color: #AAB7BB; } /**** VERTICAL ARTICLE PAGES COL2 ****/ .pg-hdr{ line-height: 1.10; } .pg-col2 > ul.info-list li p a { color: #329CBE; } .pg-col2 > ul.info-list li p { line-height: 1.465; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; } .pg-col2 > ul.info-list li h2{ font-family:AllerRegular, Arial, Helvetica, sans-serif; font-size: 18px; } .pg-col2 > .vert-art-list { color: #666666; border-bottom: 8px solid #e1e1e1; } .pg-col2 > .vert-art-list li{ border-bottom: 1px solid #e0e0e0; } .pg-col2 > .vert-art-list li .vert-art-btn input.btn.more{ background-color: #999; border: 1px solid #999; } .pg-col2 > .vert-art-list li .vert-art-btn input.btn.more:hover{ background-color: #fff; } .pg-col2 > .vert-art-list > li > p{ margin: 20px 0 15px 0; } .pg-col2 > .vert-art-list > li > div span.linked{ background:url('../img/main-sprite.png') no-repeat; background-position: right -1064px; padding: 2px 18px 0 16px; } .pg-col2 .no-bord{border: none;} .pg-col2 > .vert-art-list > li > h2.rep-img{ background-image:url('../img/main-sprite.png'); margin-bottom: 15px; } .pg-col2 > .vert-art-list > li > h2.fb-hdr{ background-position: 0px -583px; } .pg-col2 > .vert-art-list > li > h2.twit-hdr{ background-position: 0px -685px; } .pg-col2 > .vert-art-list > li > h2.greads-hdr{ background-position: 0px -639px; } /**** vertical article forms ****/ .pg-col2 > .col2-frm-ctr .input1, .pg-col2 > .col2-frm-ctr .input2, .pg-col2 > .col2-frm-ctr .input3, .input4 { background:#f6f6f6; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .pg-col2 > .col2-frm-ctr input{ color: #999999;} .pg-col2 > .col2-frm-ctr ul { border-top: 1px solid #e0e0e0; border-bottom: 8px solid #e1e1e1; } .pg-col2 > .col2-frm-ctr ul > h2{ color: #4e5c5d;} .pg-col2 > .col2-frm-ctr ul li label:hover, .pg-col2 > .col2-frm-ctr ul li input[type="checkbox"]:checked + label{ color:#000; } .pg-col2 > .col2-frm-ctr .vert-art-btn.dne{ border-bottom: 1px solid #e0e0e0; } .cmt-hdr{ color:#fff; background:#aebcc0; } .js .cmt-hdr{ cursor: pointer; } /**** events details page ****/ .date-and-time{ font-size: 17px; font-family: linLibertineO, Arial, Helvetica, sans-serif; } /**** ---- XL mod columns, 2nd column is not as wide as on the grid template ****/ .pg-bdr-top{ border-bottom:8px solid #adadad; } .pg-bdr-btm{ border-top:8px solid #adadad; } .pager{ padding:8px 0 0; text-align:center; } .pager .selected{ padding: 0 6px; color: #329CBE; } #ctr-page .cat1.rev .pager .btn, .cat1.rev .pagerSeries.pager .btn{ background-color: #329CBE; border: 1px solid #329CBE; } #ctr-page .cat1.rev .pager .btn:hover, .cat1.rev .pagerSeries.pager .btn:hover{ background-color: #fff; color: #329CBE; } #ctr-page .cat1.rev .pager .btn.less:hover, .cat1.rev .pagerSeries.pager .btn.less:hover{ background-position: 0 -380px; } #ctr-page .cat1.rev .pager .btn.more:hover, .cat1.rev .pagerSeries.pager .btn.more:hover{ background-position: right -435px; } #ctr-page .cat1.rev .pager .btn span, .cat1.rev .pagerSeries.pager .btn span{ background-color: #329CBE; } #ctr-page .cat1.rev .pager .btn:hover span, .cat1.rev .pagerSeries.pager .btn:hover span{ color: #329CBE; background-color: #fff; } #ctr-page .pager-btn, #ctr-page .pager .selected, .cat1.rev .pagerSeries.pager .pager-btn, .cat1.rev .pagerSeries.pager .selected{ font:14px georgia, Arial, Helvetica, sans-serif; border:0; background:none; } #ctr-page .pager-btn, .pager-btn{ color:#9a9a9a; } #ctr-page .pager-btn:hover, .pager-btn:hover{ color: #329CBE; } .pager-btn:hover, .pager-btn[disabled="disabled"]{ color:#2e8ead; } .pg-col2-sort label{ cursor:default; } /**** Grid items ****/ .gi{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height: 1.22; } .gi .fig img{ -webkit-box-shadow: 0 0 3px 3px #ccc; -moz-box-shadow: 0 0 3px 3px #ccc; box-shadow: 0 0 3px 3px #ccc; } .gi-hdr{ font-family:linLibertineO, Arial, Helvetica, sans-serif; } .gi-subhdr{ font-family:georgia, Arial, Helvetica, sans-serif; } .gi-hdr{ font-size:18px; line-height:1; margin-bottom: 5px; } .gi-bdy{ padding:6px 0 0; font-family:georgia, Arial, Helvetica, sans-serif; } .ie7 .book-prices input.btn.wshlst-btn { line-height: 13px; } .gi-btns .rem-ctr .rem, .rem-ctr .rem { background:url('../img/main-sprite.png') no-repeat; background-position:-987px -1086px; border: none; font-size: 11px; } .gi-btns .add input, .full-biog-btn{ background:url('../img/main-sprite.png') no-repeat; background-position:left -955px; font-size: 11px; border: none; color: #329CBE; } .gi-btns li .qty { text-align: right; margin-right: 25px; } .gi-btns li .qty-input { background: transparent; border-right: none; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: right; padding-right: 5px; } .lt{ text-decoration: line-through; } .lb-biog-hdr{ color:#4e5c5c; border-bottom:1px solid #d9d9d9; } /* Tooltips */ .tooltip-arrow{ background:url('../img/main-sprite.png') -510px -60px no-repeat; } .tooltip dt{ color:#000; font-weight:bold; } .tooltip-contributors{ padding:10px 10px 0; background:#fff; border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: -2px 2px 5px 2px #ccc; -moz-box-shadow: -2px 2px 5px 2px #ccc; box-shadow: -2px 2px 5px 2px #ccc; } /**** HORIZONTAL ARTICLES ****/ #ctr-page > div{ background:#fff; } #ctr-page > div.nobg{ background:none; } .article-pages{ list-style:none; background:#fff; } /**** ---- Article formatting ****/ .column li{ margin:0 0 18px 0; margin:0 0 18px; list-style-position:inside; } .column ul{ list-style-type:circle; } .column ol{ list-style-type:decimal; } .column p{ text-align:justify; } .column h2{ margin:0; } .column h5{ margin:0 0 18px; } /**** ---- Article image slider ****/ .article-slider .fig{ background:#f2f2f2; } .article-slider-cptn{ font-style:italic; } .article-slider > ul{ background:#fff; } .article-slider > ul > li a{ background-image:url('../img/main-sprite.png'); background-position:-260px 0; } .article-slider > ul > li a:hover, .article-slider > ul > li a.on{ background-position:-260px -15px; } /**** ---- Article pagination ****/ #article-pager{ background:#fff; border-top:1px solid #e0e0e0; } #article-pager > ul{ list-style:none; } #article-pager a{ background-image:url('../img/main-sprite.png'); background-position: -244px 0; } #article-pager a:hover, #article-pager a.on{ background-position: -244px -15px; } #article-pager li.prev > a{ background-position: -246px -30px; } #article-pager li.next > a{ background-position: -260px -30px; } /**** ---- Article footer ****/ #ftr-related-content{ background:#34859e; } #ftr-related-content > nav > ul{ list-style:none; font:14px georgia, Arial, Helvetica, sans-serif; } #ftr-related-content > nav li > a{ padding:8px 9px; color:#fff; background:#34859e; border-left:1px solid #b4d6e2; } #ftr-related-content > nav li.first > a{ border-left:none; } #ftr-related-content > nav li.last > a{ border-right:1px solid #b4d6e2; } #ftr-related-content > nav li:hover > a, #ftr-related-content > nav li.on > a{ padding:11px 9px; color:#fff; border-right:1px solid #b4d6e2; } #ftr-related-content > nav li.on > a{ padding:11px 9px 12px; } #ftr-related-content > nav li:hover + li > a, #ftr-related-content > nav li.on + li > a{ border-left:none; } #ftr-related-content #ctr-related-content .subnav-crsl .cptn > span.title > a{ color: #fff; } #ftr-related-content #ctr-related-content .subnav-crsl .cptn > span > a { color: #cccccc; } #ctr-related-content{ list-style:none; border-top:1px solid #b4d6e2; } #ctr-related-content > li{ background:#34859e; } .ctr-fb-comments{ background:#fff; } /**** LIGHTBOX ****/ #lb-bg{ background:#032c3b; } #lb{ background:#fff; } .lb-carousel li{ background:#fff; } .lb-carousel .cptn{ color:#666; } .lb-carousel-ctrls .ctrl-carousel > a{ background-image:url('../img/main-sprite.png'); background-position: -244px 0; } .lb-carousel-ctrls .ctrl-carousel > a:hover, .lb-carousel-ctrls .ctrl-carousel > a.on{ background-position: -244px -15px; } .lb-carousel-ctrls .rev{ background:none; } .lb-carousel-ctrls li.prev-next > a{ border-color:#3b4446; } .lb-carousel-ctrls li.prev-next > a, .lb-carousel-ctrls li.prev-next > a > span{ background-color:#3b4446; cursor:pointer; } .lb-carousel-ctrls li.prev-next > a:hover > span{ color:#3b4446; background-color:#fff; } /**** Videos ****/ .vid > div{ background-color:#065b78; } .vid-hdrs-inner{ background:url('../img/main-sprite.png') -882px -1314px no-repeat; padding-left: 140px; } .vid-hdrs-bg{ background:#000000; border-top: 2px solid #434242; border-bottom: 2px solid #434242; } /**** Audio ****/ .ctr-audio-sample{ background:#efefef; } .ctr-audio-sample > span{ margin:1px 0 0; font-style:italic; } div.jp-interface.audio { background: #EFEFEF; } div.jp-seek-bar.audio { border-bottom: 7px solid #a2a2a2; } div.jp-audio div.jp-progress{ border: none; background: #CACACA; height: 21px; } div.jp-audio div.jp-progress div.jp-seek-bar{ height: 14px; } div.jp-audio div.jp-progress div.jp-seek-bar div.jp-play-bar { border: 2px solid #e3e3e3; height: 17px;} /**** jPlayer video CSS ****/ div.jp-video, div.jp-audio { color: #fff; background-color:#000; } div.jp-interface, .yt-gui{ background-color:#000000; } /* @group CONTROLS */ div.jp-interface ul.jp-controls { list-style-type:none; } a.jp-play, .yt-play { background: url('../img/main-sprite.png') -700px -150px no-repeat; } div.jp-audio div.jp-interface ul.jp-controls a.jp-play{ background: url('../img/main-sprite.png') -133px -1140px; height: 21px; width: 22px; } div.jp-audio div.jp-interface ul.jp-controls a.jp-mute{ background: url('../img/main-sprite.png') -180px -1118px; height: 21px; width: 22px; } div.jp-audio div.jp-interface ul.jp-controls a.jp-pause{ background: url('../img/main-sprite.png') -133px -1117px; height: 21px; width: 22px; } div.jp-audio div.jp-interface ul.jp-controls a.jp-unmute{ background: url('../img/main-sprite.png') -180px -1141px; height: 21px; width: 22px; } a.jp-play:hover, .yt-play:hover { background: url('../img/main-sprite.png') -700px -190px no-repeat; } a.jp-pause, a.yt-pause{ background: url('../img/main-sprite.png') -700px -230px no-repeat; } a.jp-pause:hover, .yt-pause:hover { background: url('../img/main-sprite.png') -700px -270px no-repeat; } /* @end */ /* @group progress bar */ div.jp-video div.jp-progress, .yt-progress { border:1px solid #434242; } div.jp-seek-bar, .yt-seek-bar { border-bottom:7px solid #434242; } div.jp-play-bar, .yt-play-bar { border-right:1px solid #434242; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url("jplayer.blue.monday.seeking.gif"); } /* @end */ /* @group volume controls */ a.jp-mute, .yt-mute { background: url('../img/main-sprite.png') -700px -310px no-repeat; } a.jp-mute:hover, .yt-mute:hover { background: url('../img/main-sprite.png') -700px -350px no-repeat; } a.jp-unmute, a.yt-unmute { background: url('../img/main-sprite.png') -660px -310px no-repeat; display: none; } a.jp-unmute:hover, .yt-unmute:hover { background: url('../img/main-sprite.png') -660px -350px no-repeat; } /* @end */ div.jp-jplayer { background-color: #000000; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ a.jp-full-screen, .yt-full-screen {background: url('../img/main-sprite.png') -660px -270px no-repeat; } a.jp-full-screen:hover, .yt-full-screen:hover { background: url('../img/main-sprite.png') -660px -230px no-repeat; } a.jp-restore-screen, .yt-restore-screen { background: url('../img/main-sprite.png') -660px -270px no-repeat; } a.jp-restore-screen:hover, .yt-restore-screen:hover { background: url('../img/main-sprite.png') -660px -230px no-repeat; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { font-size:.8em; background-color:#eee; border:2px solid #009be3; color:#000; } .jp-no-solution a { color:#000; } .jp-no-solution span { font-size:1em; text-align:center; font-weight:bold; } /* @end */ /**** Goodreads widget ****/ #goodreads-widget { font-family: georgia, serif; } #goodreads-widget h1 { font-weight:normal; font-size: 16px; border-bottom: 1px solid #BBB596; margin-bottom: 0; } #goodreads-widget a { text-decoration: none; color:#660; } #goodreads-widget > iframe{ background-color: #ffffff; } #goodreads-widget a:hover { text-decoration: underline; } #goodreads-widget a:active { color:#660; } #gr_footer { border-top: 1px solid #AEBCC0; text-align: right; } #goodreads-widget .gr_branding{ color: #382110; font-size: 11px; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; } .chkbx { background:url('../img/main-sprite.png') no-repeat; } .chkbx { background-position:-230px -128px; } .ctr-keep-logged .chkbx{ background-position:-230px -92px; } .chkbx.selected{ background-position:-230px -146px; } .ctr-keep-logged .chkbx.selected{ background-position:-230px -110px; } /* Styles for jQuery Fancy Forms. */ /* Radio buttons */ .ff-rad{ background:url('../img/main-sprite.png') no-repeat -696px -898px; } .ff-rad-chkd{ background-position:-719px -898px; } .ff-rad-focus-not-chkd{ background-position:-696px -898px; } .ff-rad-focus-chkd{ background-position:-719px -898px; } /* Checkboxes */ .ff-chkbx{ background:url('../img/main-sprite.png') no-repeat -230px -128px; } .ff-chkbx-chkd{ background-position:-230px -146px; } .ff-chkbx-focus-not-chkd{ background-position:-230px -128px; } .ff-chkbx-focus-chkd{ background-position:-230px -146px; } .ctr-keep-logged .ff-chkbx{ float:left; } .ctr-keep-logged .ff-chkbx, .ctr-keep-logged .ff-chkbx-focus-not-chkd{ background-position: -230px -92px; } .ctr-keep-logged .ff-chkbx-chkd, .ctr-keep-logged .ff-chkbx-focus-chkd{ background-position: -230px -110px; } /* Defaults for Headline */ .ff-sb{ font:12px Patagonia, Arial, Helvetica, sans-serif; } .ff-sb-left-side{ background:#adadad; } .ff-sb-txt{ color:#fff; background:url('../img/main-sprite.png') right -941px #adadad; } .ff-sb-ctr-drpdwn{ -webkit-box-shadow: 0 0 2px 2px #ccc; -moz-box-shadow: 0 0 2px 2px #ccc; box-shadow: 0 0 2px 2px #ccc; } .ff-sb-drpdwn{ width:130px; height:140px; background:#f6f6f6; } .ff-sb li span{ padding:8px 20px 8px 5px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; } .ff-sb .ff-sb-selected, .ff-sb .ff-sb-hover{ background:#e1e1e1; } /* Default CSS for jSCrollPane custom scrollbars in select boxes. */ .ff-sb .jspTrack{ background:#666; } .ff-sb .jspDrag{ background:#AEBCC0; } /* Add to basket */ .bskt .ff-sb{ font:12px georgia, Arial, Helvetica, sans-serif; } .bskt .ff-sb-left-side{ background:#2e8ead; } .bskt .ff-sb-txt{ padding:1px 25px 0 0; text-transform:none; background:url('../img/main-sprite.png') -907px -391px #2e8ead; } .gi-btns .bskt .ff-sb-txt { background: url('../img/main-sprite.png') no-repeat #2e8ead; background-position: right -391px; } .gi-btns .bskt.wshlst .ff-sb-txt, .gi-btns .bskt.mybskt .ff-sb-txt { background-position: right -943px; } /* out of stock */ .bskt.oos .ff-sb-left-side{ background:#a90000; } .rev input.btn.shop.oos, .rev input.btn.shop.oos:hover, .ro input.btn.shop.oos, .ro input.btn.shop.oos:hover{ color:#fff; border-color:#a90000; cursor:default; } .gi-btns .bskt.oos .ff-sb-txt, .rev input.btn.shop.oos, .rev input.btn.shop.oos:hover, .ro input.btn.shop.oos, .ro input.btn.shop.oos:hover{ background: url('../img/main-sprite.png') no-repeat #a90000; background-position: right -1288px; } /* future release */ .bskt.cmgs .ff-sb-left-side{ background:#ff7800; } .rev input.btn.shop.cmgs, .rev input.btn.shop.oos.cmgs:hover{ color:#fff; border-color:#ff7800; cursor:default; } .rev input.btn.shop.cmgs[disabled="disabled"]{ color: #fff; } .gi-btns .bskt.cmgs .ff-sb-txt, .rev input.btn.shop.cmgs, .rev input.btn.shop.cmgs:hover{ background: url('../img/main-sprite.png') no-repeat #ff7800; background-position: right -1432px; } /* Saved address dropdown */ .formats-list .list-heading.one .hdr-btn .btn { background-image: none; background: #2e8ead; border: 1px solid #2e8ead; color:#fff; } .formats-list .list-heading.one .hdr-btn .btn:hover{ background:#fff; color:#2e8ead; } .ie7 .formats-list .list-heading.one .hdr-btn .btn { line-height: 13px; } /* RECAPTCHA STYLES */ #recaptcha_widget{ border: 1px solid #e1e1e1; } #recaptcha_widget .recaptcha-input{ background:#f6f6f6; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #recaptcha_widget .audio-captcha, #recaptcha_widget .reload-captcha, #recaptcha_widget .captcha-help, #recaptcha_widget .image-captcha { background:url('../img/main-sprite.png') no-repeat; } #recaptcha_widget .audio-captcha { background-position: -657px -863px; } #recaptcha_widget .reload-captcha { background-position: -677px -863px; } #recaptcha_widget .captcha-help { background-position: -637px -863px; } #recaptcha_widget .image-captcha{ background-position: -677px -863px; } #recaptcha_widget .captcha-logo{ background: url('../img/main-sprite.png') no-repeat; background-position: -624px -898px; } #recaptcha_widget .captcha li a{ background-color: #2E8EAD; } /* TEXT FIELDS */ .col2-frm-ctr label{ margin:0 0 3px; color:#999; } /* E-COMMERCE BREADCRUMB HEADER */ #ecom-hdr{ position:fixed; } .ecom-hdr-ctr{ background: url('../img/header-background.png') repeat-x #fff; } .ecom-hdr-ctr > a { background: url('../img/main-sprite.png') no-repeat; background-position: -111px -1190px; width: 570px; height: 74px; margin: 8px 0 10px 7px; } ul.breadcrumbs { border-bottom: 8px solid #cccccc; margin-bottom: 45px; } ul.breadcrumbs:before { background: url('../img/main-sprite.png') no-repeat; background-position: -709px -947px; } ul.breadcrumbs li { font-family:linLibertineO; font-size: 24px; color: #9a9a9a; } ul.breadcrumbs li.bc-arrow { background: url('../img/main-sprite.png') no-repeat; background-position: -663px -947px; margin-top: 15px; } ul.breadcrumbs li.bc-arrow.current { background-position: -637px -947px; } ul.breadcrumbs li.active { color: #00cae4; } /* E-COM */ .bold-label { text-transform: none; color: #9b9b9b; font-size: 14px; padding-bottom: 2px; } #ecom-hdr + #ctr-page .frm-sbmt { border-color: #cccccc; margin-top: 70px; } #ecom-hdr + #ctr-page .cat1.rev .btn.more { background-color: #00acc1; border: 1px solid #00acc1; } #ecom-hdr + #ctr-page .cat1.rev .btn.more > span { background-color: #00acc1; } #ecom-hdr + #ctr-page .cat1.rev .btn.more:hover { background-color: #FFF; color: #00acc1; background-position: right -435px; } #ecom-hdr + #ctr-page .cat1.rev .btn.more:hover > span { background-color: #FFF; color: #00acc1; } .form-title { color: #666666; text-transform: none; } .form-fields .brder label { color: #9a9a9a; } .order-addresses .form-fields .bold-label { font-size: 20px; line-height: 1.0; color: #666666; } .ctr-qty label:before { background: url("../img/transaction-ldr.gif"); } .postage-ctr .more { overflow: visible; position: relative; } .postage-ctr .more.loading:after { content: ''; position: absolute; left: -40px; top: 50%; height: 16px; width: 16px; background: url(../img/transaction-ldr.gif) no-repeat; margin-top: -8px;} /* CHECKOUT PAGE */ #checkout-page .frm-inner-ctr > ul li { padding-top: 8px; } #checkout-page .frm-inner-ctr > ul li label { padding-top: 7px; font-size: 14px; } #checkout-page .spinner { background: url(../img/page-ldr.gif) no-repeat; } /* ORDER ADDRESSES */ .extra-margin { border-bottom: 1px solid #CDCACA; } /* ORDER-CONFIRMATION */ #paypal { border-bottom: 1px solid #e1e1e1; } .order-confirmation h2 { font-size: 24px; } .order-confirmation .form-title, .order-confirmation .chck-details { border-bottom: 1px solid #e1e1e1; } #ecom-hdr + #ctr-page .frm-inner-ctr.success .pg-hdr { border-bottom: 8px solid #cccccc; } #ecom-hdr + #ctr-page .frm-inner-ctr.success .pg-hdr:before { background: url(../img/main-sprite.png) no-repeat 0 -1346px; top: -5px; } .speed-up-section .inner-wrapper span { font-family: linLibertineO, Arial, Helvetica, sans-serif; font-size: 20px; color: #00cae4; } .speed-up-section .inner-wrapper input { background: #00acc1; border: 1px solid #00acc1; color: #FFF; padding-right: 5px; } .speed-up-section .inner-wrapper input:hover { background: #FFF; color: #00acc1; } /* SAVED ADDRESSES PAGE */ .saved-addresses .address-wrapper .ff-rad { background: url(../img/main-sprite.png) no-repeat; background-position: 0 -1297px; } .saved-addresses .address-wrapper .ff-rad-chkd { background: url(../img/main-sprite.png) no-repeat; background-position: -44px -1298px; } #ecom-hdr + #ctr-page .saved-addresses .address-wrapper .cat1.rev .btn.more { background-color: #989898; border-color: #989898; } #ecom-hdr + #ctr-page .saved-addresses .address-wrapper .cat1.rev .btn.more:hover { background-color: #FFF; color: #989898; background-position: right -920px; } .diff-add { background: #989898; color: #FFF; border: 1px solid #989898; font: 14px georgia, Arial, Helvetica, sans-serif; } .diff-add:hover { background: #FFF; color: #989898; } /* HOLDING PAGE */ .pageerror .mod-bdy{ color: #666; } /* ADD TO CART LIGHTBOX */ .frm-container.add-to-cart h1, .frm-container.add-to-cart h2 { color: #666666; font-family: linLibertineO, Arial, Helvetica, sans-serif; } .frm-container.add-to-cart h1 { border-bottom: 8px solid #e1e1e1; font-size: 30px; } .frm-container.add-to-cart h2 { font-size: 20px; } .frm-container.add-to-cart .btn-ctr { border-top: 8px solid #e1e1e1; } .frm-container.add-to-cart .btn-ctr input, .frm-container.add-to-cart .btn-ctr a { font: 14px georgia, Arial, Helvetica, sans-serif; } .frm-container.add-to-cart .btn-ctr input { background: #999999; border: 1px solid #999999; color: #FFF; cursor: pointer; } .frm-container.add-to-cart .btn-ctr input:hover { background: #FFF; color: #999999; } .frm-container.add-to-cart .btn-ctr a { background-image: url(../img/main-sprite.png); border: 1px solid #2b9cc0; background-color: #2b9cc0; color: #FFF; background-position: right -311px; } .frm-container.add-to-cart .btn-ctr a:hover { background-color: #FFF; color: #2b9cc0; background-position: right -435px; } /* REGISTER GUEST DETAILS PAGE */ .reg-frm h2 { color: #666666; font-size: 20px; font-family: linLibertineO, Arial, Helvetica, sans-serif; } .reg-frm .form-title { border-bottom: 1px solid #cccccc; padding-bottom: 15px; font-size: 20px; margin-top: 40px; } .reg-frm .render-captcha { margin-bottom: 40px; margin-top: 40px; } .reg-frm .chck-details { margin-bottom: 0px; color: #666666; }