/* ==|== primary styles ===================================================== Author: Lloyd Tuckey ========================================================================== */ /*::-moz-selection { background: #fe57a1; } ::selection { background: #fe57a1; }*/ /***** FONTS *****/ @font-face { font-family: 'AllerRegular'; src: url('../../fonts/aller-webfont.eot'); src: url('../../fonts/aller-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/aller-webfont.woff') format('woff'), url('../../fonts/aller-webfont.ttf') format('truetype'), url('../../fonts/aller-webfont.svg#AllerRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Patagonia'; src: url('../../fonts/patagonia-webfont.eot'); src: url('../../fonts/patagonia-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/patagonia-webfont.woff') format('woff'), url('../../fonts/patagonia-webfont.ttf') format('truetype'), url('../../fonts/patagonia-webfont.svg#Patagonia') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Questrial'; src: url('../../fonts/Questrial-Regular.eot'); src: url('../../fonts/Questrial-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Questrial-Regular.woff') format('woff'), url('../../fonts/Questrial-Regular.ttf') format('truetype'), url('../../fonts/Questrial-Regular.svg#Questrial') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Muli'; src: url('../../fonts/Muli-Regular.eot'); src: url('../../fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Muli-Regular.woff') format('woff'), url('../../fonts/Muli-Regular.ttf') format('truetype'), url('../../fonts/Muli-Regular.svg#Muli') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'muliitalic'; src: url('fonts/muli-italic-webfont.eot'); src: url('fonts/muli-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/muli-italic-webfont.woff2') format('woff2'), url('fonts/muli-italic-webfont.woff') format('woff'), url('fonts/muli-italic-webfont.ttf') format('truetype'), url(fonts/'muli-italic-webfont.svg#muliitalic') format('svg'); font-weight: normal; font-style: normal; } .js .mh.mod-hdr { color:#05bfe8; } /* links */ a { color: #666666; } a:hover { color: #bbbbbb; } /* 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:38px; } cite, em, i { font-style: italic; font-family: muliitalic, Arial, sans-serif !important; } /* Font families */ /*** Don't use these for styling, for JS font detection purposes only. ***/ .font-face1{ font-family:Muli; } .font-face2{ font-family:Muli; } /* We use 'Arial' as a specific flag for the JS to indicate that no custom font is used here. */ .font-face3{ font-family:Muli; } /*************************************************************************/ /*** Use these ***/ .ff1{ font-family:'Muli', Arial, Helvetica, sans-serif; } .ff2{ font-family:'Muli', Arial, Helvetica, sans-serif; } .ff3{ font-family:'Muli', Arial, Helvetica, sans-serif; } /* Line heights */ .lhxxxs{ line-height:1.1; } .lhxxs{ line-height:0.85; } .lhxs{ line-height:1.1; } .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: #666; background-color: #e6e6e6; } /**** TEAMSITE EDIT-MODE BACKGROUND-COLOR ****/ body.ext-gecko{ color: #666; background:url('../img/main-bg.jpg') 0 0 repeat-x #07779f 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'); } #art-resize > div{ color:#065b78; font:15px Muli, Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; border:1px solid #065b78; background:#fff; } #scroll-prompt{ font:15px Muli, Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; } #scroll-prompt > div{ color:#fff; background:#009abc; border-top:1px solid #13799d; } .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/transaction-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, .article-pages h5{ font:14px Muli, Arial, Helvetica, sans-serif; color:#fff; } .mod-subhdr, .article-pages h5, .author-books > span{ line-height:0.95; } .author-books > span{ font:16px Muli, Arial, Helvetica, sans-serif; } .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:Muli, Arial, Helvetica, sans-serif; } .x1 .mod-hdr{ font-size:16px; line-height:1; text-transform:uppercase} .x2 .mod-hdr, .x3 .mod-hdr, .article-pages h1{ font-size:21px; line-height:1; text-transform:uppercase;} .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-size:12px; font-style:italic; line-height:1.231; } .mod .mod-hdr > a{ text-decoration:none; } .mod-bdy{ color:#fff; } /**** GRID LAYOUT ****/ #grid{ font:14px 'Muli', Arial, Helvetica, sans-serif; } /**** -------- Twitter aggregator ****/ .tweet-item{ border-color:#02b6f3; } .tweet-item > .front{ padding:8px 0 16px 0; } .tweet-item > .back{ padding:0; } .tweet-item > .front a{ color: #ffb400; } .tweet-item > .back > .mod-assoc { padding-top: 15px; color:#e76801; font-style:normal;font-family: Muli,Arial,Helvetica,sans-serif;} .tweet-item .icon{ background: url('../img/main-sprite.png') no-repeat left -1118px; } .tweet-agg-btns{ background-color: #fff; } .tweet-agg-btn > input{ color:#fff; font:12px Muli, 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 -835px; } .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 a{ color: #ffb400; } .tweet-agg-spinner { background: url(/assets/HeadlinePublishing/img/tweet-agg-loader.gif) no-repeat center;} .tweet-agg .cat1 .sml.more:link {background-position: right -597px; border: solid 1px #ffb400;} .tweet-agg .cat1 .sml.more:link > span {background:#ffb400; color:#065b78;} .tweet-agg .cat1 .sml.more:hover{ background-position:right -159px; border-color:#fff;} .tweet-agg .cat1 .sml.more:hover > span {background:none; color:#fff;} .tweet-agg ul.tweet-pages li { border:solid 1px #fff;} .tweet-agg ul.tweet-pages li.active { background: #fff;} /**** -------- Poll Modules ****/ .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.31; } .mod-bdy a{ text-decoration:underline; } .pageerror .mod-bdy a{ color:#fff; } .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:Muli, Arial, Helvetica, sans-serif; line-height: 1; } .mod blockquote{ color:#fff; font-size:15px; line-height:1.231; font-weight:bold; text-transform:uppercase; } .mod.tweet-agg .mod-hdr:before{ background-position:0 -1207px; } /**** -------- Newsletters ****/ .mod.nl p{ color:#fff; } <<<<<<< HEAD .nl-frm .checkbox-label { font-size: 12px; } ======= .nl-frm { padding: 10px 0 0; } .nl-frm .reg-col .checkbox-label { font-size: 12px; } .ctr-nl-email { margin: 0; } >>>>>>> develop /**** -------- 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{ color:#fff; } .evt-day{ font-family:Muli, Arial, Helvetica, sans-serif; font-weight:bold; font-size:55px; text-indent:-4px; letter-spacing:-2px; } .x2 .evt-day, .x3 .evt-day{ font-size:32px; text-indent:3px; } .evt-to{ font-style:italic; text-align:center; text-indent:-2px; line-height:1; } .evt-mth{ color:#fff; letter-spacing:10px; text-transform:uppercase; text-indent:7px; } .x2 .evt-mth, .x3 .evt-mth{ text-indent:3px; } /**** -------- Module buttons ****/ .mod .btn > span{ color:#fff; } /**** -------- 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:-97px -122px; } .cat2 .mod-ro-icon{ background-position:-48px -122px; } .cat3 .mod-ro-icon{ background-position:-24px -122px; } .cat4 .mod-ro-icon{ background-position:-96px -122px; } .mod-fltr{ background:#232e2f; } .mod-tint{ background:#232e2f; } /**** ---- Category colouring ****/ .cat1 .mod-hdr, .cat1.rev .mod-hdr, .cat1 a, .cat1 .evt, .cat1 .mod-poll, .cat1.rev blockquote, .cat1-clr, .cat1 .item-links, .rev .btn.bskt:hover > span{ color:#009abc; } .cat1.rev .mod-subhdr, .cat1.rev .mod-fb, .cat1.rev input.btn:hover, .cat1.rev input.btn.sml:hover, .cat1.rev .btn:hover > span, .intro-cat1, .cat1-subclr, .article-pages h5{ color:#666666; } .cat2 .mod-hdr, .cat2.rev .mod-hdr, .cat2 a, .cat2 .evt, .cat2 .mod-poll, .cat2.rev blockquote, .cat2-clr{ color:#ffb400; } .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:#e76700; } .cat3 .mod-hdr, .cat3.rev .mod-hdr, .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, .gi-btns li .rem, .rem-ctr .rem { color:#009abc; } .cat3.rev .mod-subhdr, .quote > .cat3.rev > .mod-bdy, .cat3.rev .mod-fb, .cat3.rev input.btn:hover, .cat3.rev .btn:hover > span, .gi-subhdr span, .intro-cat3, .wshlst, .wshlst:hover, .info, .info:hover, .rem.btn, .cat3-subclr{ color:#666666; } .cat4 .mod-hdr, .cat4.rev .mod-hdr, .cat4 a, .cat4 .evt, .cat4 .mod-poll, .cat4.rev blockquote, .cat4-clr{ color:#a0c900; } .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:#678200; } .cat1 .btn > span, .cat1 input.btn, .cat1.rev .evt, .cat1.rev .mod-col1{ background-color:#009abc; } .cat2 .btn > span, .cat2.rev .evt, .cat2.rev .mod-col1{ background-color:#ffb400; } .cat3 .btn > span, .cat3.rev .evt, .cat3.rev .mod-col1, .rev .btn.shop, .rev .btn.shop > span{ background-color:#009abc; } .cat4 .btn > span, .cat4.rev .evt, .cat4.rev .mod-col1{ background-color:#a0c900; } .cat1, .cat1.rev .btn, .cat1.rev .btn > span, .rev .btn.bskt, .rev .btn.bskt > span, .cat1 .figcaption, .cat1 .evt-mth, .vert-art-nav > li{ background-color:#666666; } .cat2, .cat2.rev .btn, .cat2.rev .btn > span, .cat2 .figcaption, .cat2 .evt-mth{ background-color:#e76700; } .cat3, .cat3.rev .btn, .cat3.rev .btn > span, .cat3 .figcaption, .cat3 .evt-mth{ background-color:#666666; } .cat4, .cat4.rev .btn, .cat4.rev .btn > span, .cat4 .figcaption, .cat4 .evt-mth{ background-color:#678200; } .cat1 .btn{ border:1px solid #009abc; } .cat2 .btn{ border:1px solid #ffb400; } .cat3 .btn, .rev .btn.shop{ border:1px solid #009abc; } .cat4 .btn{ border:1px solid #a0c900; } .cat1.rev .btn, .rev .btn.bskt{ border:1px solid #999999; } .cat2.rev .btn{ border:1px solid #e76700; } .cat3.rev .btn{ border:1px solid #999999; } .cat4.rev .btn{ border:1px solid #678200; } .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 -651px; } .cat2 .rel{ background-position:right -619px; } .cat2 .sml.more{ background-position:right -597px; } .cat2 .sml.rel{ background-position:right -575px; } .cat3 .more{ background-position:right -759px; } .cat3 .rel{ background-position:right -727px; } .cat3 .sml.more{ background-position:right -1446px; } .cat3 .sml.rel{ background-position:right -1424px; } .cat4 .more{ background-position:right -867px; } .cat4 .rel{ background-position:right -835px; } .cat4 .sml.more{ background-position:right -813px; } .cat4 .sml.rel{ background-position:right -791px; } .rev .mod-assoc, .rev .mod-bdy{ color:#666; } .rev, .rev .btn:hover > span, .rev .figcaption, .xlrg > div{ background-color:#fff; } /**** ---- Buttons ****/ .btn{ color:#fff; font:14px Muli, 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:#aebcc0; border:1px solid #aebcc0; } .btn > span{ color:#435051; background-color:#fff; } .rev .btn > span{ color:#fff; background-color:#aebcc0; } .btn:hover > span{ color:#fff; background:none; } .rev .btn:hover > span{ color:#aebcc0; } .btn.sml{ font-size:12px; } .btn-submit{ border:0 none; text-indent:-999em; letter-spacing:9999em; text-align:left; direction:ltr; } /**** -------- 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 -372px; } /**** -------- Submit buttons ****/ input.btn{ color:#435051; background-repeat:no-repeat; background-color:#fff; } input.btn:hover{ color:#fff; background-color:#065b78; } .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: #065b78; background-position: right -159px; } .rev input.btn.shop:hover { color:#f06; } .rev input.btn, .cat1 input.btn, .rev input.btn.more{ color:#fff; } .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; } .personal-list .item-links .rem { background:url('../img/main-sprite.png') no-repeat; background-position:-987px -1086px; } .personal-list .item-links .rem:hover{ color: #666666; } .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:Muli, Arial, Helvetica, sans-serif; } .personal-list .event h4 { font-family:Muli, Arial, Helvetica, sans-serif; text-transform:uppercase; color: #009abc;} .personal-list .event h5 { font-family:Muli, Arial, Helvetica, sans-serif; text-transform:uppercase; color: #065B78; } /**** -------- Module 'Buy Now' buttons ****/ .buy-book input.btn.shop:hover { border:1px solid #009abc; color:#fff; background-color:#666666; background-position: right -1586px; } .buy-book input.btn.shop { border:1px solid #009abc; color:#fff; background-color:#009abc; background-position: right -1610px; } .rev .buy-book input.btn.shop:hover { border:1px solid #666666; color:#666666; background-color:#fff; background-position: right -1610px; } .rev .buy-book input.btn.shop { border:1px solid #666666; color:#fff; background-color:#666666; background-position: right -1586px; } .x1 .buy-book input.btn.shop:hover { border:1px solid #666666; color:#666666; background-color:#fff; background-position: right -1610px; } .x1 .buy-book input.btn.shop { border:1px solid #666666; color:#fff; background-color:#666666; background-position: right -1586px; } /**** -------- 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:-261px -170px; } .cat3 .bkmrk > .btn.sml:hover{ background-position:-281px -170px; } .cat3.rev .bkmrk > .btn.sml{ background-position:-300px -170px; } .cat3.rev .bkmrk > .btn.sml:hover{ background-position:-320px -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: -51px -852px; } .xp .cat3 .bookseries{ background-position: 0 -876px; } .bookseries-rollover span{ background: url('../img/main-sprite.png') -90px -853px; } /**** -------- Book details downloads ****/ #relatedDownload{ border-top:solid 1px #ccc; } #relatedDownload > li{ margin: 20px 0; } #relatedDownload > li a{ background-image: url('../img/main-sprite.png'); height:17px; padding:5px 0 5px 29px; color:#666; } #relatedDownload > li a.docu{ background-position: 0px -1298px;} #relatedDownload > li a.imag{ background-position: 0px -1343px; } /**** -------- 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;} .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; } .chk-para{ margin-top: 40px; } .chck-details > li{ border-right: 1px solid #cccccc; } .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{ background:#f6f6f6; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .chck-details h1, .postage-ctr h2 { font-family: Muli, Arial, Helvetica, sans-serif; color: #666666; } .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:-136px -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; } .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 #e6e6e6; } .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 .price-radio-btn, #checkout-page .ff-rad, .order-confirmation .ff-rad { background-image:url('../img/main-sprite.png'); background-position: left -1389px; background-color:transparent; border: none; } .postage li .price-radio-btn.checked, #checkout-page .ff-rad-chkd, .order-confirmation .ff-rad-chkd { background-position:-44px -1389px; } .postage li span.days{ background: url(../img/small_star.png) right no-repeat; padding-right: 10px; padding-top: 7px;} .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; } .postage li p{ margin-bottom: 0; margin-top: 15px; font-style: italic; font-family: Muli, Arial, Helvetica, sans-serif; color: #9f9f9f;} .postage li span.price, .postage li span.del-type { font-size: 24px; } .postage li .price-radio-btn { margin-top: 5px; } .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: 18px; text-transform: uppercase; font-weight: bold; } .postage-ctr .formats-list li .frmt-list-col2 span.auth { text-transform: uppercase; } .formats-list li p .postage-text { font-weight: normal; margin-left: 9px; } .delivery-details h2 { font-size: 16px; } /* DISCOUNTS STYLES */ .discount-amount { color: #00acc1; } .postage-ctr .formats-list li .frmt-list-col2 span .quantity { border: 1px solid #666; } /**** 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; } .sys-err, p.sys-err{ font-style:italic; color:#a90000; border-color:#a90000; background:#fff; } /**** HEADER ****/ .hdr-bg{ background-color:#e6e6e6; } #logo, #logoImg{ width:405px; height:76px; background:url('../img/main-sprite.png') -144px -810px; margin:30px 0 10px 7px; } #logoImg { display: block; position: relative; } #ctr-hdr-login > ul{ color:#666666; } #ctr-hdr-login > ul > li{ border-right:1px solid #999999; } #ctr-hdr-login > ul > li.last{ border-right:0; } #ctr-hdr-login > ul > li.last.bskt{ background:url('../img/main-sprite.png') right -393px no-repeat;} #ctr-hdr-login > ul span{ margin:0 5px 0 0; padding:0 3px 1px 3px; color:#fff; font-family:Muli, Arial, Helvetica, sans-serif; background:#009abc; -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:#009abc; font-family:Muli, Arial, Helvetica, sans-serif; background:none; border:0; } #ctr-hdr-login .grtng > span{ color:#05556F; } #ctr-hdr-login > ul > li.last input{ margin:0; } #ctr-hdr-login > ul > li.last.bskt input{ margin:0 5px 0 0; } #txtSearchBox{ padding:0 0 0 10px; color:#666666; font-weight:normal; background:#fff; border:1px solid #c2c2c2; border-right:none; -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; } .ie7 #txtSearchBox, .ie8 #txtSearchBox{ padding:8px 0 0 10px; } #txtSearchBox:focus{ outline:0 none; } #btnSubmit{ background:url('../img/main-sprite.png') -801px 8px #fff; border:1px solid #c2c2c2; 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; } input#txtSearchBox::-webkit-input-placeholder{ color: #666666; text-transform: uppercase; } input#txtSearchBox:-moz-placeholder { color: #009abc; } #hdr nav{ font:14px Muli, Arial, Helvetica, sans-serif; border:1px solid #c2c2c2; border-right:0 none; } #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:#666666; text-transform:uppercase; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; } #hdr nav > ul > li > .main-nav-link{ padding:5px 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 #999999; } .no-js #hdr nav > ul > li:hover > a, #hdr nav > ul > li.over > a{ padding: 8px 22px 10px 9px; height: 27px; } .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:#e6e6e6; } .ie7 .ctr-subnav{ background:#065b78; } .subnav section{ color:#fff; background:#999999; } .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; text-transform:uppercase; } .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:#fff000; font-style:italic; border-bottom:1px solid #ffffff; } .subnav-col a.btn{ color:#435051; } .subnav-bdr{ border-top:1px solid #cddae0; } .subnav-bdr > div{ } .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; } .subnav-crsl .cptn > span{ font-size:11px; line-height:1.231; } .subnav-crsl .cptn > span.title > a{ font-size:12px; color:#ffffff; } .subnav-crsl .cptn > span.num{ font:14px Muli, 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 Muli, 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'); } .subnav-crsl-ctrls > .prev > a{ background-position:-315px -35px; } .subnav-crsl-ctrls > .next > a{ background-position:-281px -35px; } .subnav-links > li{ margin:0 0 10px; } .subnav-links > li > a{ color:#fff000; text-transform:uppercase; } .subnav-links > li > a:hover{ color:#cccccc; } .subnav-frm h4{ text-transform:uppercase; } .subnav-frm label, .subnav-frm a { color:#fff000; font-family:Muli, 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:#065b78; font-weight:normal; background:#fff; border:1px solid #b4d6e2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .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: #009abc; font-family:Muli, 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; text-transform:uppercase; color:#ffffff; } .subnav-why-join{ list-style:disc inside; font-family:Muli, Arial, Helvetica, sans-serif;} .subnav-why-join > li{ margin:0 0 5px; color:#fff000;} /**** ---- News Bar ****/ #news-bar > div{ background:#999999; } .news{ color:#009abc; padding:10px 0 0 !important;} .news > strong{ color:#fff; 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:Muli, 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:Muli, 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 #aab7bb; } .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:hover, .pg-col1 > .list-a-z > li > input.on{ color:#fff; background:#adbabe; } .subnav .list-a-z{ text-transform:uppercase; background:#ffffff; } .subnav .list-a-z > li > a{ padding:7px 0; color:#ffffff; } .subnav .list-a-z > li{ background:#999999; } .subnav .list-a-z > li > a:hover{ color:#065b78; background:#fff; } /**** ---- Vertical Article Nav ****/ .vert-art-nav > li.selected{ background:#aebcc0; } .vert-art-nav > li > a{ color:#fff; display: block; padding: 10px 0 10px 10px; } /* BOOK DETAILS PAGE */ .pg-col2.dtls > h3, .contents h3, td.page-number { color: #820049; } .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: -760px -71px; } .pg-col2.dtls .format-n-price{ font-size: 15px; } .formats-list.series .cat1 .more{ background-color: #009abc; border: 1px solid #009abc; background-position: right -159px; } .formats-list.series .cat1 .more:hover{ background-position: right -142px; background-color: #009abc; } .formats-list.series .cat1 .more span{ background-color: #009abc; } .formats-list.series .cat1 .more:hover span{ color: #009abc; background-color: #fff; } .back-to-blog {background:#666666;} .mod.size1.x1 .back-to-blog span {color:#fff;} .back-to-blog h1 {color:#05bfe8;text-transform: uppercase;} .mod.size1.x1 .back-to-blog span, .back-to-blog h1 {width: 110px;} /* AUTHOR DETAILS PAGE */ /*.book-other-dets.author-dets .other-dets-hdr{ text-transform: uppercase; color: #990033; font-size: 14px; } .book-other-dets.author-dets li{ font-weight: bold; } */ .author-books ul li{ font-weight: bold; } .author-books > p{ font-weight: bold; font-size: 13px; } .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: #009abc; } .author-books ul li a:hover{ color: #009abc; } .author-books ul li .series-icon .icon-back{ background: url('../img/main-sprite.png') no-repeat -25px -852px; } .author-books ul li .series-icon{ background: url('../img/main-sprite.png') no-repeat left -852px; } .author-books .arrow{ background: url('../img/main-sprite.png') no-repeat -927px -996px; } /**** ---- formats list ****/ .formats-list.brders{ border-top:8px solid #e1e1e1; border-bottom: 8px solid #e1e1e1; } .formats-list{ background:#cbcbcb; border-bottom: 1px solid #cbcbcb; } .formats-list .list-heading.one{ background: #fff; border-left: 2px solid #cbcbcb; border-right: 2px solid #cbcbcb; } .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 #cbcbcb; } .formats-list li.item{ border-right: 2px solid #cbcbcb; border-left: 2px solid #cbcbcb;} .formats-list li.last{ border-bottom: 2px solid #cbcbcb; } .formats-list > li { background:#fff; border-left: 2px solid #cbcbcb; border-right: 2px solid #cbcbcb; } .formats-list > li.drk { background: #f6f6f6; } .formats-list .list-heading .hdr-btn a span{ background: #009abc; } .formats-list .list-heading .hdr-btn a span:hover{ background: #fff; color: #009abc;} .formats-list .list-heading .hdr-btn a{ border: 1px solid #009abc; } .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 #F06; 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 -1561px; } .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 .list-heading.one .first-sub-total { padding-left: 9px; } #MyBasketDiv .formats-list > li .frmt-list-col2 span.book-title { text-transform: uppercase; font-weight: bold; } #MyBasketDiv .formats-list > li .frmt-list-col2 span.book-title + span { font-weight: bold; font-size: 16px; } #MyBasketDiv .formats-list > li .frmt-list-col2 span.auth { text-transform: uppercase; font-size: 10px; } #MyBasketDiv .formats-list li p .total { margin-left: 9px; } #MyBasketDiv .formats-list li p .sub-total { padding-left: 9px; } #MyBasketDiv .formats-list li p .total-cost, #MyBasketDiv .formats-list li p .total { color: #009abc; } .formats-list li.list-heading{ background: #e1e1e1; color: #999999; 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: #999999; } /*.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 #cbcbcb; } .formats-list li.costs.brder{ border-top: 8px solid #cbcbcb; } .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:#f6f6f6; border-top: 2px solid #cbcbcb; border-right: 2px solid #cbcbcb; border-left: 2px solid #cbcbcb; width: 216px; } .right-hdr-ctr h4{ color:#8a8a8a; } .lhxxxl{ line-height: 20px; } /**** ---- edit mode ****/ .formats-list li.first.edit{ border-top: 2px solid #F06; } .formats-list li.edit{ border-right: 2px solid #F06; border-left: 2px solid #F06;} .formats-list li.last.edit{ border-bottom: 2px solid #F06; } .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; } /**** ---- Filter By lists ****/ .list-fltr{ border: 2px solid #e1e1e1; } .bt-hdr-ctr{ background:#949fa3; } .bt-hdr-ctr h4{ color:#fff; } div span.trans{ margin: 9px; } .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-col2 > ul.info-list li p a { color: #009abc; } .pg-col2 > ul.info-list li p { line-height: 1.465; font-family:Muli, Arial, Helvetica, sans-serif; font-size: 12px; } .pg-col2 > ul.info-list li h2{ font-family:Muli, 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 #e6e6e6; } .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 #e6e6e6; 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 #e6e6e6; } /**** REMOVE ****/ /*.twit-bg{ border: 1px solid #9dcde7; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #f4f9fc; margin-top: 8px; } .twitter-share-button { background: url('../img/favicon.ico') 1px center no-repeat; color: #246398; font-size: 12px; } .twitter-share-button:hover { color: #246398;}*/ .cmt-hdr{ color:#fff; background:#aebcc0; } .js .cmt-hdr{ cursor: pointer; } /**** events details page ****/ .date-and-time{ color: #009abc; font-size: 17px; font-family: Muli,Arial,Helvetica,sans-serif; text-transform: uppercase; } /**** ---- XL mod columns, 2nd column is not as wide as on the grid template ****/ .pg-bdr-top{ border-bottom:8px solid #d4e1e5; } .pg-bdr-btm{ border-top:8px solid #d4e1e5; } .pager{ padding:8px 0 0; text-align:center; } #ctr-page .pager .selected, .pager .selected{ padding: 0 6px; } #ctr-page .pager-btn, #ctr-page .pager .selected, .pager-btn, .pager .selected{ font:14px Patagonia, Arial, Helvetica, sans-serif; border:0; background:none; } #ctr-page .pager-btn, .pager-btn{ color:#065b78; } #ctr-page .pager-btn:hover, .pager-btn[disabled="disabled"], .pager-btn:hover{ color:#00b6f3; } .pg-col2-sort label{ cursor:default; } /**** Grid items ****/ .gi{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height: 1; } .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, .gi-subhdr{ font-family:Muli, Arial, Helvetica, sans-serif; text-transform:uppercase; } .gi-hdr{ font-size:18px; line-height:1.05; margin-bottom: 5px; } .gi-bdy{ padding:6px 0 0; } .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: #F06; } .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 #e6e6e6; } #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:#065b78; } #ftr-related-content > nav > ul{ list-style:none; font:14px Muli, Arial, Helvetica, sans-serif; text-transform:uppercase; } #ftr-related-content > nav li > a{ padding:8px 9px; color:#fff; background:#065b78; 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; } #ctr-related-content{ list-style:none; border-top:1px solid #b4d6e2; } #ctr-related-content > li{ background:#065b78; } .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') -927px -1316px no-repeat; } .vid-hdrs-bg{ background:#065b78; } /**** 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:#065b78; } /* @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 #009abc; } div.jp-seek-bar, .yt-seek-bar { border-bottom:7px solid #009abc; } div.jp-play-bar, .yt-play-bar { border-right:1px solid #fff; } /* 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: Muli, Arial, Helvetica, sans-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: Muli, 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 -130px; } .ctr-keep-logged .ff-chkbx-chkd, .ctr-keep-logged .ff-chkbx-focus-chkd{ background-position: -230px -148px; } /* Defaults for Headline */ .ff-sb{ font:12px Muli, Arial, Helvetica, sans-serif; } .ff-sb-left-side{ background:#AEBCC0; } .ff-sb-txt{ color:#fff; text-transform:uppercase; background:url('../img/main-sprite.png') right -941px #AEBCC0; } .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:Muli, 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 Muli, Arial, Helvetica, sans-serif; } .bskt .ff-sb-left-side{ background:#95003c; } .bskt .ff-sb-txt{ padding:1px 25px 0 0; text-transform:none; background:url('../img/main-sprite.png') -907px -391px #95003c; } .gi-btns .bskt .ff-sb-txt { background: url('../img/main-sprite.png') no-repeat #95003c; background-position: right -372px; } .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 -1561px; } /* Saved address dropdown */ .formats-list .list-heading.one .hdr-btn .btn { margin-right: 9px; margin-top: 8px; height: 20px; background-image: none; background: #9a9a9a; border: 1px solid #9a9a9a; color:#fff; } .formats-list .list-heading.one .hdr-btn .btn:hover{ background:#fff; color:#9a9a9a; } .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; } /* TEXT FIELDS */ .col2-frm-ctr label{ margin:0 0 3px; color:#999; } /* E-COMMERCE BREADCRUMB HEADER */ .ecom-hdr-ctr > a { background: url('../img/main-sprite.png') no-repeat; background-position: -144px -810px; width: 400px; height: 76px; margin: 30px 0 10px 7px; } .ecom-hdr-ctr ul li { color: #009abc; } .ecom-hdr-ctr ul li.bc-arrow { background: url('../img/main-sprite.png') no-repeat; background-position: -637px -947px; } .ecom-hdr-ctr ul li.active { font-size: 16px; color: #fff; } /* E-COMMERCE BREADCRUMB HEADER */ ul.breadcrumbs { border-bottom: 8px solid #e1e1e1; margin-bottom: 45px; } ul.breadcrumbs:before { background: url('../img/main-sprite.png') no-repeat; background-position: -709px -947px; } ul.breadcrumbs li { font-size: 20px; 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: #009abc; } /* E-COM */ .bold-label { text-transform: none; color: #9b9b9b; font-size: 14px; padding-bottom: 2px; } #ecom-hdr + #ctr-page .frm-sbmt { border-color: #e1e1e1; margin-top: 70px; } #ecom-hdr + #ctr-page .cat1.rev .btn.more { background-color: #009abc; border: 1px solid #009abc; } #ecom-hdr + #ctr-page .cat1.rev .btn.more > span { background-color: #009abc; } #ecom-hdr + #ctr-page .cat1.rev .btn.more:hover { background-color: #FFF; color: #009abc; background-position: right -1501px; } #ecom-hdr + #ctr-page .cat1.rev .btn.more:hover > span { background-color: #FFF; color: #009abc; } .form-title { text-transform: none; color: #666666; font-size: 24px; } .order-addresses .form-fields .brder .bold-label { color: #666666; font-size: 24px; line-height: 1.0; font-family: Muli, Arial, sans-serif; font-weight: normal; } .form-fields .brder label { color: #9b9b9b } #ecom-hdr + #ctr-page .chck-details .cat1.rev .btn.more { background-color: #666666; border: 1px solid #666666; } #ecom-hdr + #ctr-page .chck-details .cat1.rev .btn.more:hover { background-color: #FFF; color: #666666; background-position: right -1479px; } #ecom-hdr + #ctr-page .cat1.rev input.btn.less:hover { background-position: left -1515px; } .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; color: #8c8c8c; } #checkout-page input[type=text] { background: #f6f6f6; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #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: 22px; text-transform: none; color: #666666; font-weight: bold !important; } .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 #e1e1e1; } #ecom-hdr + #ctr-page .frm-inner-ctr.success .pg-hdr:before { background: url(../img/main-sprite.png) no-repeat 0 -1424px; top: -5px; } .speed-up-section .inner-wrapper span { font-size: 20px; color: #666666; } .speed-up-section .inner-wrapper input { background: #009abc; border: 1px solid #009abc; color: #FFF; padding-right: 5px; } .speed-up-section .inner-wrapper input:hover { background: #FFF; color: #009abc; } /* SAVED ADDRESSES PAGE */ .saved-addresses .address-wrapper .ff-rad { background: url(../img/main-sprite.png) no-repeat; background-position: 0 -1389px; } .saved-addresses .address-wrapper .ff-rad-chkd { background: url(../img/main-sprite.png) no-repeat; background-position: -44px -1389px; } #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; } .saved-addresses h2 { font-family: Helvetica, Arial, sans-serif; color: #666; text-transform: none; } /* ADD TO CART LIGHTBOX */ .frm-container.add-to-cart h1, .frm-container.add-to-cart h2 { color: #009abc; } .frm-container.add-to-cart h1 { border-bottom: 8px solid #e1e1e1; font-size: 33px; } .frm-container.add-to-cart h2 { font-size: 18px; font-weight: bold!important; text-transform: uppercase; } .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: #aebcc0; border: 1px solid #aebcc0; color: #FFF; cursor: pointer; } .frm-container.add-to-cart .btn-ctr input:hover { background: #FFF; color: #aebcc0; } .frm-container.add-to-cart .btn-ctr a { background-image: url(../img/main-sprite.png); border: 1px solid #009abc; background-color: #009abc; color: #FFF; background-position: right -311px; } .frm-container.add-to-cart .btn-ctr a:hover { background-color: #FFF; color: #009abc; background-position: right -1501px; } /* REGISTER GUEST DETAILS PAGE */ .reg-frm h2 { color: #666666; } .reg-frm .form-title { font-size: 20px; } .reg-frm .cat1.rev input.btn.less:hover { background-position: left -1515px; } .reg-frm .cat1.rev input.btn.more { background-color: #009abc; border: 1px solid #009abc; } .reg-frm .cat1.rev input.btn.more:hover { background-position: right -1501px; color: #009abc; background-color: #FFF; } .cptn a { color:#555 } input.sml.btn.shop { padding-right: 24px !important; } .tweet-item > .front > .mod-bdy > p { font-size: 12px !important; } .tweet-agg ul.tweet-pages { bottom:0px !important; }