/*
* HTML5 ? Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, .figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
/*::-moz-selection { text-shadow: none; }
::selection { text-shadow: none; }*/
/* =============================================================================
Links
========================================================================== */
a { text-decoration:none; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, li { margin: 0; padding: 0; list-style: none; list-style-image: none; }
.ie7 ol { margin: 0 0 0 25px; padding: 0; }
ol { margin: 0 0 0 20px; padding: 0; }
ol > li { margin: 0; padding: 0; list-style-type: decimal; }
dd { margin: 0 0 0 40px; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { -ms-interpolation-mode: bicubic; /*vertical-align: middle;*/ }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; padding:0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
/*label { cursor: pointer; }*/
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.mod-bdy{ padding:8px 0 0; }
/* Margins */
.mno{ margin:0; }
/* Paddings */
.pno{ padding:0; }
/**** GLOBAL ELEMENTS ****/
#ctr{ position:relative; min-width:980px; max-width:1700px; margin:0 auto; padding:0 10px; z-index:100; }
/**** Loaders ****/
.ldr{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:103; background-repeat:no-repeat; }
.page-ldr{ position:fixed; width:100%; }
.page-ldr > div{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; }
.mod-ldr{ background-position:center center; }
.lb-ldr{ width:100%; display:none; }
.no-js .page-ldr{ display:none; }
.list-ldr{ display:none; z-index:3; }
.transaction-ldr, .hdr-ldr{ width:16px; height:16px; display:none; }
.book-prices .transaction-ldr{ position:absolute; left:-16px; bottom:1px; }
.gi-btns > .bskt.wshlst > .transaction-ldr{ position:absolute; top:19px; left:108px; }
.bskt-item .transaction-ldr{ position:absolute; top:26px; left:-49px; }
.ctr-qty .transaction-ldr{ position:absolute; top:14px; left:-23px; }
.rem-ctr > .transaction-ldr{ float:right; margin:4px 7px 0 0; }
.hdr-btn > .transaction-ldr, .frmts-list-btn .transaction-ldr{ float:right; margin: 10px 3px 0 0; }
.book-dets-top-list .transaction-ldr, .frmts-list-btn .transaction-ldr{ float:right; margin: 2px 3px 0 0; }
.gi-btns > .bskt > .transaction-ldr,
.gi-btns > .buy-drpdwn > .transaction-ldr{ position:absolute; left:108px; top:1px; }
.big-bskt .gi-btns > .bskt > .transaction-ldr{ top:20px; }
.frm-sbmt > .transaction-ldr{ float:right; margin:6px 7px 0 0; }
.postage .transaction-ldr{ position:absolute; top:41px; left:-25px; }
.transaction-ldr.frmts-wshlst{ float:left; margin:0 0 0 -5px; }
#brickRegion .transaction-ldr{ float:left; margin:4px 0 0 8px; }
.login-ldr{ float:right; margin:2px 8px 0 0; }
.nl-ldr{ float:left; margin:1px 0 0 8px; }
.gi .ldr{ top:-5px; right:-5px; bottom:-5px; left:-5px; background-image:none; }
#art-resize{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; z-index:100; display:none; }
#art-resize > div{ position:relative; width:100px; margin:200px auto 0 auto; padding:10px; }
#scroll-prompt{ position:fixed; bottom:0; z-index:101; display:none; }
.touch #scroll-prompt{ position:relative; bottom:0; z-index:101; display:block; }
#scroll-prompt > div{ margin:0 5px; padding:10px 0; }
/**** ---- Headings ****/
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal !important; overflow:hidden; }
.mod-subhdr, .article-pages h5{ display:block; }
.mod-hdr, .article-pages h1{ overflow:hidden; }
.bnrd .figcaption .mod-hdr, .bnrd .figcaption .mod-subhdr{ padding-right:0; }
.js .mh{ visibility:hidden; }
.js .mh.trncd,
.js .poll .mh.mod-assoc{ visibility:visible; }
/**** GRID LAYOUT ****/
#grid{ position:relative; width:960px; min-width:960px; max-width:1680px; margin:0 auto; padding:0 0 5px; }
/**** ---- Modules ****/
.mod{ position:relative; float:left; z-index:1; }
.size1{ width:240px; }
.size2{ width:480px; }
.size3{ width:720px; z-index: 2; }
.size4{ width:960px; }
.js .mod.x1{ height:160px; }
.js .mod.x2{ height:320px; }
.js .mod.x3{ height:480px; }
.mod.xlrg > div{ min-height:900px; overflow:visible; } /* .xlrg modules actually contain entire pages worth of content but they still behave as modules. the min-height set here is arbitrary, it may change. */
.mod.xlrg > div.smaller{ min-height:310px; overflow:visible; } /* Specific size for author detail pages. */
.mod > div{ position:relative; margin:5px; overflow:hidden; }
.js .mod.x1 > div,
.js .mod.x2 > div,
.js .mod.x3 > div{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; margin:0; }
.mod-bdy{ margin:0; }
.pageerror{ background:url('../img/error-trans.png') 0 0; }
.vid > div.no-flash{ padding:10px; background:#fff; z-index:3; }
.size2.x2.block-rollover-state .mod-btns, .size3.x2.block-rollover-state .mod-btns { display: none; }
/**** -------- Modules that contain images ****/
.fig{ position:relative; z-index:1; overflow:hidden; }
.fig > a{ width:100%; height:100%; display:block; }
.fig img{ border:none; }
.x1 .fig{ height:150px; }
.x2 .fig{ height:310px; }
.x3 .fig{ height:470px; }
.size1.x3 .fig{ height:230px; }
.mod .figcaption{ position:relative; width:100%; bottom:0; left:0; z-index:4; }
.js .xp .mod-bdy{ display:none; opacity:0; }
.js .mod .figcaption{ position:absolute; }
.js .size1.x2 .figcaption, .js .size2 .figcaption{ width:230px; }
.js .size3 .figcaption{ width:470px; }
.js .x3 .figcaption{ height:240px; }
.js .size1.x1 .ctr-art{ padding:10px 5px 20px 10px; }
.js .size1.ro .figcaption > .ctr-art{ padding:10px; }
.size1 .ctr-art,
.js .size1.ro .figcaption.xpd > .ctr-art{ padding:10px 20px 50px 10px; }
.size1.x2 .ctr-art{ padding:10px 10px 50px 10px; }
.size2 .ctr-art,
.size3 .ctr-art,
.js .size2.ro .figcaption.xpd > .ctr-art,
.js .size3.ro .figcaption.xpd > .ctr-art{ padding:20px 20px 60px; }
.js .size2 .figcaption > .ctr-art, .js .size3 .figcaption > .ctr-art{ padding:20px; }
.js .figcaption.xpd > .ctr-art, .js .mod-col2 > .ctr-art{ position:absolute; top:0; right:0; bottom:0; left:0; }
/**** -------- 2 column Modules ****/
.mod-col1{ position:relative; float:left; width:97px; background:#fff; }
.mod-col1 img{ width:97px; height:150px; }
.mod-col2{ position:relative; float:right; width:133px; }
.mod-col1, .js .mod-col2{ height:150px; }
#nav-like-btn{ position:absolute; top:-2px; left:-85px; display:none; }
/**** -------- carried on from here ****/
/**** -------- Facebook aggregator ****/
.mod-fb li{ width:210px; overflow:hidden; }
.mod-fb > ul span{ float:right; width:140px; }
.mod-fb > ul span:first-child{ float:left; width:60px; text-align:right; }
/**** -------- Twitter aggregator ****/
.tweet-agg.size1 .ctr-art{ padding:10px 10px 50px; }
.tweet-item{ position:relative; border-bottom:1px solid; }
.tweet-item > .front > .mod-bdy > p { margin:0; width: 185px; }
.tweet-item > .front a{ text-decoration: none; }
.tweet-item > .front a:hover{ text-decoration: underline; }
.tweet-item .icon{ position: absolute; bottom: 5px; right: 0; width: 20px; height: 21px; }
.tweet-agg h2{ word-wrap:break-word; }
.js .tweet-items { position: absolute;left: 10px;width: 210px;}
.js .tweet-item > div{position: absolute; width:210px; }
.js .tweet-item > .back{ display:none; }
.size1.tweet-agg .mod-btns{ left:0; bottom:16px; }
.tweet-agg-btns{ position:absolute; top:0; right:0; overflow: hidden; float: right;display: inline; }
.tweet-agg-btns li{ height: 19px; }
.tweet-agg-btns li:hover{ cursor: pointer; }
.tweet-agg-btn.older{ float: right; }
.tweet-agg-btn.newer{ float: left; }
.tweet-agg-btn > input{ background-color:transparent; border:none; height: 19px; width: 16px; padding:0; }
.tweet-agg-spinner { position: absolute;width: 100%;height: 100%;display: none;left: 0;top: 0;}
.tweet-agg ul.tweet-pages { position: absolute;bottom: 7px;width: 210px;text-align: center;}
.no-js .tweet-agg ul.tweet-pages { display: none;}
.tweet-agg ul.tweet-pages li {cursor: pointer; margin: 0 2px; display: inline-block;width: 7px;height: 7px;text-indent: -999em;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.ie7 .tweet-agg ul.tweet-pages li { float: left;}
.ie7 .tweet-agg-btns { display: inline; zoom: 1;}
.ie7 .tweet-agg-btns li { display: inline;float: none;}
/**** -------- Poll Modules ****/
.js .poll .mod-assoc{ display:none; }
.js .mod-poll{ position:absolute; bottom:10px; left:10px; width:210px; }
.mod-poll-q > ul, .mod-poll-a > ul{ width:inherit; overflow:hidden; }
.mod-poll-q li{ float:right; width:82px; height:28px; cursor:pointer; padding:10px 10px 8px; }
.mod-poll-q li:first-child{ float:left; }
.mod-poll-q li.disabled{ cursor:default; }
.mod-poll-a{ display:none; }
.mod-poll-a li{ position:relative; overflow:hidden; margin:4px 0 0; padding:3px 10px 2px 0; }
/*.mod-poll-a li.loading{ background }*/
.mod-poll-a li > .bar{ position:absolute; top:0; bottom:0; left:0; width:0; z-index:1;
-webkit-transition-property:width;
-moz-transition-property:width;
-ms-transition-property:width;
-o-transition-property:width;
transition-property:width;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
transition-duration:0.4s;
-webkit-transform: translate3D(0, 0, 0);
}
.mod-poll-a li span{ position:relative; float:left; width:40px; margin:1px 0 0; z-index:2; }
.mod-poll-a li span.pct{ float:left; margin:2px 0 0; text-align:center;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
-ms-transition-property:opacity;
-o-transition-property:opacity;
transition-property:opacity;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-ms-transition-duration:0.2s;
-o-transition-duration:0.2s;
transition-duration:0.2s;
}
/**** -------- Module Carousel ****/
.mod-crsl{ position:relative; width:710px; margin:0 0 0 5px; overflow:hidden; }
.mod-crsl > ul:first-child{ margin:0 0 0 -5px; background:none; z-index:1; }
.ctrls-mod-crsl{ position:absolute; top:5px; right:0; padding:6px 0 6px 6px; overflow:hidden; z-index:2; }
.ctrls-mod-crsl > li{ float:left; width:11px; height:10px; margin:0 6px 0 0; list-style:none; }
.ctrls-mod-crsl a{ width:11px; height:10px; display:block; }
/**** -------- Module formatting ****/
.ctr-art{ word-wrap:break-word; }
.mod blockquote:before, .mod.tweet-agg .mod-hdr:before{ margin:0 3px 0 0; position: absolute; top: 20px; left: 10px; width:33px; height:30px; display: block; }
.mod blockquote.tweet:before, .mod.tweet-agg .mod-hdr:before{ width:45px; height:31px; }
.mod .rev > blockquote.tweet:before{ width:45px; height:31px; }
.mod.tweet-agg .mod-hdr:before{ top:10px; }
.mod blockquote, .mod.tweet-agg .mod-hdr{ margin:43px 0 0; padding:0; }
/**** -------- Newsletters ****/
.ctr-nl-email{ margin:0 0 10px; }
.nl-frm{ padding:18px 0 0; }
.nl-frm .reg-col .checkbox-label{ width: 180px; color: #fff; }
.js .nl-frm{ display:none; }
.frm-sbmt > .no-thx{ border:none; }
.nl-frm-sbmt{ float:left; }
.newsletter-module {
position: relative;
}
.newsletter-module figure {
height: 180px;
overflow: hidden;
text-align: center;
width: 230px;
margin-top: -10px;
margin-left: -10px;
-webkit-transition: height 0.4s ease-in-out;
-moz-transition: height 0.4s ease-in-out;
transition: height 0.4s ease-in-out;
}
.newsletter-module figure.closed {
height: 0;
}
.newsletter-module h2 {
max-width: 210px !important;
padding-top: 10px;
}
/**** -------- Module banners ****/
.bnr{ position:absolute; top:0; right:0; width:72px; height:72px; z-index:2; }
/**** -------- Module Events ****/
.evt{ position:absolute; top:4px; left:20px; width:56px; z-index:2; }
.x2 .evt, .x3 .evt{ top:0; left:0; width:45px; }
.evt > span{ display:block; }
.evt-day{ width:inherit; }
.evt-to{ padding:2px 2px 0; }
.x2 .evt-to, .x3 .evt-to{ padding:0; }
.evt-mth{ width:inherit; }
.x2 .evt-mth, .x3 .evt-mth{ padding:1px 0; }
.figcaption.dark-module {background: url(../img/background-dark-module.png) !important;}
/**** -------- Module buttons ****/
.mod-btns{ position:absolute; right:20px; bottom:20px; left:20px; list-style:none; overflow:hidden; z-index:2; }
.size1 .mod-btns{ right:10px; bottom:10px; left:10px; }
.mod-btns li{ float:left; margin:0 10px 0 0; }
.size1 .mod-btns li{ margin:0 6px 0 0; }
.mod-btns li.bkmrk, .mod-btns .bookseries { float:right; margin:0; }
.bookseries{ width: 19px; height: 19px; }
.gi .bookseries{ position: absolute; top: 5px; right: 5px; }
.mod-btns .bookseries{ margin: 1px 5px 0 0; }
.bookseries-rollover{ width: 160px; min-height: 42px; padding-bottom: 10px; border: 1px solid #cccccc; position: absolute; background: #fff; z-index: 9999; display: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 8px #888;
-webkit-box-shadow: 0 0 8px #888;
box-shadow: 0 0 8px #888;
}
.bookseries-rollover span{ width: 23px; height: 15px; position: absolute; left: 13px; top: -15px; }
.bookseries-rollover .series-rollover-header{ color: #000; margin-top: 10px; font-weight: bold; }
.bookseries-rollover p { color: #6f6f6f; margin: 0 0 1px 10px; }
.js .ro .mod-btns{ display:none; }
.mod-btns li.buy-book{ float:none; margin:0 0 10px 0; }
.size1 .mod-btns li.buy-book{ float:none; margin:1px 0 2px 0; }
.mod-btns li.buy-book .btn,
.mod-btns li.buy-book .transaction-ldr,
.size1 .mod-btns li.buy-book .btn,
.size1 .mod-btns li.buy-book .transaction-ldr { float:left; }
.mod-btns li.buy-book .transaction-ldr, .size1 .mod-btns li.buy-book .transaction-ldr { margin:0 0 0 6px; clear:right; }
/**** -------- Star ratings ****/
.mod-stars{ width:73px; height:15px; }
/**** -------- Module furniture ****/
.block-rollover-state .mod-ro-icon { display: none; }
.mod-ro-icon{ position:absolute; bottom:0; right:0; width:12px; height:12px; overflow:hidden; z-index:1; }
.mod-fltr{ display:none; z-index:99; }
.mod-tint{ position:absolute; top:0; right:0; bottom:0; left:0; display:none; z-index:3; }
/**** ---- Buttons ****/
.btn{ height:27px; padding:0 19px 0 0; display:block; overflow:hidden; }
.btn > span{ height:17px; padding:5px 0 5px 9px; display:block; cursor:pointer; }
.btn.sml{ height:17px; padding:0 14px 0 0; }
.btn.sml.added{ padding: 0; }
.btn.sml > span{ height:15px; padding:1px 0 1px 4px; }
.btn.sml.added > span{ padding: 1px 4px 1px 4px; }
.sml.thin{ width:14px; padding:0; }
.thin > span, .bkmrk > .btn span{ display:none; }
.bck{ padding:0 30px 0 0; }
.btn.less{ padding:0 0 0 19px; }
.btn.less > span{ padding:5px 9px 5px 0; }
.btn-submit{ overflow:hidden; }
.personal-list .item-links .rev.fbbtn input.btn, .rev.fbbtn input.btn{ padding:1px 4px 1px 4px; color:#fff; background:#5b7cae; border:solid #416496 1px; }
.fbbtn.rev:hover input.btn{ color: #fff; background: #5b7cae; }
.sml.shop { padding: 0 19px 0 0; }
/**** -------- Submit buttons ****/
input.btn{ padding:1px 19px 0 5px; }
input.btn.less{ padding:1px 5px 0 19px; }
input.sml.btn{ height:19px; padding:1px 14px 2px 5px; }
input.sml.btn.shop{ padding-right: 19px; }
.ie7 input.sml.btn{ height: 21px; line-height: 15px; }
.personal-list .item-links{ position:absolute; bottom:0; left:0; width:100%; }
.personal-list .item-links.evts{ position: static; }
.personal-list .item-links li{ float:right; }
.personal-list .item-links li.fbbtn{ float:left; margin:0 2px 0 0; height: 19px; }
.personal-list .item-links li.fbbtn input{ height: 19px; line-height: 14px; }
.personal-list .item-links .rem{ padding:0 16px 0 16px; }
.personal-list .attendees{ padding:0 16px 0 16px; }
/* facebook submit buttons*/
.pg-col1 .item-links li{ float: left; margin-right: 4px; }
/**** -------- Bookmark buttons ****/
.bkmrk > .btn{ width:16px; height:29px; padding:0; }
.bkmrk > .btn.sml{ width:13px; height:19px; }
/**** -------- Bookmark list ****/
.personal-list > li{ position:relative; margin-bottom:35px; word-wrap:break-word; }
.personal-list li div.bookmark, .personal-list li div.event{ width:298px; float:left; }
.personal-list li div.detail span{ display:block; }
.personal-list li.no-img div.bookmark { width:auto; }
.personal-list li.no-img div.event{ width: 100%; }
.personal-list .event span.event-title{ display:block; }
.personal-list li .fig, .personal-list li .fig img{ width:78px; overflow:visible; height: auto; }
.personal-list li .fig{ float:left; width:78px; }
/**** -------- Book series button ****/
.bookseries > .btn{ width:14px; height:16px; padding:0; }
/**** -------- Book details videos ****/
#bkvdocntnr{ position: relative; height: 340px; overflow: hidden; }
#btnMoreVideos{ display: block; position: relative; width: 395px; border-bottom: solid #ccc 1px; margin: 35px 0 0 0; }
#btnMoreVideos > span.rtAln{ cursor: pointer; }
#btnMoreVideos > span.fsxxl{ display: inline-block; margin-bottom: 8px; }
#btnMoreVideos > span.rtAln{ position: absolute; right: 0; bottom: 0; background: #ccc; color: #fff; padding: 2px 6px; }
#btnMoreVideos:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
/**** -------- Orders list ****/
ul.orders{ padding-bottom: 18px; }
ul.orders > li{ margin-top: 12px; overflow: hidden; }
/**** OVERLAYS ****/
.popup-main{ background:#fff; }
.frm-container{ padding:50px 40px; width:540px; }
.frm-container .pg-hdr{ margin-bottom:20px }
.frm-container label{ margin:0 0 3px; display:block; }
.privacy{ padding:10px; }
.frm-container h2{ margin:0 0 18px; }
.frm-container p{ margin:0 0 15px; }
.popup-col1.audible{ background-position: -220px -641px; }
.frm-ctr{ padding: 50px 10px 50px 40px; width: 910px; overflow: hidden; }
#ctr-page .frm-ctr{ float:left; width:640px; position: relative; }
.frm-inner-ctr{ float: left; }
.frm-ctr .dets-col{ float: left; }
.frm-ctr .dets-col.first{ width: 100%; }
.form-fields .fields .social-buttons{ margin-bottom: 45px; }
.form-fields .brder{ width: auto; }
.form-fields .brder label { margin-bottom: 5px; display: block; }
.order-summary{ overflow: hidden; }
.order-summary li{ float: left; padding: 30px 15px 30px 15px; width: 172px; }
.order-summary li.ordr-tot-postage { width: 174px; }
.order-summary li.order-tot-subtotal { width: 200px; /* margin-top: 20px; margin-bottom: 35px;*/ }
.order-summary li.drk { padding-top: 33px; padding-bottom: 32px; }
.postage-ctr .order-summary { border-left: none; border-right: none; }
.postage-ctr .order-summary li { margin: 10px 0; padding: 30px 0; background-color: #f6f6f6; width: 100%; }
.postage-ctr .order-summary li span { font-size: 30px; }
.postage-ctr .order-summary li span.fsxl { float: left; margin-left: 30px; }
.postage-ctr .order-summary li span.big-ttl { float: right; margin-right: 30px; }
.delivery-details { border-top: 1px solid #dbdbdb; padding: 20px 0; }
.delivery-details .postage-name { float: left; margin-left: 30px; }
.delivery-details .postage-price { float: right; margin-right: 30px; }
.dets-chck input{ float:left; margin-right: 5px; }
.dets-chck label{ float:left; width: 230px; }
.dets-col .brder select{ margin-bottom: 15px; }
.form-fields .rev a{padding-right: 0; width: 195px; margin-left: 106px;}
.form-fields .rev a.btn{ width:auto; margin:0; padding-right:17px; }
.form-fields .rev a.lb-more{float:left; padding-right:19px; width:auto; margin-left:0;}
/*.summary-ctr{ position:absolute; top:200px; right:100px; z-index:2; }*/
.chck-details { overflow: hidden; margin-bottom: 40px; }
.chck-details h3 { margin-bottom: 30px; font-size: 20px; }
.chck-details > li{ width: 225px; float: left; margin-left: 40px; height: auto; position: relative; }
.chck-details > li.frst{ margin-left: 0; }
.chck-details > li div.btn{ margin-top: 15px; }
.chck-details > li > ul > li{ margin-bottom: 5px;}
.chck-details li.crd-chk{ width: 463px; height: 400px; border: none;}
.chck-details li.crd-chk div{ float: left; width: 200px; }
.chck-details li.crd-chk div.first{ width: 167px; margin-top: 15px; }
.chck-details li.crd-chk div.second{ width: 270px; margin-top: 15px;}
.chck-details li.crd-chk div.second input{ display: inline; margin-bottom: 10px;}
.chck-details li.crd-chk div.second input.marg{ margin-right: 7px; }
.chck-details { margin-top: 50px; }
.success .pg-hdr + .frm-sbmt { display: none; }
.reg-col{ width:250px; float:left; position: relative; z-index: 2; }
.reg-col > div{ position:relative; }
.reg-col > div, .dets-col .brder > div{ padding:0 0 18px; overflow:hidden; }
.reg-col > div.ctr-err{ padding:0; }
.reg-col div.ff-sb, .dets-col .brder div.ff-sb{ margin:0 0 18px; padding:0; overflow:visible; }
.reg-col > div#brickRegion, .dets-col .brder > div#brickRegion{ overflow:visible; }
.ie7 div#brickRegion div{ margin-bottom: 18px; }
.reg-col1{ margin-right: 39px; }
.fr{ float: right; }
.fl{ float: left; }
.reg-col .checkbox, .reg-col .checkbox-label{ float:left; }
.reg-col .checkbox, .reg-col .checkbox{ width:24px; }
.chck-marg{ margin-bottom: 18px; width: 100%; clear: both; }
.chck-marg .ff-chkbx{ float: left; margin-top: -3px; }
.reg-col .checkbox-label{ width:220px; margin:3px 0 10px 3px; }
.opt-ins{ padding-bottom:24px; }
.reg-col2 .opt-ins input.text{ margin:0; }
.reg-col input.text, .dets-col .brder input.text, .card-dets li input,
.chck-details li.crd-chk div input, #checkout-page input.text { position:relative; width:230px; padding:12px 8px 8px 8px; z-index:2; }
.regterms{ margin-bottom:10px; }
.frm-sbmt{ width:100%; margin-top:30px; }
.frm-sbmt.reg, .frm-sbmt.sca{ margin-top:10px; }
.frm-sbmt.width{ width: 638px; }
.frm-sbmt .frm-col1{ padding-top: 30px; float: left; }
.reg-col > .frm-sbmt{ padding:0; }
.popup-subhdr{ display:block; }
.popup-ctr{ padding:17px 40px 25px; overflow:hidden; }
.popup-col1{ float:left; width:348px; overflow:hidden; }
.popup-disclaimer{ float:left; margin:0 0 0 148px; width: 100%; }
.buy-ebook-btn{ margin:11px 0 15px; }
.popup-ftr > div:first-child{ overflow:hidden; }
.popup-ftr-hdr{ float:left; margin:0 20px 0 0; }
.popup-ftr-btns{ position:relative; float:left; margin:-1px 0 0; overflow:hidden; }
.popup-ftr-btns > li{ float:left; margin:0 10px 0 0; }
.link-retailers{ float:right; padding:0 20px 0 0; }
.lb-crsl{ position:relative; width:590px; margin:25px 15px 0; overflow:hidden; }
.js .lb-crsl{ height:75px; }
.lb-crsl > ul:first-child li{ position:relative; float:left; width:140px; margin:0 10px 10px 0; overflow:hidden; }
.lb-crsl > ul:first-child li.last{ margin:0 0 10px; }
.lb-crsl .fig{ width:140px; height:60px; }
.lb-crsl-ctrls > li > a{ position:absolute; top:3px; width:22px; height:44px; z-index:2; }
.lb-crsl-ctrls > .prev > a{ left:0; }
.lb-crsl-ctrls > .next > a{ right:0; }
/**** NEWSLETTERS PAGE ****/
.nwsletter-ctr{ padding-bottom: 25px; }
.nwsletter-section{ padding-bottom: 20px; margin-bottom: 30px; }
/*.nwsletter-col{ float: left; width: 49%; }*/
.nwsletter-col > ul li, .nwsletter-section > ul li{ margin-bottom: 18px; overflow: hidden; float: left; clear: both; margin-right: 35px; }
.nwsletter-col > ul li .checkbox, .nwsletter-section > ul li .checkbox{ margin-right: 10px; float: left; }
.nwsletter-col > ul li .checkbox-label, .nwsletter-section > ul li .checkbox-label{ width:140px; float: left; }
.nwsletter-col > ul li.col2, .nwsletter-section > ul li.col2{ clear: none; float: none; margin-right: 0; }
.done{ margin-bottom: 100px; }
/**** DETAILS & POSTAGE PAGES ****/
.pst-intro{ margin:18px 0 0 0; }
.brder select{ margin-right: 10px; }
.postage{ width: 638px; margin-top: 20px; }
.postage li{ padding: 28px 0 28px 10px; position: relative; background: #f4f4f4; margin-top: 10px; overflow: hidden; }
.postage li span.price{ margin-left: 50px; margin-right: 90px;}
.postage li span.del-days { position: absolute; right: 60px; top: 36px; }
.postage li span.del-type { position: absolute; top: 36px; }
.postage li .price-radio-btn { position: absolute; }
.postage li .price-radio-btn, #checkout-page .ff-rad, .order-confirmation .ff-rad { width: 25px; height: 25px; }
.postage li span.price {float: right; margin-right: 30px; }
.postage li span.del-type { margin-left: 75px; top: 29px; }
.form-row{ margin:0 0 17px; }
/**** Error handling ****/
.text-err{ position:relative; width:214px; margin-top:-5px; padding:8px 8px 4px; z-index:1; display:block; visibility:hidden;
-webkit-transition:margin-top 0.4s ease-out;
-moz-transition:margin-top 0.4s ease-out;
-ms-transition:margin-top 0.4s ease-out;
-o-transition:margin-top 0.4s ease-out;
transition:margin-top 0.4s ease-out;
}
.subnav-frm .text-err{ width:241px; margin-top:-38px; margin-bottom:10px; }
.order-addresses .text-err { width: 231px; margin-top: -15px; }
.captcha.text-err { width: 296px; margin-top: 7px; margin-left: 3px; }
.mod .text-err{ width:194px; }
.col2-frm-ctr .text-err{ width:378px; margin-top:-28px; display: none; }
.col2-frm-ctr .text-err.show{ margin-top: -6px; display: block; }
.col2-frm-ctr #changePassword .text-err{ width:176px; }
.text-err.show{ visibility:visible; }
.subnav-frm .text-err.show{ margin-top:-17px; }
.chkbx-err{ clear:both; margin:0 0 0 21px; padding:3px 0 0; display:none; }
.chkbx-err.show, .select-err.show{ display:block; }
.select-err{ float:right; width:90px; margin:0 0 0 10px; padding:0; display:none; }
.form-row .select-err{ float:left; width:200px; margin:4px 0 0 10px; }
p.sys-err{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-boz-sizing:border-box;max-width: 616px; margin-top: 20px; }
.mod.nl .nl-frm p.sys-err{ width: 198px; height: 26px; color: #a90000; margin: 0 0 5px 0; padding: 5px; }
p.sys-err.comp{ width: 373px; }
.reg-col p.sys-err, .fp p.sys-err{ width:228px; }
.js .no-js-validator{ display:none !important; }
span.booktitle{ display:block; }
/**** HEADER ****/
#hdr{ position:relative; width:100%; z-index:4; }
#hdr > div:first-child{ position:relative; width:100%; z-index:2; }
.hdr-bg{ position:absolute; top:0; right:5px; bottom:10px; left:5px; z-index:1; }
#logo{ float:left; display:block; }
#ctr-hdr-login{ position:relative; float:right; width:370px; margin:40px 15px 0 0; z-index:99; }
#ctr-hdr-login > ul{ margin:0 0 8px; overflow:hidden; }
#ctr-hdr-login > ul > li{ float:right; padding:0 0 0 6px; overflow:hidden; vertical-align: top; }
#ctr-hdr-login > ul > li.last.bskt{ padding:0 14px 0 8px; }
#ctr-hdr-login a, #ctr-hdr-login .last.bskt a{ margin:0 5px 0 0; overflow:hidden; }
#ctr-hdr-login .last a{ margin:0; }
#ctr-hdr-login > ul:first-child a{ display:inline; }
#ctr-hdr-login > ul span{ float:left; font-weight: bold; }
#ctr-hdr-login .grtng > span, #ctr-hdr-login .bskt a, #ctr-hdr-login .wshlst a{ float:left; overflow:hidden; }
.use-of-cookies { clear: both; border-right: 0!important; margin-top: 5px; }
.use-of-cookies + li { margin-top: 5px; }
.use-of-cookies > a { margin-right: 0!important; }
.logout-button { border-right: 0!important; }
.logout-button > input { margin-right : 0!important; }
#ctr-hdr-login .loading-account-ctr ul, #ctr-hdr-login .loading-account-ctr ul li span,
#ctr-hdr-login .loading-account-ctr ul li div { float: right }
#ctr-hdr-login .loading-account-ctr ul li { float: right; clear: both; }
#ctr-hdr-login .loading-account-ctr ul li a { margin-right: 0; }
.account-ldr { width: 16px; height: 16px; margin-right: 15px; }
.guest-msg { float: right; }
#ctr-hdr-elms{ clear:both; position:relative; margin:0 5px; padding:0 0 10px; z-index:2; }
#ctr-search{ float:left; width:355px; overflow:hidden; }
#txtSearchBox{ float:left; width:314px; height:34px; overflow:hidden; }
.ie7 #txtSearchBox, .ie8 #txtSearchBox{ height:26px; }
#btnSubmit{ float:left; width:25px; height:36px; overflow: hidden; }
.ie7 #btnSubmit{ margin-left: -2px; padding-left: 2px; }
#btnSubmit:focus{ outline:0 none; }
#hdr nav{ position:absolute; top:0; left:360px; right:0; }
#hdr nav > ul > li{ float:left; height:28px; }
#hdr nav > ul > li > a{ position:relative; height:14px; display:block; z-index:3; }
.no-js #hdr nav > ul > li:hover > a,
#hdr nav > ul > li.over > a{ height:25px; }
.nav-fav > span{ display:block; }
#hdr nav > ul > li > .main-nav-link { cursor: default; }
/**** ---- Subnav ****/
.ctr-subnav{ position:absolute; top:44px; left:-361px; width:950px; overflow:hidden; visibility:hidden; }
.no-js #hdr nav > ul > li:hover .ctr-subnav{ visibility:visible; }
.subnav{ position:relative; width:100%; overflow:hidden; }
.subnav section{ position:relative; z-index:2; display:block; }
.subnav-cols{ /*width:950px;*/ padding:15px 0 0 0; overflow:hidden; }
.subnav-col{ float:left; width:285px; padding:5px 0 20px 31px; }
.subnav-col.col2-3of3{ width:558px; }
.subnav-cols.cols2 > .subnav-col{ width:451px; padding:5px 0 20px 22px; }
.subnav-col > div:first-child, .subnav-col > div.wrpr-sub-crsl{ width:inherit; overflow:hidden; }
.subnav-col h3{ float:left; }
.subnav-col .subnav-a-z-title{ width:251px; }
.subnav-col > div > .btn{ float:right; margin:0 34px 0 0; }
.subnav-col > div > .btn.sml{ line-height: 12px; }
.subnav-cols.cols2 > .subnav-col > div > .btn{ margin:0 21px 0 0; }
.subnav-bdr{ width:auto; height:9px; padding:0 474px; overflow:hidden; }
.subnav-bdr > div{ position:relative; float:left; width:474px; height:9px; }
.subnav-bdr > .subnav-bdr-left{ margin-left:-474px; }
.subnav-bdr > .subnav-bdr-centre{ width:100%; }
.subnav-bdr > .subnav-bdr-right{ margin-right:-474px; }
.subnav-crsl{ clear:left; position:relative; width:254px; margin:0 0 20px; overflow:hidden; }
.subnav-col.col2-3of3 .subnav-crsl{ width:518px; }
.subnav-cols.cols2 .subnav-crsl{ width:430px; }
.subnav-crsl > ul{ z-index:1; }
.subnav-crsl li{ position:relative; float:left; width:78px; margin:0 10px 10px 0; overflow:hidden; }
.subnav-crsl li.last{ margin:0 0 10px; }
.subnav-crsl .fig{ width:78px; height:78px; margin:0 0 8px; }
.subnav-crsl .cptn > span{ width:78px; display:block; }
.subnav-crsl .cptn > span > a{ display:block; }
.subnav-crsl .rmv{ position:absolute; top:0; right:0; width:13px; height:13px; z-index:1; display:none; }
.subnav-crsl li:hover > .rmv{ display:block; }
.subnav-crsl .del{ width:100%; z-index:2; overflow:hidden; }
.js .subnav-crsl .del{ position:absolute; top:0; left:0; display:none; }
.subnav-crsl .del > span{ display:block; }
.subnav-crsl .del > a, .subnav-crsl .del > input{ width:29px; height:20px; }
.subnav-crsl .del > a{ height:16px; }
.subnav-crsl .del-yes{ float:left; margin:0 0 8px 5px; }
.subnav-crsl .del-no{ float:right; margin:0 5px 8px 0; }
.loading-msg { font-size: 13px; margin-top: -10px; }
.subnav-crsl-ctrls > li{ position:static; }
.subnav-crsl-ctrls > li > a{ position:absolute; top:17px; width:22px; height:44px; z-index:2; }
.subnav-crsl-ctrls > .prev > a{ left:0; }
.subnav-crsl-ctrls > .next > a{ right:0; }
.subnav-col.wide{ width: 590px; border-right: none; }
.wrpr-sub-crsl.wide, .wrpr-sub-crsl.wide .subnav-crsl { width: 558px; }
.loading-msg { font-size: 12px; }
.subnav-links,
.subnav-frm,
.subnav-btn-create-acc{ clear:left; }
.subnav-frm{ width:255px; margin:0 0 50px; }
.subnav-frm label,
.subnav-frm a,
.subnav-frm input{ display:block; }
.subnav-frm ul a{ width:100%; height:100%; }
.subnav-frm input[type="text"],
.subnav-frm input[type="password"]{ width:100%; }
.subnav-frm input.text,
.mod input.text{ position:relative; width:235px; height:14px; padding:7px 10px 7px 10px; z-index:2; }
.mod input.text{ width:188px; }
.ctr-keep-logged{ width:100%; overflow:hidden; }
.ctr-keep-logged > .chckbx{ width:21px; }
.ctr-keep-logged > input, .ctr-keep-logged > label{ float:left; }
.ctr-keep-logged > label{ width:350px; }
.subnav-frm .ctr-keep-logged > label{ width:220px; }
.ctr-keep-logged a{ display:inline; text-decoration:underline; }
.ctr-keep-logged .ff-chkbx{ clear:left; }
.subnav-link-fp{ display: block; clear:both; margin-top: 20px; margin-bottom:10px; text-decoration:underline; }
.social-buttons{ width:268px; padding:10px 0 0; overflow:hidden; }
.social-buttons > li input, .social-buttons> li a{ float:left; margin:0 3px 0 0; }
.social-buttons > li input, .social-buttons> li a{ width: 83px; height: 26px; display:block; }
.subnav-frm ul > li .gr{ margin:0; }
.login fieldset ul{ margin-bottom:20px; }
.login fieldset ul.why-join{ width: 100%; font-size: 12px; }
.login fieldset ul.why-join li h2{ margin: 0; }
.login fieldset ul.why-join li{ margin-top: 10px; }
h2.why-join{ margin-top:30px; }
.subnav-btn-create-acc{ float:left; margin:0 0 30px; display:block; }
.subnav-hdr-why-join{ clear:left; }
.subnav-why-join{ width:300px; margin:0 0 30px; }
.sys-err{ clear:left; width:228px; margin:0 0 10px 0; padding:10px; border:1px solid; display:block; }
.subnav-col .sys-err{ width:235px; margin:0 10px 10px 0; }
.reg-frm .sys-err{ width:518px; }
.postage-err > .sys-err{ width:618px; }
/**** -------- Subnav transitions ****/
#subnav{
-webkit-transition: -webkit-transform 0.8s ease-out;
}
/**** ---- News Bar ****/
#news-bar{ position:relative; margin:0 5px; overflow:hidden; z-index:1; }
#news-bar > div{ position:relative; width:100%; height:40px; background:#065b78; overflow:hidden; }
#news-bar > .subnav-bdr{ width:auto; height:9px; background:none; }
.news{ margin:0 0 0 10px; padding:15px 0 0; }
/**** ---- Default Module transitions ****/
/*.isotope,
.isotope .isotope-item {
-webkit-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-ms-transition-duration:0.8s;
-o-transition-duration:0.8s;
transition-duration:0.8s;
}
.isotope {
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
}
.isotope .isotope-item {
-webkit-transition-property:-webkit-transform, opacity, top, left;
-moz-transition-property: -moz-transform, opacity, top, left;
-ms-transition-property: -o-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}*/
/**** ---- Module filtering ****/
.isotope-item {
z-index: 2;
}
.xlrg.isotope-item {
z-index: 3;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** ---- Disabled Module transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/**** -------- Disable transitions for containers with infinite scrolling */
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
/*#nav-pages{ position:absolute; bottom:0; left:0; }*/
.js #nav-pages{ visibility:hidden; }
/**** PAGES ****/
.pg-col{ float:left; padding:65px 0 0; }
.pg-col.one-col{ padding-left: 50px; padding-right: 50px; }
.pg-col .above-body { margin: 20px 0; }
/**** ---- Detail templates, no top padding in columns ****/
.mod.dtl .pg-col{ padding:0; }
/**** First Column ****/
.pg-col1{ width:219px; margin:0 40px 80px 10px; float: left; }
.pg-col1-img{ margin-top: -65px; line-height: 0; min-height: 45px; min-width: 45px; margin-left: -10px; }
/**** ---- First column elements ****/
.pg-col1-mod{ margin:0 0 20px; clear:both; }
/**** ---- First Column search box ****/
.pg-col1-srch{ padding:10px; }
.js .pg-col1-srch .SearchButton{ display:none; }
.col1-srch{ width:174px; padding:8px 10px; }
.col1-srch:focus{ outline:0 none; }
/**** ---- A-Z lists ****/
.list-a-z{ overflow:hidden; }
.list-a-z > li{ float:left; margin:0 1px 1px 0; }
.list-a-z > li.end{ margin-right:0; }
.list-a-z > li.btm{ margin-bottom:0; }
.list-a-z > li > a,
.list-a-z > li > input{ width:100%; display:block; }
.pg-col1 > .list-a-z{ width:217px; padding:0 1px 2px 2px; }
.pg-col1 > .list-a-z > li{ width:30px; }
.pg-col1 > .list-a-z > li.other,
.pg-col1 > .list-a-z > li.other > input{ width:61px; }
.subnav .list-a-z{ width:251px; margin:0 0 10px; }
.subnav .list-a-z > li{ width:35px; }
.subnav .list-a-z > li.other{ width:71px; }
/**** ---- Vertical Article Nav ****/
.vert-art-nav{ margin:-5px 0 0 -10px; }
.vert-art-nav > li{ margin-bottom: 10px; }
.ie7 .vert-art-nav > li > a{ width: 219px; }
/* BOOK DETAILS PAGE */
.book-dets-top-list{ overflow: hidden; }
.book-dets-top-list .mr{ margin-right: 5px; }
.book-dets-top-list li{ margin-top: 7px; overflow: hidden; display: inline; }
.book-dets-top-list li .buy-item{ margin-bottom: 10px; }
.book-dets-top-list li > .wshlst{ margin-right: 10px; }
#ucBookDetails_without_spreads > .rev, #ucBookDetails_with_spreads > .rev, #ucBookDetails_pnlExtract > .rev { margin-bottom: 20px; }
.long-desc{ margin-top: 35px; }
.book-other-dets{ border-top: 1px solid #cccccc; padding: 10px 0 45px 0; overflow: hidden; }
.book-other-dets li.other-dets-hdr{ float: none; }
.book-other-dets li{ float: left; margin-right: 10px; }
.contents { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-top: 20px; padding-bottom: 20px; }
.book-rev-quotes { padding-bottom: 2px; margin-bottom: 30px; margin-top: 20px; padding-bottom: 25px; }
.rev-quote{ margin-top: 20px; }
.rev-quote:before { content: ''; width: 20px; height: 19px; display: block; padding-top: 5px; }
.formats-list.series .cat1{ background: #fff; }
.formats-list.series .cat1{ color: #fff; }
.formats-list.series .cat1 .more:hover{ background-color: #fff; }
.formats-list.series .cat1 .more span{ color: #fff; }
.after-series{ margin-right: -1px; display: none; }
.open-spreads{ cursor:pointer; }
.eu-toy{ border-top: 1px solid #ccc; padding-top: 10px; }
.contents h3 {
font-size: 16px;
color: #000;
margin-bottom: 20px;
}
.contents table {
width: 100%;
}
.contents td {
padding-bottom: 20px;
}
.contents td.chapter-title {
width: 65%;
}
.contents td.page-number {
background: #fff;
position: relative;
display: inline-block;
float: right;
}
.contents td.page-number span {
background: #fff;
position: relative;
display: inline-block;
padding: 0 0px 0 2px;
}
.contents td.page-number:before {
position: absolute;
height: 1px;
right: 1px;
top: 13px;
width: 32px;
background: #999;
content: "";
}
.back-to-blog {
background: #fff;
color: #000;
text-align: center;
}
.back-to-blog a {
display: block;
padding: 42px 0;
}
.back-to-blog h1, .back-to-blog span {
width: 90px;
margin: 0 auto;
text-align: left;
}
.mod.size1.x1 .back-to-blog span {
display: block;
color: #000;
text-indent: 3px;
font-size: 18px;
}
.back-to-blog h1 {
font-size: 36px;
overflow: visible;
line-height: 46px;
color: #000;
}
/* AUTHOR DETAILS PAGE */
.author-books{ padding-top: 30px; overflow: hidden; }
#current{ margin-top: 50px; }
.author-books ul li{ margin-bottom: 20px; font-size: 14px;}
.author-books > ul{ margin-top: 20px; }
.author-books .author-book-list { outline: none; }
.author-books .less, .author-books .more{ margin-top: 20px; }
.author-books .btn.less > span{ padding-top: 1px; }
.author-books .rev .less{ padding-left: 14px; }
.author-books .rev:hover{ background-color: #fff; }
.author-books .jspContainer{ overflow: hidden; position: relative; }
.author-books .jspPane{ position: absolute; }
.author-books .jspCap{ display: block;background: #f2f2f2; }
.author-books .jspVerticalBar .jspCap{ height: 5px; }
.author-books .jspVerticalBar .jspCapTop{ border-top: 1px solid #cecece; border-left: 1px solid #cecece; border-right: 1px solid #cecece;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.author-books .jspVerticalBar .jspCapBottom{ border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; border-right: 1px solid #cecece;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
.author-books .jspVerticalBar{ position: absolute; top: 0; right: 0; width: 16px; height: 100%; }
.author-books .jspVerticalBar *, .author-books .jspHorizontalBar *{ margin: 0;padding: 0; }
.author-books .jspTrack{ background: #f2f2f2; position: relative; border-right: 1px solid #cecece; border-left: 1px solid #cecece; }
.author-books .jspDrag{ background: #bebebe; position: relative; top: 0; left: 2px; cursor: pointer; width: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.author-books ul li .series-icon .icon-back{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; filter: alpha(opacity=0);
-webkit-transition: 0.2s opacity ease-in;
-moz-transition: 0.2s opacity ease-in;
transition: 0.2s opacity ease-in;
}
.author-books ul li .series-icon{ display: block; width: 19px; height: 19px; float: right; margin-right: 10px; position: relative;
text-indent: -9999px;
}
.author-books ul li{ padding: 10px 6px 10px 10px; margin: 0; clear: both; width: 379px; float: left; }
.author-books ul li a{ float: left; max-width: 310px; }
.author-books .arrow{ display: block; width: 13px; height: 13px; float: right; margin-top: 3px; cursor: pointer; margin-right: 17px; }
.author-books ul li ul li{ padding-left: 20px; width: 359px; }
.author-books .series-list.hide{display: none;}
/**** ---- formats list ****/
.frmts-hdr{margin-top: 60px; margin-bottom: 8px; display:block; }
.formats-list{ width:218px; padding-right: 2px; }
.formats-list.brders{ overflow: hidden; }
.formats-list .list-heading.one .first-sub-total { padding: 9px 0 10px 3px; }
.formats-list .list-heading.one .first-sub-total, .formats-list .list-heading.one .sub-total { font-size: 14px; }
.formats-list .list-heading.one .sub-total { padding: 9px 8px 0 0; }
.formats-list .list-heading.one{ padding: 0; }
.formats-list .list-heading.one .hdr-btn a{ margin-right: -5px; }
.formats-list > li { padding:14px 0 7px; width: 216px; position: relative; float: left; }
.pg-col1 .formats-list > li{ padding:14px 0 0; }
.formats-list > li .frmt-list-col1{ float: left; padding: 0 5px 0 7px; width: 30px; min-height:30px; }
.formats-list > li .frmt-list-col1 .fig{ width:28px; height:43px; overflow:visible; }
.formats-list > li .frmt-list-col2 { width: 166px; position: relative; }
.formats-list > li .frmt-list-col2 span{ display: block; }
.formats-list > li .frmt-list-col2 span.book-title { margin-bottom: 5px; }
.formats-list > li .frmt-list-col2 span.book-title,
.formats-list > li .frmt-list-col2 span.auth{ width: 100px; }
.formats-list > li .frmt-list-col2 .quantity{ position: absolute; top: 22px; right: 0; width: 30px; padding-right: 4px; }
.formats-list > li .frmt-list-col2 .wshlst-book-hdr, .formats-list > li .frmt-list-col2 .wshlst-book-author { width: 100px; }
.formats-list > li .frmt-list-col2 .format{ width: 110px; }
.formats-list.series > li .frmt-list-col2 .format{ width: 100%; }
.formats-list.wshlst > li { padding-bottom : 0; overflow: hidden; float: left; }
.formats-list > li .frmt-list-col2 div.frmts-list-btn{ margin-top: 10px; margin-right: -8px; overflow:hidden; }
.formats-list > li .frmt-list-col2 div.frmts-list-btn input{ float:right; }
.formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt{ margin-top: 0; margin-bottom: 0; display: inline; }
.formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt input { margin-right: -8px;}
.ie7 .formats-list > li .frmt-list-col2 div.frmts-list-btn.bskt input { line-height: 13px; }
.formats-list li.list-heading{ padding: 5px 0 5px 10px; float: left; }
.formats-list li.deals{ width: 209px; }
.formats-list li.costs { width: 211px; float: left; position: relative; display: block; overflow: hidden; padding: 5px 5px 3px 0; }
.formats-list li.costs p { float: right; margin: 0; padding: 2px 0 2px 0; }
.formats-list li p .sub-total { padding: 11px 0 11px 9px; font-size: 14px; }
.formats-list li p .sub-total-cost { padding: 11px 2px 0 0; }
.formats-list li p .postage-text { margin-left: 48px; border: none; font-weight: bold; padding-bottom: 10px; font-size: 14px; }
.formats-list li p .total { line-height: 40px; margin-left: 9px; font-weight: bold; font-size: 18px; }
.formats-list li p .total-cost { font-size: 18px; line-height: 40px; }
.formats-list li p.price-ctr { width: 212px; float: right; overflow: hidden; position: relative; display: block; }
.formats-list li.brder-item { height: 7px; padding-top: 0; }
.formats-list li p .postage-cost { padding-right: 2px; }
.deals p { float: right; display: block; }
.costs p { float: right; display: block; }
.right-hdr-ctr{ overflow:hidden; cursor:pointer; width: 220px; }
.right-hdr-ctr h4{ float: left; padding: 9px 0 9px 9px; }
.cb{clear: both; }
.bskt-item .formats-list > li .frmt-list-col2 .quantity { color: #4786a1; font-weight: bold; }
.formats-list > li .frmt-list-col2 .info{ clear:left; background-position:left -994px; padding-left:16px; }
.js .frmt-list-col2 .info{ cursor:pointer; }
.formats-list > li .frmt-list-col2 .wshlst{ float:left; padding-left: 16px; margin-right: 7px; border: none; }
.formats-list > li .frmt-list-col2 .more-info{ width:165px; margin-left: 15px; overflow:hidden; }
.formats-list > li .frmt-list-col2 .more-info li{ font-size: 11px; }
.formats-list > li .frmt-list-col2 .info i{ float: left; line-height: 1.5; }
.formats-list > li .frmt-list-col2 .info .more-info-drpdwn { width: 12px; height: 12px; margin-left: 5px; float: left; margin-top: 3px; }
.formats-list > li .frmt-list-col2 .more-info-drpdwn:hover{ cursor: pointer; }
.formats-list li.edit { margin-left: -2px; }
/* multi basket */
.multi-bskt-side .formats-list{ padding-right: 0; border: none; }
.multi-bskt-side .formats-list > li { border-left: none; border-right: none; }
#MyBasketDiv > .formats-list > li { padding-top: 0; padding-bottom: 0; }
/**** ---- edit mode ****/
input.sml.btn.edit-bskt-btn { height: 35px; }
.formats-list li.item .edit-btn{ width: 13px; height: 12px; position: absolute; left: -19px; top: 25px; }
.bskt-rmv-btn{ position:absolute; top:28px; left:-25px; width:13px; height:13px; border:0; text-indent:-999em; overflow:hidden; direction:ltr; }
.formats-list .frmt-list-col1 .bskt-rmv-btn{ line-height: 0; }
/**** ---- Filter By lists ****/
.bt-hdr-ctr{ margin:-2px -2px 0; cursor: pointer; padding: 0 2px; width: 100%; float: left; position: relative; }
.bt-hdr-ctr h4{ float: left; padding:4px 0 3px 8px; }
div span.trans{ float: right; width: 16px; height: 17px; }
.rotate-arrow90deg, .rotate-arrow0deg, .rotate-arrow-90deg {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.rotate-arrow90deg{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, sizingMethod='auto expand');
zoom: 1;
}
.rotate-arrow0deg{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, sizingMethod='auto expand');
zoom: 1;
}
.rotate-arrow-90deg{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, sizingMethod='auto expand');
zoom: 1;
}
.fltr-clear-all{ float:right; margin:-20px 0 0; color:#999; cursor:pointer; }
.list-fltr{ float: left; width: 215px; }
.list-fltr ul{ float: left; position: relative; width: 100%; }
.list-fltr ul.publisher-drpdwn-ctr{ overflow:visible; }
.list-fltr li{ padding: 6px 4px 5px 13px; }
.ie7 .list-fltr li.nstd-hdr{ float: left; }
.list-fltr .nstd{ padding: 0 14px 0 0; overflow: hidden; position: relative; margin: 0; }
.list-fltr .nstd label{ width: 150px; }
.list-fltr li.date-selector{ padding:5px 3px 20px 13px; }
.list-fltr .list-fltr-rad li{ overflow:hidden; }
.list-fltr label{ width:160px; float:left; position: relative; margin:1px 0 0; cursor:pointer; }
.list-fltr ul li span.trans{ float: right; width: 14px; height: 11px; cursor: pointer; margin: 5px 3px 0 0; }
.list-fltr input[type="checkbox"], .list-fltr input[type="radio"], .list-fltr .ff-chkbx{ float:left; }
.list-fltr .date-selector p {margin-bottom:0;width:100%}
.date-selector > p{ clear:left; margin: 8px 0 !important; padding: 0; color:#999; float: left;}
.ie7 .date-selector > p{ float: none; }
.month-selector{ clear: both; }
.editable-filter { margin-bottom: 100px; }
#from-month-list-ctr .ff-sb, #from-year-list-ctr .ff-sb { z-index: 3; }
#to-month-list-ctr .ff-sb, #to-year-list-ctr .ff-sb { z-index: 1; }
.list-fltr ul li.nstd-ctr{padding: 0; position: relative; overflow: hidden; float: left; margin: 0; }
.js .list-fltr h4{ cursor:pointer; }
.js .list-fltr .date-filter-error {
float: left;
}
/**** TEMP ****/
/**** Second Column ****/
.pg-col2{ position:relative; width:635px; margin:0 45px 20px 0; padding:55px 0 0; }
.pg-col2.dtls{ padding:85px 0 0; }
.pg-col2.dtls p{ line-height: 1.5; }
.pg-cols3 > .pg-col2{ width:420px; margin:0; }
/**** no results ****/
.pg-col2 .ctr-gi .no-results{ margin: 110px 0; }
.pg-col2 .ctr-gi .no-results p{ margin-top: 10px;}
/**** VERTICAL ARTICLE PAGES COL2 ****/
.pg-col2 > ul.contacts > li > p{ margin: 0; }
.pg-col2 > ul.contacts > li{ margin-bottom: 25px;}
.pg-col2 > ul.info-list li p{ margin-bottom: 30px; padding: 0; }
.pg-col2 > ul.info-list li { margin-bottom: 30px; }
.pg-col2 p > ul li{ list-style: disc; }
.pg-col2 p > ul{ padding-left: 20px; }
.mbot1 { margin-bottom: 20px; }
.ptop1{ padding-top: 20px; }
.mtop1{ margin-top: 20px; }
.pg-col2 div.frm-col2-question{ margin-bottom: 10px; overflow: hidden; }
.pg-col2 div.frm-col2-question label{ display: block; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.pg-col2 span.comp-err-lab{ float: left; margin-top: 10px;}
.pg-col2 div.frm-col2-question input{ width: 374px; margin-top: 3px; display: block; padding: 12px 8px 8px 8px;}
.pg-col2 div.frm-col2-question textarea{ width: 100%; height: 100px; margin-top: 3px; }
.pg-col2 div.frm-col2-question input#col2-send{ float: right; width: 48px;}
.pg-col2 div.frm-col2-question div{ float: right; margin-top: 10px; margin-bottom: 10px;}
.pg-col2 span.Competition_chkemail{ float: left; margin-top: -2px; }
.pg-col2 #dynFrmSrc{ border:none; }
.pg-col2 div.additionalTCs{ clear:both; margin:0 0 0 25px; }
/**** HAD TO USE ZOOM:1 TO FIX IE7 PADDING ISSUE. I'M SORRY!!!! ****/
.pg-col2 > .vert-art-list { padding-bottom: 25px; zoom:1; }
.pg-col2 > .vert-art-list li{ margin-bottom: 25px; overflow: hidden; padding-bottom: 0; }
.pg-col2 .vert-art-list li ul li{ border: none; margin: 0; }
.pg-col2 > .vert-art-list > li > h2 > span{ display: none; }
.pg-col2 > .vert-art-list > li > .check-ctr{float: left; overflow:hidden; }
.col2-frm-ctr .check-ctr > label{ float:left; margin:2px 0 0; }
.pg-col2 > .col2-frm-ctr .vert-art-btn, .pg-col2 > .vert-art-btn{ margin-bottom: 17px; padding-bottom: 4px; }
.pg-col2 > .vert-art-list > li > .vert-art-btn{ width: 100%; overflow: hidden; }
.pg-col2 > .vert-art-list > li > .vert-art-btn input { float: right; }
.ie7 .pg-col2 > .vert-art-list > li > .vert-art-btn input{ line-height: 13px; }
.pg-col2 > .vert-art-list > li > div span.linked { float: right; }
.pg-col2 > .vert-art-list > li > h2.fb-hdr{ width: 167px; height: 51px; }
.pg-col2 > .vert-art-list > li > h2.twit-hdr{ width: 181px; height: 34px; }
.pg-col2 > .vert-art-list > li > h2.greads-hdr{ width: 196px; height: 42px; }
/**** vertical article forms ****/
.pg-col2 > .col2-frm-ctr .input1{ display: block; width: 376px; margin: 3px 0 0 0; }
.pg-col2 > .col2-frm-ctr .input1.pstcde{ margin-top: 15px; }
.pg-col2 > .col2-frm-ctr .input2, .pg-col2 > .col2-frm-ctr .input3{ width: 174px; }
.pg-col2 > .col2-frm-ctr .input1, .pg-col2 > .col2-frm-ctr .input2,
.pg-col2 > .col2-frm-ctr .input3, .input4 { position:relative; padding:12px 8px 8px 8px; z-index:2; }
.pg-col2 > .col2-frm-ctr label.dob{ display: block; width: 100%; }
.pg-col2 > .col2-frm-ctr label.em-check{ float: left; width: 270px; margin-left: 5px; }
.pg-col2 > .col2-frm-ctr .ext-mar{ margin-top: 35px; }
.pg-col2 > .col2-frm-ctr .pg-col2-frm-btn-ctr{ width: 100%;} /* necessary for IE7 */
.pg-col2 > .col2-frm-ctr .col2-frm-chk-ctr{ float: left; width: 100%; overflow: hidden; }
.pg-col2 > .col2-frm-ctr .col2-frm-chk-ctr > input{ float: left; }
.pg-col2 > .col2-frm-ctr .col2-frm-slct{ width: 70px; float: left; margin-right: 10px; margin-bottom: 45px; }
.pg-col2 > .col2-frm-ctr ul { margin-top: 35px; padding-top: 35px; padding-bottom: 30px; }
.pg-col2 > .col2-frm-ctr ul > h2{ margin-bottom: 20px;}
.pg-col2 > .col2-frm-ctr ul > li{margin-bottom: 10px;}
.twitter-share-button { display: block; padding: 2px 5px 2px 20px; }
.pg-col-btns{ position: absolute; top: 0; right:-35px; width:430px;}
.pg-col-btns .rltd, .pg-col-btns .bkmrk{ float:right; }
.pg-col-btns .rltd{ margin-right:6px; }
.pg-col-btns .pg-col-btn{ float:left; margin:7px 0 0;}
.pg-col-btns .pg-col-btn-tweet{ width:130px; margin:5px 0 0 -18px;}
.pg-col-btns.social-btns{ position:relative; top:auto; right:auto; width:395px; }
.social-btns-mask iframe{ visibility:hidden !important; }
.pg-col2 .pg-col-section{ margin-bottom: 40px; }
.pg-col2 .pg-col-section .rev a{ float: left; margin-bottom: 15px;}
.pg-col2 .fb-cmnts > h4{ margin-bottom: 10px; }
.cmt-hdr{ margin-top: 33px; padding: 7px 0 7px 10px; }
.col2-map-img{ margin-top: 30px; margin-bottom: 30px; }
/**** events details page ****/
.evt-btns{ position: absolute; top: 0; right: 0;}
.evt-btns li{ float: right; margin-right: 10px; }
.evt-btns .fbook-like-btn.art{ margin-top: 10px; }
.evt-btns .tweet-btn.art{ margin-top: 8px; }
.evt-btns .fbook-like-btn.art, .evt-btns .tweet-btn.art{ margin-right: 0; }
.pg-col1 h2{ margin-top: 20px; }
.pg-col1 h2, .pg-col1 p, .pg-col1 ul.item-links{ margin-left: 15px; }
.event-time{ display: block; }
.personal-list .event h5.list-evt-time{ font-style: italic; margin-bottom: 15px; color: #666; }
/**** ---- XL mod columns, 2nd column is not as wide as on the grid template ****/
.mod.xlrg .pg-col2{ width:395px; }
.pg-hdr{ position:relative; display:block; z-index:4; margin:5px 0 20px; }
.evt-dets-hdr{ display: block; margin: 20px 0 20px; }
.gi-col .pg-bdr{ margin-right:20px; }
.pg-bdr{ position:relative; }
.pg-bdr-top{ margin-bottom:35px; z-index:4; }
.pg-bdr-btm{ clear:left; margin-bottom: 135px; }
.ie7 .pager{ padding: 0; }
.pager .pager-btn{ padding-right: 6px; padding-left: 6px; }
.pager .more{ position:absolute; top:0; right:0; }
.pager .less{ position:absolute; top:0; left:0; }
.pagerSeries { padding-bottom: 20px!important; }
.pg-col2-sort label{ margin:4px 5px 0 0; }
.pg-col2-sort{ float:right; height:25px; }
.pg-col2-sort > *{ float:right; }
.pg-col2-sort ul{ width: 240px; }
.pg-col2-sort ul label{ float: left; }
.pg-col2-sort ul .ff-sb{ float: right; }
.js .submit-col2-sort{ display:none; }
/**** Grid items ****/
.ctr-gi{ position:relative; z-index:1; float: left; }
.gi{ position:relative; float:left; width:179px; margin:0 20px 40px 0; padding:5px 10px 60px 0; }
.js .gi{ padding:5px 10px 30px 0; height:264px; }
.gi .fig{ width:78px; height:123px; margin:0 0 10px 0; overflow:visible; }
/*.gi .fig.author, .gi .fig.author > img{ width:95px; height:95px; }*/
.gi .fig img{ display:block; }
.gi-bdy{ word-wrap: break-word; }
.gi-btns{ position:absolute; bottom:0; left:0; width:100%; list-style:none; }
.gi-btns > li{ float:right; }
.gi-btns > .buy-drpdwn, .gi-btns > .bskt{ float:left; }
.js .submit-add-bskt{ display:none; }
/* Tooltips */
.tooltip{ display:none; z-index:1000; }
.tooltip-arrow{ position:absolute; top:-15px; left:20px; width:9px; height:15px; z-index:2; }
.tooltip-contributors{ width:140px; }
.tooltip > dl{ position:relative; margin:0; padding:0; z-index:1; }
.tooltip dt{ margin:0; padding:0; }
.tooltip dd{ margin:0 0 10px; }
.book-prices{position: absolute; top: 0; right: 0;}
.book-prices > span{ display: block; float: right; margin-right: 3px;}
.book-prices input.btn.wshlst-btn { padding-right: 20px; }
.gi-btns .rem-ctr { overflow:hidden; width:150px; margin:0 2px 5px 0; }
.pg-col2 .vert-art-list li ul{ clear:left; overflow: hidden; line-height: 0; }
.pg-col2 .vert-art-list li ul li.rem-ctr { float: left; }
.pg-col2 .vert-art-list li ul li.vert-art-btn{ float: right; margin-top: 3px; }
.ie7 .pg-col2 .vert-art-list li ul li.vert-art-btn input{ line-height: 13px; }
.gi-btns .rem-ctr .rem{ padding:0 3px 0 16px; margin-top:5px; margin-bottom:1px; float: right; }
.rem-ctr .rem { padding:0 3px 0 16px; margin-top: 5px; }
.gi-btns .add{ float: left; margin-top: 3px; position: relative; }
.js .gi-btns .add.wl{ display:none; }
.gi-btns > li{ position:relative; }
.gi-btns .add input { padding-left: 16px; padding-bottom: 2px; }
.gi-btns .bskt.wshlst { width: 100%; }
.gi-btns li .qty { display: block; }
.gi-btns li .qty-input { width: 45px; }
/*.full-biog-btn{ position:absolute; bottom:1px; left:0; padding:2px 0 2px 16px; z-index:2; cursor:pointer; display: none; }*/
/* Biog lightbox */
.lb-biog-hdr{ display:block; padding:10px 20px; }
.lb-biog-txt{ padding:20px 40px; }
.lb-biog-txt > h2{ margin:0 0 5px; }
/**** Third Column ****/
.pg-col3{ float:right; width:220px; margin:0 20px 0 0; padding:65px 0 20px; }
/**** HORIZONTAL ARTICLES ****/
#ctr-page{ position:relative; width:inherit; min-width:960px; z-index:2; }
#ctr-page > div{ position:relative; top:auto; right:auto; bottom:auto; left:auto; min-height:100%; margin:5px 5px 0; overflow:hidden; }
.ie7 #ctr-page > div{ padding-bottom: 140px; }
.article-pages{ width:100%; overflow:hidden; }
.js .article-pages > li{ width:100%; }
.article-pages > li > div{ position:relative; padding:70px 40px 40px; }
/**** ---- Article columns ****/
.column{ position:relative; float:left; height:100%; margin:0 40px; }
.column.first{ margin:0 40px 0 0; }
.column.last{ margin:0 0 0 40px; }
/**** ---- Article formatting ****/
.article-pages .fig{ position:relative; float:right; margin:0 0 20px 40px; overflow:hidden; }
.article-pages .fig.hero { float:left; margin:5px 40px 20px 0; }
/*.article-pages .size2.hero{ width:auto; }*/
.column .fig.hero{ position:absolute; top:-70px; left:-40px; margin:0; }
.column .fig.hero > img{ width:auto; height:100%; display:block; }
.page{ float:left; }
/**** ---- Article image slider ****/
.article-slider{ position:relative; float:right; width:230px; margin:0 0 40px 40px; }
.article-slider > div:first-child{ position:relative; width:230px; height:230px; overflow:hidden; }
.article-slider ul{ position:absolute; top:0; right:0; overflow:hidden; }
.article-slider li{ float:left; list-style:none; }
.article-slider .fig{ width:230px; height:230px; margin:0; text-align:center; }
.article-slider .fig > img{ cursor:pointer; display:inline; }
.article-slider-cptn{ width:210px; padding:10px; }
.article-slider > ul{ padding:6px 0 6px 6px; z-index:2; }
.article-slider > ul > li{ width:11px; height:10px; margin:0 6px 0 0; }
.article-slider > ul > li a{ width:11px; height:10px; display:block; }
.lb-icon{ position:absolute; bottom:0; left:0; width:22px; height:22px; z-index:2;
-webkit-transition-duration:0.1s;
-moz-transition-duration:0.1s;
-ms-transition-duration:0.1s;
-o-transition-duration:0.1s;
transition-duration:0.1s;
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
}
.lb-icon > img{ width:100%; height:100%; display:block; }
.no-touch .article-slider > div:first-child:hover > .lb-icon, .open-spreads:hover > .lb-icon{ width:45px; height:45px; }
/**** ---- Article pagination ****/
#article-pager{ position:absolute; bottom:49px; right:0; left:0; height:42px; }
#article-pager > ul{ height:15px; margin:12px 0 0; }
#article-pager li{ float:left; width:11px; height:10px; margin:3px 23px 0 0; }
#article-pager li.prev{ margin:0 23px 0 0; }
#article-pager li.next{ margin:0; }
#article-pager a{ width:11px; height:10px; display:block; }
#article-pager li.prev-next,
#article-pager li.prev-next a{ width:9px; height:17px; }
#article-pager span,
.no-js #article-pager{ display:none; }
/**** ---- Article controls ****/
#article-ctrls{ position:absolute; top:0; right:0; width:50%; overflow:hidden; background:none; z-index:2; }
#article-ctrls > li{ float:right; margin:0 10px 0 0; list-style:none; overflow:hidden; }
/**** ---- Article footer ****/
#ftr-article{ bottom:0; right:0; left:0; width:100%; z-index:3; }
.js #ftr-article{ position:absolute; height:39px; }
#ftr-related-content{ bottom:-1px; left:0; width:100%; overflow:hidden; z-index:1; }
.js #ftr-related-content{ position:absolute; height:39px; }
#ftr-related-content > nav{ position:relative; width:inherit; height:39px; z-index:2; }
#ftr-related-content > nav > ul{ float:left; height:39px; }
#ftr-related-content > nav li{ float:left; padding:3px 0; }
#ftr-related-content > nav li:hover{ padding:0; }
#ftr-related-content > nav li.on{ padding:0; }
#ftr-related-content > nav li > a{ position:relative; display:block; }
#btn-minimise{ float:right; margin:5px 10px 0 0; display:none; }
#ctr-related-content{ position:relative; width:inherit; overflow:hidden; z-index:1; }
#ctr-related-content > li{ width:870px; margin:11px auto 0; overflow:hidden; }
.js #ctr-related-content{ height:0px; }
#ctr-related-content .subnav-crsl{ width:870px; margin:0 0 60px; }
.ctr-fb-comments{ position:relative; width:850px; height:300px; margin:0 0 60px; padding:20px 0 20px 20px; overflow:auto; }
#ctr-sm-btns{ position:relative; float:right; width:400px; height:20px; margin:10px 10px 0 0; z-index:2; }
#ctr-sm-btns > .fbook-like-btn{ float:right; width:90px; }
#ctr-sm-btns > .tweet-btn{ float:right; width:130px; margin:-2px 10px 0 0; }
#ctr-sm-btns > .gplus1-btn{ float:right; width:90px; margin:0 10px 0 0; }
/**** LIGHTBOX ****/
#lb-bg,
#lb-ctr{ top:0; right:0; bottom:0; left:0; width:100%; display:none; }
#lb-bg{ position:fixed; }
#lb-ctr{ position:absolute; }
#lb-bg{ z-index:9998; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; }
#lb-ctr{ z-index:9999; }
#lb{ position:relative; width:620px; height:250px; margin:120px auto 20px; }
.lb-transitions{
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
transition-duration:0.4s;
-webkit-transform: translate3D(0, 0, 0);
}
/* Social Media Thanks for logging in popup */
#lb-ctr.sm-thx{ background:#fff; display:block; }
.sm-thx #lb{ width:400px; height:200px; margin:100px auto 0; }
.warning-header { padding: 50px 0 0 50px; font-size: 26px; }
#lb-content{ position:relative; width:100%; height:100%; z-index:1; }
#lb-close{ position:absolute; top:0; right:0; z-index:2; display:none; }
.lb-carousel{ position:relative; width:inherit; height:inherit; overflow:hidden; }
.lb-carousel li{ width:600px; padding:0 0 50px; }
.lb-carousel .fig{ position:relative; cursor:pointer; }
.lb-carousel .cptn{ padding:20px 20px 9px; display:block; }
.lb-carousel-ctrls{ position:absolute; bottom:10px; left:0; width:100%; height:29px; z-index:2; }
.lb-carousel-ctrls > .ctrl-carousel{ float:left; width:11px; height:10px; margin:10px 6px 0 0; }
.lb-carousel-ctrls li.prev-next{ position:absolute; top:0; margin:0; display:none; }
.lb-carousel-ctrls li.prev{ left:0; display: block!important; }
.lb-carousel-ctrls li.next{ right:0; display: block!important; }
.lb-carousel-ctrls .ctrl-carousel > a{ width:11px; height:10px; display:block; }
.htspt{ position:absolute; top:0; bottom:0; width:50%; z-index:2; }
.ht-prev{ left:0; }
.ht-next{ right:0; }
/* browser check */
.basket-items-warning { padding: 30px 50px 50px 50px; font-size: 24px; }
.browser-container > p { padding: 10px 20px; border-bottom: 1px solid #e1e1e1; }
.browser-update ul.browsers { overflow: hidden; padding: 0 8em; margin-top: 40px; }
.browser-update li { float: left; width: 130px; height: 130px; }
.browser-update > p { padding: 20px 50px 0 50px; }
.browser-update .chrome { background: url('../../img/Browsers/chrome.png') no-repeat; margin-right: 10px; margin-top: 0; }
.browser-update .safari { background: url('../../img/Browsers/safari.png') no-repeat; margin-right: 10px; margin-top: 0; }
.browser-update .internet-explorer { background: url('../../img/Browsers/ie.png') no-repeat; margin-right: 10px; margin-top: 10px; }
.browser-update .opera { background: url('../../img/Browsers/opera.png') no-repeat; margin-right: 10px; margin-top: 10px; }
.browser-update .firefox { background: url('../../img/Browsers/firefox.png') no-repeat; margin-top: 0px; }
.browser-update .close { background: url('../../img/Browsers/close.png') no-repeat; margin-top: 10px; }
.browser-update a { width: 100%; height: 100%; display: block; text-indent: -9999px; }
.browser-container .footer { padding: 10px 0; border-top: 1px solid #e1e1e1; overflow: hidden; margin-top: 20px; position: relative; }
.browser-container .footer p { margin: 0; }
.browser-container .footer .close a:hover, .browser-container .footer .dont-show-again a:hover { color: #666666; }
.browser-container .footer .close { float: right; }
.browser-container .footer .close a { padding-right: 50px; }
.browser-container .footer .close a:after { -webkit-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; content: ''; position: absolute; right: 0; width: 40px; height: 40px; background: url('../img/close.png') no-repeat #B9B9B9; top: 0; }
.browser-container .footer .close a:hover:after { background: url('../img/close.png') no-repeat #7D7D7D; }
.browser-container .footer .dont-show-again { float: left; }
.browser-container .footer .dont-show-again a { position: relative; padding-left: 50px; }
.browser-container .footer .dont-show-again a:before { content: ''; position: absolute; left: 20px; width: 19px; height: 19px; background: #B9B9B9; border: 2px solid #E1E1E1; top: -4px; }
.browser-container .footer .dont-show-again.ticked a:before { background: url('../img/tick.png') 1px 3px no-repeat #B9B9B9; }
/**** Generic carousel classes ****/
.ctr-carousel{ position:absolute; top:0; left:0; overflow:hidden; }
.ie7 .ctr-carousel{ position:relative; }
.item-carousel{ float:left; }
/**** Videos ****/
.vid-hdrs{ position:absolute; top:82px; left:0; width:100%; z-index:102; cursor:pointer; }
.vid-hdrs-inner{ position:relative; min-height:74px; padding: 13px 35px 13px 85px; z-index:2; }
.vid-hdrs-bg{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; z-index:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
opacity:0.90;
}
.vid-ctr{ height: 310px; width: 395px; margin: 20px 0; }
.page-vid{ position: relative; width: 395px; }
.page-vid .yt-video{ width: 395px; }
/**** Audio ****/
.ctr-audio-sample{ width:375px; margin:0 0 20px 0; padding:10px; overflow:hidden; }
.ctr-audio-sample > span{ float:left; }
.ctr-audio-sample > div{ float:right; }
/**** jPlayer video CSS ****/
div.jp-video,
div.jp-audio { position:relative; }
div.jp-audio { width:270px; }
div.jp-video-270p { width:470px; }
div.jp-video-360p { width:470px; }
.yt-video{ width:470px; height:265px; overflow:hidden; }
.touch .yt-video{ height:310px; }
div.jp-video-full {
/* Rules for IE6 (full-screen) */
width:100%;
height:100%;
/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
position:static !important; position:relative
}
div.jp-video-full div.jp-jplayer {
top: 0;left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
overflow: hidden;z-index:100;
}
div.jp-video-full div.jp-gui {
position: fixed !important; /*position: static;*/ /* Rules for IE6 (full-screen) */
top: 0; left: 0; width:100%; height:100%; z-index:101;
}
div.jp-video-full div.jp-interface {position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
bottom: 0; left: 0; z-index:1000;
}
div.jp-gui{ display:block; !important; }
div.jp-interface, .yt-gui{ position: relative; width:100%; height:37px; margin:0 auto; padding:8px 0 0; }
div.jp-audio div.jp-type-single div.jp-interface { height:20px; padding: 0; }
/* @group CONTROLS */
div.jp-audio div.jp-interface ul.jp-controls a { top: 0;}
div.jp-interface ul.jp-controls a, .yt-gui a { display:block; overflow:hidden; text-indent:-9999px; position:absolute; top: 8px; }
.yt-gui a.yt-full-screen{ top: 9px; }
a.jp-play, a.jp-pause, .yt-play, .yt-pause { width:30px; height:30px; }
a.jp-play, .yt-play { left:10px; }
a.jp-pause, a.yt-pause{ left:10px; display: none; }
/* @end */
/* @group progress bar */
div.jp-progress { overflow:hidden; }
div.jp-video div.jp-progress, div.jp-audio div.jp-progress, .yt-progress { top:0px; left:0px; width:auto; height:28px; margin:0 80px 0 45px; }
div.jp-audio div.jp-progress { margin:0 42px 0 45px; }
div.jp-seek-bar, .yt-seek-bar { width:0px; height:21px; cursor: pointer; }
div.jp-play-bar, .yt-play-bar { position:relative; width:0px; margin:0 0 -7px; height:28px; }
/* @end */
/* @group volume controls */
a.jp-mute, a.jp-unmute, .yt-mute, .yt-unmute{ width:30px; height:30px; }
div.jp-video a.jp-mute, div.jp-video a.jp-unmute, .yt-mute, .yt-unmute { right: 45px; }
div.jp-audio a.jp-mute, div.jp-audio a.jp-unmute { right:7px; }
/* @end */
div.jp-jplayer { width:0px; height:0px; }
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles { list-style-type:none; padding:0; margin:0 auto; overflow:hidden; }
ul.jp-toggles li a, .yt-full-screen, .yt-restore-screen { position:absolute; top:8px; width:30px; height:30px; text-indent:-9999px;
line-height:100%; /* need this for IE6 */
}
a.jp-full-screen, .yt-full-screen { right: 10px; }
a.jp-restore-screen, .yt-restore-screen { right: 10px; }
a.yt-restore-screen{ display:none; }
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution { position:absolute; width:390px; margin-left:-202px; left:50%; top: 10px; padding:5px; display:none; }
.jp-no-solution span { display:block; }
/* @end */
/**** Goodreads widget ****/
#goodreads-widget { padding: 0; width:395px;}
#gr_footer { width: 100%; }
.chkbx { width:18px; height:18px; padding:0; margin:0; float:left; cursor:pointer; }
.checkbox.reg { display: none; }
/* Styles for jQuery Fancy Forms. */
/* Radio buttons */
.ff-rad{ width:14px; height:15px; margin:2px 6px 0 0; display:block; outline:none; overflow:hidden; }
.ff-rad-focus-not-chkd, .ff-rad-focus-chkd{ z-index:99; }
.list-fltr .ff-rad{ float:left; }
/* Checkboxes */
.ff-chkbx{ width:18px; height:18px; margin:0 3px 0 0; display:block; outline:none; overflow:hidden; cursor:pointer; }
.ff-chkbx-focus-not-chkd, .ff-chkbx-focus-chkd{ z-index:99; }
.reg-col .ff-chkbx{ float:left; }
/* Select boxes. */
/* Required styles, do not alter. */
.ff-sb{ position:relative; outline:none; width:130px; height:25px; }
.ff-sb-left-side{ float:left; overflow:hidden; width:7px; height:25px; }
.ff-sb-ctr-txt{ position:absolute; z-index:1; cursor:pointer; width:130px; height:25px; }
.ff-sb-ctr-txt:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.ff-sb-txt{ float:left; overflow:hidden; width:98px; height:19px; padding:6px 25px 0 0; }
.ff-sb-viewport{ position:absolute; overflow:hidden; visibility:hidden; outline:none; z-index:9999; top:25px; left:-5px; width:140px; height:145px; }
.ff-sb-ctr-drpdwn{ position:absolute; outline:none; left:5px; width:130px; height:140px; }
.ff-sb-drpdwn{ position:relative; overflow:auto; }
.ff-sb ul{ float:left; position:static; width:100%; }
.ff-sb li{ width:100%; }
.ff-sb li span{ display:block; cursor:pointer; }
.ff-sb li span.status { padding: 0; }
.ff-sb li span.coming-soon { color: #ff7800; }
.ff-sb li span.out-of-stock { color: #a90000; }
.ff-sb-focus{ z-index:100; }
/* dynamic element used for measuring the width of text in select boxes */
.ff-sb .ruler{ visibility:hidden; white-space:nowrap; display:inline; }
/* Default CSS for jSCrollPane custom scrollbars in select boxes. */
.ff-sb .jspContainer{ position:relative; overflow:hidden; }
.ff-sb .jspPane{ position:absolute; }
.ff-sb .jspVerticalBar{ position:absolute; right:0; top:0; width:8px; height:100%; margin:0; }
.ff-sb .jspVerticalBar *{ margin:0; padding:0; }
.ff-sb .jspCap{ display:none; }
.ff-sb .jspTrack{ position:relative; }
.ff-sb .jspDrag{ position:relative; left:0; top:0; cursor:pointer; }
.ff-sb .jspDragTop{ position:absolute; left:0; top:0; width:8px; height:0px; overflow:hidden; }
.ff-sb .jspDragBottom{ position:absolute; left:0; bottom:0; width:8px; height:0px; overflow:hidden; }
/* Add to basket */
.buy-drpdwn .ff-sb, .bskt .ff-sb{ width:100px; height:19px; }
.buy-drpdwn .ff-sb-left-side, .bskt .ff-sb-left-side{ width:5px; height:19px; }
.buy-drpdwn .ff-sb-txt, .bskt .ff-sb-txt{ width:70px; height:18px; line-height: 18px; }
.buy-drpdwn .ff-sb-ctr-txt, .bskt .ff-sb-ctr-txt{ width:110px; height:19px; }
.buy-drpdwn .ff-sb-viewport, .bskt .ff-sb-viewport{ top:19px; width:140px; }
.buy-drpdwn .ff-sb-ctr-drpdwn, .buy-drpdwn .ff-sb-drpdwn, .bskt .ff-sb-ctr-drpdwn, .bskt .ff-sb-drpdwn{ width:130px; }
/* Date selector */
.date-selector ul { width: 90px;margin-right: 5px;}
.date-selector li {padding-left:0}
.date-selector .ff-sb, .dob-ctr .ff-sb{ float:left; width:90px; margin:0; }
.dob-ctr .ff-sb{ margin: 0 9px 0 0; }
.date-selector .ff-sb-txt, .dob-ctr .ff-sb-txt{ width:58px; }
.date-selector .ff-sb-ctr-txt, .dob-ctr .ff-sb-ctr-txt{ width:90px; /*box-shadow: 0 0 2px 2px #ccc; -webkit-box-shadow: 0 0 2px 2px #ccc; -moz-box-shadow: 0 0 2px 2px #ccc;*/ }
.date-selector .ff-sb-viewport, .dob-ctr .ff-sb-viewport{ width:100px; }
.date-selector .ff-sb-ctr-drpdwn,
.date-selector .ff-sb-drpdwn,
.dob-ctr .ff-sb-ctr-drpdwn,
.dob-ctr .ff-sb-drpdwn{ width:90px; }
.dob-ctr .ff-sb-drpdwn ul, .dob-ctr .ff-sb-drpdwn ul li, .form-row .ff-sb-drpdwn ul, .form-row .ff-sb-drpdwn ul li{ margin:0; padding:0; border-top:none; border-bottom:none; border:none; }
/* Country dropdowns */
#brickRegion .ff-sb, .dets-col .ff-sb{ width:150px; margin:0 0 18px; }
#brickRegion .ff-sb-txt, .dets-col .ff-sb-txt{ width:118px; }
#brickRegion .ff-sb-ctr-txt, .dets-col .ff-sb-ctr-txt{ width:150px; }
#brickRegion .ff-sb-viewport, .dets-col .ff-sb-viewport{ width:160px; }
#brickRegion .ff-sb-ctr-drpdwn,
.dets-col .ff-sb-ctr-drpdwn,
#brickRegion .ff-sb-drpdwn,
.dets-col .ff-sb-drpdwn{ width:150px; }
#brickRegion .ff-sb{ float:left; }
.pg-col2-sort .ff-sb-txt{ width:168px; }
.pg-col2-sort .ff-sb-viewport{ width:210px; }
.pg-col2-sort .ff-sb,
.pg-col2-sort .ff-sb-ctr-txt,
.pg-col2-sort .ff-sb-ctr-drpdwn,
.pg-col2-sort .ff-sb-drpdwn,
.pg-col2-sort .ff-sb-ctr-drpdwn,
.pg-col2-sort .ff-sb-drpdwn{ width:200px; }
/* Saved address dropdown */
.dets-col .brder div.saved-add-drop { overflow: visible; }
.dets-col .brder .ff-sb{ float: none; }
.saved-add-drop .ff-sb-ctr-txt { width: 132px; }
.saved-add-drop .ff-sb-txt { width: 100px; }
.formats-list .list-heading.one .hdr-btn { margin-right: -2px;}
.formats-list .list-heading.one .hdr-btn .btn { float: right; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; }
.bottom-dropdown { margin-bottom: 10px; }
/* Date Of Birth */
.dob-ctr { margin-bottom: 20px; }
/* Order Addresses */
.js #brickRegion .add-sbmt{ display:none; }
/* fixes IE7 double padding on input submit buttons */
input[type=submit] { overflow: visible; }
/* RECAPTCHA STYLES */
#recaptcha_widget{ width: auto; height:140px; padding: 20px; overflow: hidden; margin-bottom: 20px; }
#recaptcha_widget label{ margin-top: 15px; }
#recaptcha_widget .recaptcha-input{ float: left; position:relative; width:280px; padding:12px 8px 8px 8px; z-index:2; }
#recaptcha_widget { position: relative; }
#recaptcha_widget .audio-captcha, #recaptcha_widget .reload-captcha,
#recaptcha_widget .captcha-help, #recaptcha_widget .image-captcha { height: 19px; display: block; }
#recaptcha_widget .captcha-logo span{ display: none; }
#recaptcha_widget .captcha-logo{ position: absolute; top: 31px; right: 153px; width: 58px; height: 30px; }
.recaptcha_only_if_image, .reload-captcha-ctr, .captcha-help-ctr, .recaptcha_only_if_audio{ width: 19px; }
.captcha{ margin-top: 12px; }
.captcha li{ float: left; margin-left: 5px; }
/* TEXT FIELDS */
.input4{ display: block; width: 230px; position: relative; }
.col2-frm-ctr label{ display:inline; }
.pass-col1 { float: left; width: 192px; margin-right: 10px;}
.pass-col2{ float: left; width: 192px; }
#changePassword label { display: block; }
/* E-COM */
.extra-margin { margin-top: 40px; }
.bold-label, .form-title { font-size: 20px; text-transform: uppercase; line-height: 1.0; }
.form-title { margin-top: 20px; }
.dets-col .brder > .extra-margin { margin-bottom: 40px; padding-bottom: 30px; }
.order-addresses .form-fields .brder .bold-label { margin-bottom: 30px; }
.order-confirmation .frm-sbmt { border-top: none; }
.order-confirmation .form-title { padding-bottom: 15px; }
.order-confirmation .chck-details { margin-bottom: 0; padding-bottom: 40px; }
#paymentChoice { padding-top: 30px; }
#paymentChoice h2 { padding-bottom: 30px; }
.payment-method { overflow: hidden; margin-bottom: 20px; }
.payment-method li, .payment-method li span, .payment-method li label { float: left; }
.payment-method li { margin-right: 75px; }
.payment-method li label { font-size: 14px; margin-top: 5px; padding-left: 25px; }
.payment-method li span { margin-right: 0; }
.payment-method li span, .payment-method li label { cursor: pointer; }
/* E-COMMERCE BREADCRUMB HEADER */
.ecom-hdr-ctr { position:relative; width: 100%; overflow: hidden; }
.ecom-hdr-ctr a span { display: none; }
.ecom-hdr-ctr > a { position:relative; display: block; z-index:1; }
ul.breadcrumbs { overflow: hidden; position: relative; line-height: 40px; margin-top: 20px; padding-left: 70px; padding-bottom: 30px; }
ul.breadcrumbs:before { content: ''; position: absolute; width: 38px; height: 35px; left: 0; top: 2px; }
ul.breadcrumbs li { float: left; margin-right: 20px; font-size: 21px !important; }
ul.breadcrumbs li.bc-arrow { height: 11px; width: 6px; margin-top: 13px; margin-right: 20px; }
#ecom-hdr { position: absolute; width: 100%; z-index: 3; top: 0; display: block; }
#ecom-hdr > DIV:first-child { position: relative; width: 100%; z-index: 2; }
.no-js #ecom-hdr { position: relative; }
.ecom-hdr-bg{ position:absolute; top:0; right:5px; bottom:10px; left:5px; z-index:0; }
/* E-COMMERCE GUEST CHECKOUT PAGES */
#ecom-hdr + #ctr-page .frm-inner-ctr { width: 640px; }
#checkout-page input.text { margin-bottom: 20px; }
#checkout-page .spinner { width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin-left: -25px; }
#checkout-page .frm-inner-ctr > ul li { overflow: hidden; position: relative; padding-top: 5px; padding-bottom: 5px; }
#checkout-page .ff-rad, #checkout-page .frm-inner-ctr > ul li label{ float: left; padding-top: 3px; cursor: pointer; }
#checkout-page .ff-rad { margin-right: 20px; }
#checkout-page .frm-inner-ctr > input { display: block; margin-top: 3px; }
#paypal { padding: 30px 0; margin-bottom: 30px; }
#paypal h2 { margin-bottom: 30px; }
#checkout-page .err-msg { display: none; }
#checkout-page .error { font-size: 13px; margin-top: 15px; margin-left: 20px; float: left; color: #a90000; }
#checkout-page input.text { float: left; clear: both; }
#ecom-hdr + #ctr-page #checkout-page .frm-inner-ctr .bold-label { clear: both; float: left; }
#checkout-page ul { clear: both; }
.form-title { margin-bottom: 40px; }
.postage-ctr .formats-list { width: 100%; padding: 20px 0; margin-top: 10px; }
.postage-ctr .formats-list li { width: 100%; border-right: none; border-left: none; }
.postage-ctr .formats-list li .frmt-list-col2 { width: 93%; position: relative; }
.postage-ctr .formats-list li .frmt-list-col2 span { width: 100%; }
.postage-ctr .formats-list li .frmt-list-col2 span.book-title { font-size: 26px; width: 60%; }
.postage-ctr .formats-list li .frmt-list-col2 span.auth, .formats-list li .frmt-list-col2 span.fsxxxs { font-size: 12px; margin-top: 5px; text-transform: none; }
.postage-ctr .formats-list li .frmt-list-col2 span.fsxxxs + .book-title { position: absolute; top: 0; right: 30px; width: auto;}
.postage-ctr .formats-list li .frmt-list-col2 span.fsxxxs + .book-title.discounted { right: 130px; color: #666666; text-decoration: line-through; }
.postage-ctr .formats-list li .frmt-list-col2 span.fsxxxs + .book-title.discounted + .book-title { position: absolute; top: 0; right: 30px; width: auto; }
.postage-ctr .formats-list li .frmt-list-col2 span label { position: absolute; right: 78px; top: 30px; }
.postage-ctr .formats-list li .frmt-list-col2 span .quantity { top: 30px; right: 30px; }
.postage-ctr .formats-list li .frmt-list-col2 span.transaction-ldr { width: 16px; float: left; display: none; margin: 3px 0 0 10px; position: static; }
.postage-ctr .formats-list li .frmt-list-col2 span .quantity { border: 1px solid #666; }
.ctr-qty label:before { content: ''; width: 16px; height: 16px; position: absolute; left: -22px; display: none; }
.ctr-qty label.loading:before { display: block; }
.postage-wrapper + div { margin-top: 10px; }
.postage-ctr .rem { float: left; }
#ecom-hdr + #ctr-page .frm-inner-ctr.success .pg-hdr { padding-bottom: 45px; color: #04ba4d; padding-left: 80px; position: relative; overflow: visible; }
#ecom-hdr + #ctr-page .frm-inner-ctr.success .pg-hdr:before { content: ''; width: 54px; height: 48px; position: absolute; left: 0; top: -10px; }
.speed-up-section { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.speed-up-section .inner-wrapper { margin: 10px 0; padding: 30px; background: #f6f6f6; }
/* DISCOUNTS STYLES */
.discounts { overflow: hidden; font-size: 22px; border-top: 1px solid #e1e1e1; padding-top: 35px; }
.discounts-column { width: 50%; float: left; }
.discounts-column div { margin-bottom: 15px; }
.discounts span { float: right; }
.discount-text { color: #C51B0E; }
.discount-text > span:first-child { padding: 0 0 0 9px!important; }
.sub-total-value, .product-total-value-container { padding-top: 11px!important; }
.formats-list li p .postage-text { margin-left: 9px; }
.author-discount-message { font-size: 18px; }
.discount-amount { font-weight: bold; }
/* SAVED ADDRESSES PAGE */
.saved-addresses .address-wrapper li { clear: both; margin-top: 40px; overflow: hidden; }
.saved-addresses .address-wrapper .rev.btn, .saved-addresses .address-wrapper li > div,
.saved-addresses .address-wrapper .ff-rad { float: left; }
.saved-addresses .address-wrapper .ff-rad { cursor: pointer; margin-top: 20px; margin-right: 30px; width: 25px; height: 25px; }
.saved-addresses .address-wrapper .address { display: block; margin-bottom: 20px; }
.diff-add { padding: 5px 10px 6px 10px; line-height: 1.31; }
.saved-addresses .address-wrapper li > div > span { display: block; margin-bottom: 3px; }
.saved-addresses .address-wrapper .rev.btn { margin-top: 20px; }
/* BOOKSELLERS PAGE */
.booksellers-table-ctr{ width: 608px; margin-bottom: 200px; margin-top: 80px; overflow: hidden; }
.booksellers-table-selection li input{ padding: 9px 0 11px; cursor: pointer;
-webkit-transition: 0.2s all linear;
-moz-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.ordr-frms{ width: 120px; }
.onx{ width: 78px; }
.stck-lsts{ width: 110px; }
.cats{ width: 110px; }
.cov-img{ width: 110px; }
.ati{ width: 80px; }
.booksellers-table-ctr th{ padding: 14px 0 13px 10px; }
.booksellers-table-ctr td{ padding: 8px 0 10px 10px; }
.booksellers-table-ctr td:last-child{ border: none; }
.booksellers-table-ctr table{ width: 608px; }
.booksellers-table-ctr thead tr th{ cursor: pointer; text-align: left; }
.booksellers-table-ctr .file{ width: 363px; }
.booksellers-table-ctr .type{ width: 74px; }
.booksellers-table-selection{ list-style: none; }
.booksellers-table-selection li{ float: left; text-align: center; }
.booksellers-login-ctr{ padding: 30px 40px 0 40px; width: 495px; height: 165px; margin-bottom: 200px; margin-top: 80px; overflow: hidden; }
.booksellers-login-ctr h2{ margin-bottom: 20px; }
.booksellers-login-ctr p{ width: 183px; }
.booksellers-login-ctr label{ display: block; margin-bottom: 12px; }
.booksellers-login-ctr input{ width: 230px; }
.booksellers-login-ctr > div{ float: left; }
.booksellers-login-ctr div:first-child{ padding-right: 30px; height: 100%; }
.booksellers-login-ctr div.last{ margin-left: 40px; }
.booksellers-login-ctr .cat1.rev .btn.more{ width: 67px; margin-top: 30px; }
/* ADD TO CART LIGHTBOX */
.frm-container.add-to-cart { width: 320px; }
.frm-container.add-to-cart h2 { font-size: 16px; }
.frm-container.add-to-cart h1 { margin-bottom: 35px; padding-bottom: 30px; }
.frm-container.add-to-cart .image-wrapper { float: left; width: 85px; margin-right: 40px; }
.frm-container.add-to-cart .image-wrapper img { height: 130px; width: 85px; background: #cccccc; margin-bottom: 35px; display: block; }
.frm-container.add-to-cart .btn-ctr { clear: both; }
.frm-container.add-to-cart .btn-ctr input { padding: 6px 8px 4px 8px; float: left; }
.frm-container.add-to-cart .btn-ctr a { cursor: pointer; float: right; padding: 6px 19px 4px 8px; }
/* REGISTER GUEST DETAILS PAGE */
#ecom-hdr + .for-lb .popup-main .frm-container { width: 640px; }
.reg-frm .form-title { border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-top: 40px; }
.reg-frm .render-captcha { margin-bottom: 40px; margin-top: 40px; }
.reg-frm .chck-details { margin-bottom: 0px; }
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/*html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
body {-webkit-text-size-adjust:100%;}*/
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
.chkbx{ width:18px; height:18px; background:url('../img/main-sprite.png') no-repeat; padding:0; margin:0; float:left; cursor:pointer; }
.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; }
/* ==|== CMS styles =======================================================
Override CMS styling issues.
========================================================================== */
#tinymce{ color: #000; background: #fff; }
/* Added to accomodate publisher as checkboxes rather than dropdown */
.list-fltr li { clear: both; }
/* Add addresses page */
div#ucAccountAddresses_divCountries { position: relative; z-index: 5; }
div#ucAccountAddresses_divRegions { position: relative; z-index: 4; }
div#ucAccountAddresses_divSubRegions { position: relative; z-index: 3; }
span#ucOrderAddresses_lblCountry, span#ucOrderAddresses_lblRegion,
span#ucOrderAddresses_lblLocation { float: left; }