/* reset */ /* ----------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.35; padding : 0px;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} html { height : 100.2%; } /* general */ /* ----------------------------------------------------- */ body { font-family: Arial, Helvetica; color: #666; font-size: 12px; background: #fff; } .floatLeft { float: left; } .floatRight { float: right; } .alignLeft { text-align: left; } .alignRight { text-align: right; } .alignCenter { text-align: center; } .hide { display: none; } h1 { font-size: 32px; font-weight: bold; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 15px 0;} h2 { font-size: 28px; font-weight: normal; margin: 3px 0 0 -2px; padding: 0 0 10px 0; } h2.red { color: #D12A1E; } h2.grey { color: #999; } h2.white { color: #fff; } h3 { font-weight: bold; color: #333; padding: 0 0 10px 0; } a { color: #999; text-decoration: underline; outline: none; } a:hover { text-decoration: none; color: #D12A1E; } p, ul, ol, td { font-size: 12px; line-height: 160%; color: #666; } p { padding: 5px 0 15px;} p strong { font-weight: bold; color: #333; } .divider { margin-bottom: 15px; } #pageWrap { padding: 30px 0; } .ttAuthor { display: none; z-index: 1100; text-align: center; background: #222 url(../_images/design/tt-arrow.png) no-repeat top center; font-size: 11px; width: 160px; padding: 10px; color: #999; border: 5px solid #666; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .ttAuthor h6 { font-size: 14px; color: #fff; font-weight: bold; } .ttAuthor p { padding: 0; } .ttAuthor p a { font-weight: bold; color: #D12A1E; } .ttAuthor ul { padding: 5px 0; } .ttAuthor li { list-style: none; } .ttAuthor li a { color: #ccc; text-decoration: none; } .ttAuthor li a:hover { color: #fff; text-decoration: underline; } .ttVideo { display: none; z-index: 1100; text-align: left; background: #222 url(../_images/design/tt-arrow.png) no-repeat 7px 0; font-size: 11px; width: 350px; padding: 10px; color: #999; border: 5px solid #666; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .ttVideo h6 { font-size: 14px; color: #fff; font-weight: bold; } .ttVideo p { padding: 6px 0 3px 0; } .ttVideo p a { font-weight: bold; } /* .ttVideoSmall { float: left; width: 300px; padding: 0 10px 40px 0; } .ttVideoSmall .videoPic { float: left; padding: 0 10px 0 0; } .ttVideoSmall h4 { font-weight: bold; color: #333; padding: 0 0 2px 0; font-size: 13px; } .ttVideoSmall p { font-size: 11px; padding: 0 0 0 0; } .ttVideoSmall p a { color: #D12A1E; text-decoration: none; } .ttVideoSmall p a:hover { text-decoration: underline; } .ttVideoSmall p.viewLink { text-align:right; }*/ .ttVideoSmall { float: left; margin-bottom: 40px; padding: 10px 0; border-bottom: 1px solid #ededed;} .ttVideoSmall .videoPic { float: left; padding: 0 10px 0 0; } .ttVideoSmall h3 { font-size: 15px; color: #333; font-weight: bold; padding: 0 0 3px 0; } .ttVideoSmall h4 { font-size: 13px; color: #666; font-weight: bold; } .ttVideoSmall h4 a { color: #666; text-decoration: none; } .ttVideoSmall h4 a:hover { color: #666; text-decoration: underline; } .ttVideoSmall p { font-size: 11px; color: #666; line-height: 140%; padding-right: 10px; } .ttVideoSmall p a { color: #D12A1E; text-decoration: none; } .ttVideoSmall p a:hover { text-decoration: underline; } #latestVideoButtons { text-align: right; display: block; } .ttBook { display: none; z-index: 1100; text-align: center; background: #222 url(../_images/design/tt-arrow.png) no-repeat top center; font-size: 11px; width: 180px; padding: 10px; color: #999; border: 5px solid #666; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .ttBook h6 { font-size: 14px; color: #fff; font-weight: bold; } .ttBook p { padding: 6px 0 3px 0; } .ttBook p a { font-weight: bold; } .ttBook ul { padding: 5px 0; } .ttBook li { list-style: none; } .ttBook li a { color: #ccc; text-decoration: none; } .ttBook li a:hover { color: #fff; text-decoration: underline; } .ttDownload { display: none; z-index: 1100; text-align: left; background: #222 url(../_images/design/tt-arrow.png) no-repeat 7px 0; font-size: 11px; width: 250px; padding: 10px; color: #999; border: 5px solid #666; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .ttDownload h6 { font-size: 14px; color: #fff; font-weight: bold; } .ttDownload ul { padding: 5px 0 0 5px; list-style: none; } .ttDownload li { padding: 5px 0 5px 0; width: 250px; } .ttDownload li a { padding: 2px 0 2px 25px; background: url(../_images/design/pdf.png) no-repeat left center; text-decoration: none; font-weight: bold; } .ttDownload li a:hover { text-decoration: underline; color: #fff; } /* form elements */ /* ----------------------------------------------------- */ .elementWrap { float: left; padding: 10px 0 20px 0; } .buttonAlign { text-align: right; } .buttonOther { float: left; } .lineWrap { float: left; padding: 0 0 20px 0; } label { margin: 0 0 6px 3px; display: block; font-weight: bold; font-size: 11px; } label span { color: #666; font-weight: normal; padding: 0 0 0 10px; } input.textbox { padding: 5px 4px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; } input.button { background: #D12A1E; color: #fff; border: 2px solid #fff; font-size: 11px; font-weight: bold; padding: 3px 6px; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } input.checkbox { float: left; width: 20px; } select { padding: 2px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; } textarea { padding: 6px 4px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; } input.error, textarea.error, select.error { border: 2px solid #cc0000; } .errorWrap { background: #ededed; color: #D12A1E; border: 2px solid #D12A1E; padding: 0; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .errorWrap ul { font-weight: bold; color: #D12A1E; list-style: none; padding: 5px 10px 5px 15px; } .errorWrap li { padding: 3px 0; } .successWrap { background: #ededed; color: #10a815; border: 2px solid #10a815; padding: 0; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .successWrap ul { font-weight: bold; color: #10a815; list-style: none; padding: 5px 10px 5px 15px; } .successWrap li { padding: 3px 0; } .popupErrors, .popupSuccess { position: absolute; margin: 70px 0 0 110px; width: 400px; text-align: center; } .popupErrorsSmall, .popupSuccessSmall { position: absolute; margin: 20px 0 0 50px; width: 300px; text-align: center; } /* header, content & footer */ /* ----------------------------------------------------- */ #headerWrap { background: url(../_images/design/header-bg.png) repeat-x; height: 102px; overflow: hidden; } #headerOverlay { background: url(../_images/design/header-overlay.png) repeat-x center top; } #logo { padding: 0 0 0 0; } #nav { padding: 34px 0 0 0; } #nav ul { list-style: none; float: right; } #nav li { float: left; padding: 0 5px; text-indent: 0; } #nav li a { display: block; text-indent: -10000px; height: 35px; } #nav a#navHome { background: url(../_images/design/nav-sprite.png) no-repeat 0 0; width: 53px; } #nav a:hover#navHome { background: url(../_images/design/nav-sprite.png) no-repeat 0 -35px; width: 53px; } #nav li.on a#navHome { background: url(../_images/design/nav-sprite.png) no-repeat 0 -70px; width: 53px; } #nav a#navAbout { background: url(../_images/design/nav-sprite.png) no-repeat -53px 0; width: 57px; } #nav a:hover#navAbout { background: url(../_images/design/nav-sprite.png) no-repeat -53px -35px; width: 57px; } #nav li.on a#navAbout { background: url(../_images/design/nav-sprite.png) no-repeat -53px -70px; width: 57px; } #nav a#navAuthors { background: url(../_images/design/nav-sprite.png) no-repeat -110px 0; width: 70px; } #nav a:hover#navAuthors { background: url(../_images/design/nav-sprite.png) no-repeat -110px -35px; width: 70px; } #nav li.on a#navAuthors { background: url(../_images/design/nav-sprite.png) no-repeat -110px -70px; width: 70px; } #nav a#navBooks { background: url(../_images/design/nav-sprite.png) no-repeat -180px 0; width: 55px; } #nav a:hover#navBooks { background: url(../_images/design/nav-sprite.png) no-repeat -180px -35px; width: 55px; } #nav li.on a#navBooks { background: url(../_images/design/nav-sprite.png) no-repeat -180px -70px; width: 55px; } #nav a#navBuyOnline { background: url(../_images/design/nav-sprite.png) no-repeat -235px 0; width: 86px; } #nav a:hover#navBuyOnline { background: url(../_images/design/nav-sprite.png) no-repeat -235px -35px; width: 86px; } #nav li.on a#navBuyOnline { background: url(../_images/design/nav-sprite.png) no-repeat -235px -70px; width: 86px; } #nav a#navNews { background: url(../_images/design/nav-sprite.png) no-repeat -321px 0; width: 53px; } #nav a:hover#navNews { background: url(../_images/design/nav-sprite.png) no-repeat -321px -35px; width: 53px; } #nav li.on a#navNews { background: url(../_images/design/nav-sprite.png) no-repeat -321px -70px; width: 53px; } #nav a#navContact { background: url(../_images/design/nav-sprite.png) no-repeat -374px 0; width: 68px; } #nav a:hover#navContact { background: url(../_images/design/nav-sprite.png) no-repeat -374px -35px; width: 68px; } #nav li.on a#navContact { background: url(../_images/design/nav-sprite.png) no-repeat -374px -70px; width: 68px; } #bookPreviewWrap { background: url(../_images/design/banner-bg.png) repeat-x center bottom; height: 421px; overflow: hidden; } #bookPreview { background: url(../_images/design/showcase-bg.png) no-repeat top center; margin-top: 40px; width: 960px; height: 334px; } #bookPreview .bookCycle { padding: 0 10px; } #bookPreview .bookCycle .bookDetails { width: 620px; float: left; } #bookPreview .bookCycle .bookPic { width: 240px; height: 368px; padding: 10px; float: right; position: absolute; margin: -128px 0 0 650px; background: url(../_images/design/showcase-book-bg.png) no-repeat; } #bookPreview .bookCycle .bookPic a { width: 240px; height: 368px; display: block; text-indent: -10000px; } #bookPreview #slideNumber { position: absolute; z-index: 1000; margin: 22px 0 0 350px; width: 290px; } #slideNumber a { text-indent: -10000px; background: url(../_images/design/slide-off.png) no-repeat; padding: 0 3px; width: 11px; height: 11px; display: block; float: left; margin-right: 2px; } #slideNumber a.activeSlide { background: url(../_images/design/slide-on.png) no-repeat; } #bookPreview #slideViewAll { position: absolute; z-index: 1000; margin: 21px 0 0 615px; width: 250px; } #slideViewAll a { text-indent: -10000px; background: url(../_images/design/viewall.png) no-repeat 0 0; padding: 0 0; width: 48px; height: 13px; display: block; float: left; } #slideViewAll a:hover { background: url(../_images/design/viewall.png) no-repeat 0 -13px; } #bookPreview h1 { color: #fff; font-size: 32px; font-weight: normal; border-bottom: 0; padding: 6px 0 0 10px; margin: 0 0 15px 0; line-height: 120%; } #bookPreview h2 { line-height: 100%; margin-top: 10px; font-weight: normal; } #bookPreview h4 { font-size: 14px; color: #333; font-weight: bold; background: #fff; } #bookPreview p { color: #999; background: #fff; height: 80px; } #bookPreview ul { list-style: none; } #bookPreview li { float: left; } #bookPreview li.aboutBook a { color: #fff; display: block; padding: 7px 3px 7px 0; text-decoration: none; font-weight: bold; } #bookPreview li.lookInside a { color: #fff; display: block; padding: 7px 3px 7px 0; text-decoration: none; font-weight: bold; } #bookPreview li.booksAuthors { color: #999; display: block; padding: 7px 18px 7px 15px; font-weight: bold; } #bookPreview li.booksAuthors a { color: #999; text-decoration: none; } #bookPreview li.booksAuthors a:hover { color: #666; } #bookPreview li.booksAuthors { background: url(../_images/design/showcase-authors.png) no-repeat top right; color: #999; } /* different colours for different books*/ #bookPerformance h2 { color: #666; } #bookPreview li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat 0 left; color: #fff; width: 130px; text-align: center; } #bookPreview li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat 0 right; color: #fff; width: 100px; text-align: center; } #bookCycle-performance-management h2 { color: #D12A1E; } #bookPreview #bookCycle-performance-management li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -272px; color: #fff; } #bookPreview #bookCycle-performance-management li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -272px; color: #fff; } #bookCycle-performance-management .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -1680px 0; } #bookCycle-be-interview-wise h2 { color: #263F81; } #bookPreview #bookCycle-be-interview-wise li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -238px; color: #fff; } #bookPreview #bookCycle-be-interview-wise li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -238px; color: #fff; } #bookCycle-be-interview-wise .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat 0 0; } #bookCycle-bullying-and-harassment h2 { color: #89181A; } #bookPreview #bookCycle-bullying-and-harassment li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -102px; color: #fff; } #bookPreview #bookCycle-bullying-and-harassment li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -102px; color: #fff; } #bookCycle-bullying-and-harassment .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -480px 0; } #bookCycle-career-detection h2 { color: #005495; } #bookPreview #bookCycle-career-detection li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -136px; color: #fff; } #bookPreview #bookCycle-career-detection li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -136px; color: #fff; } #bookCycle-career-detection .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -720px 0; } #bookCycle-impactful-presentations h2 { color: #0079C1; } #bookPreview #bookCycle-impactful-presentations li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -170px; color: #fff; } #bookPreview #bookCycle-impactful-presentations li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -170px; color: #fff; } #bookCycle-impactful-presentations .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -960px 0; } #bookCycle-safety-matters h2 { color: #556B30; } #bookPreview #bookCycle-safety-matters li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -408px; color: #fff; } #bookPreview #bookCycle-safety-matters li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -408px; color: #fff; } #bookCycle-safety-matters .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -2640px 0; } #bookCycle-redundancy h2 { color: #41217D; } #bookPreview #bookCycle-redundancy li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -374px; color: #fff; } #bookPreview #bookCycle-redundancy li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -374px; color: #fff; } #bookCycle-redundancy .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -2400px 0; } #bookCycle-best-practice-hr-for-line-managers h2 { color: #CE1638; } #bookPreview #bookCycle-best-practice-hr-for-line-managers li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -68px; color: #fff; } #bookPreview #bookCycle-best-practice-hr-for-line-managers li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -68px; color: #fff; } #bookCycle-best-practice-hr-for-line-managers .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -240px 0; } #bookCycle-managing-with-impact h2 { color: #01692E; } #bookPreview #bookCycle-managing-with-impact li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -204px; color: #fff; } #bookPreview #bookCycle-managing-with-impact li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -204px; color: #fff; } #bookCycle-managing-with-impact .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -1200px 0; } #bookCycle-marketing-skills h2 { color: #E37423; } #bookPreview #bookCycle-marketing-skills li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -34px; color: #fff; } #bookPreview #bookCycle-marketing-skills li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -34px; color: #fff; } #bookCycle-marketing-skills .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -1440px 0; } #bookCycle-personal-selling-skills h2 { color: #629C36; } #bookPreview #bookCycle-personal-selling-skills li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -306px; color: #fff; } #bookPreview #bookCycle-personal-selling-skills li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -306px; color: #fff; } #bookCycle-personal-selling-skills .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -1920px 0; } #bookCycle-project-management h2 { color: #548D40; } #bookPreview #bookCycle-project-management li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -340px; color: #fff; } #bookPreview #bookCycle-project-management li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -340px; color: #fff; } #bookCycle-project-management .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -2160px 0; } #bookCycle-time-matters h2 { color: #E67E25; } #bookPreview #bookCycle-time-matters li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -442px; color: #fff; } #bookPreview #bookCycle-time-matters li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -442px; color: #fff; } #bookCycle-time-matters .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -2880px 0; } #bookCycle-emotional-intelligence h2 { color: #E67E25; } #bookPreview #bookCycle-emotional-intelligence li.aboutBook { background: url(../_images/design/sprite-book-buttons.png) no-repeat left -442px; color: #fff; } #bookPreview #bookCycle-emotional-intelligence li.lookInside { background: url(../_images/design/sprite-book-buttons.png) no-repeat right -442px; color: #fff; } #bookCycle-emotional-intelligence .bookPic a { background: url(../_images/content/books/showcase/sprite-books.jpg) no-repeat -3120px 0; } .author-thumb a { width: 90px; height: 90px; display: block; text-indent: -10000px; } .pic-fergus-barry a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) 0 0; } .pic-fergus-barry a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) 0 -90px; } .pic-margaret-considine a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -90px 0; } .pic-margaret-considine a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -90px -90px; } .pic-dermot-duff a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -180px 0; } .pic-dermot-duff a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -180px -90px; } .pic-yvonne-farrell a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -270px 0; } .pic-yvonne-farrell a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -270px -90px; } .pic-adrian-flynn a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -360px 0; } .pic-adrian-flynn a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -360px -90px; } .pic-conor-hannaway a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -450px 0; } .pic-conor-hannaway a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -450px -90px; } .pic-garry-hynes a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -540px 0; } .pic-garry-hynes a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -540px -90px; } .pic-brian-mcivor a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -630px 0; } .pic-brian-mcivor a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -630px -90px; } .pic-ronan-mcnamara a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -720px 0; } .pic-ronan-mcnamara a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -720px -90px; } .pic-ronan-morris a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -810px 0; } .pic-ronan-morris a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -810px -90px; } .pic-john-quilliam a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -900px 0; } .pic-john-quilliam a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -900px -90px; } .pic-julia-rowan a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -990px 0; } .pic-julia-rowan a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -990px -90px; } .pic-frank-scott-lennon a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1080px 0; } .pic-frank-scott-lennon a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1080px -90px; } .pic-john-shaw a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1170px 0; } .pic-john-shaw a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1170px -90px; } .pic-sallyann-hynes a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1260px 0; } .pic-sallyann-hynes a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1260px -90px; } .pic-deirdre-murray a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1350px 0; } .pic-deirdre-murray a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1350px -90px; } .pic-daire-coffey a { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1440px 0; } .pic-daire-coffey a:hover { background: url(../_images/content/authors/thumbs/sprite-authors.jpg) -1440px -90px; } #authorScroll { overflow: hidden; height: 90px; width: 880px; margin: 22px 10px 15px; float: left; } #authorScroll ul { list-style: none; } #authorScroll li { float: left; padding: 0 0 0 20px; } #authorScroll li.first { padding: 0 0 0 10px; } #authorsPrevWrap { float: left; width: 10px; margin: 35px 10px 0; } #authorsPrevWrap a { background: url(../_images/design/arrows-left.png) no-repeat 0 0; width: 10px; height: 60px; display: block; } #authorsPrevWrap a:hover { background: url(../_images/design/arrows-left.png) no-repeat 0 -60px; } #authorsNextWrap { float: right; width: 10px; margin: 35px 10px 0; } #authorsNextWrap a { background: url(../_images/design/arrows-right.png) no-repeat 0 0; width: 10px; height: 60px; display: block; } #authorsNextWrap a:hover { background: url(../_images/design/arrows-right.png) no-repeat 0 -60px; } .bookScroll { overflow: hidden; height: 100px; width: 880px; margin: 22px 5px 15px; float: left; } .bookScroll ul { list-style: none; } .bookScroll li { float: left; padding: 0 0 0 45px; } .bookScroll li.first { padding: 0 0 0 13px; } .bookScroll .bookPic { width: 67px; height: 100px; display: block; text-indent: -10000px; } .bookScroll .book-be-interview-wise { background: url(../_images/content/books/thumbs/be-interview-wise.jpg) no-repeat 0 0; } .bookScroll .book-be-interview-wise:hover { background: url(../_images/content/books/thumbs/be-interview-wise.jpg) no-repeat 0 -102px; } .bookScroll .book-bullying-and-harassment { background: url(../_images/content/books/thumbs/bullying-and-harassment.jpg) no-repeat 0 0; } .bookScroll .book-bullying-and-harassment:hover { background: url(../_images/content/books/thumbs/bullying-and-harassment.jpg) no-repeat 0 -102px; } .bookScroll .book-career-detection { background: url(../_images/content/books/thumbs/career-detection.jpg) no-repeat 0 0; } .bookScroll .book-career-detection:hover { background: url(../_images/content/books/thumbs/career-detection.jpg) no-repeat 0 -102px; } .bookScroll .book-impactful-presentations { background: url(../_images/content/books/thumbs/impactful-presentations.jpg) no-repeat 0 0; } .bookScroll .book-impactful-presentations:hover { background: url(../_images/content/books/thumbs/impactful-presentations.jpg) no-repeat 0 -102px; } .bookScroll .book-performance-management { background: url(../_images/content/books/thumbs/performance-management.jpg) no-repeat 0 0; } .bookScroll .book-performance-management:hover { background: url(../_images/content/books/thumbs/performance-management.jpg) no-repeat 0 -102px; } .bookScroll .book-redundancy { background: url(../_images/content/books/thumbs/redundancy.jpg) no-repeat 0 0; } .bookScroll .book-redundancy:hover { background: url(../_images/content/books/thumbs/redundancy.jpg) no-repeat 0 -102px; } .bookScroll .book-safety-matters { background: url(../_images/content/books/thumbs/safety-matters.jpg) no-repeat 0 0; } .bookScroll .book-safety-matters:hover { background: url(../_images/content/books/thumbs/safety-matters.jpg) no-repeat 0 -102px; } .bookScroll .book-time-matters { background: url(../_images/content/books/thumbs/time-matters.jpg) no-repeat 0 0; } .bookScroll .book-time-matters:hover { background: url(../_images/content/books/thumbs/time-matters.jpg) no-repeat 0 -102px; } .bookScroll .book-best-practice-hr-for-line-managers { background: url(../_images/content/books/thumbs/best-practice-hr-for-line-managers.jpg) no-repeat 0 0; } .bookScroll .book-best-practice-hr-for-line-managers:hover { background: url(../_images/content/books/thumbs/best-practice-hr-for-line-managers.jpg) no-repeat 0 -102px; } .bookScroll .book-managing-with-impact { background: url(../_images/content/books/thumbs/managing-with-impact.jpg) no-repeat 0 0; } .bookScroll .book-managing-with-impact:hover { background: url(../_images/content/books/thumbs/managing-with-impact.jpg) no-repeat 0 -102px; } .bookScroll .book-marketing-skills { background: url(../_images/content/books/thumbs/marketing-skills.jpg) no-repeat 0 0; } .bookScroll .book-marketing-skills:hover { background: url(../_images/content/books/thumbs/marketing-skills.jpg) no-repeat 0 -102px; } .bookScroll .book-personal-selling-skills { background: url(../_images/content/books/thumbs/personal-selling-skills.jpg) no-repeat 0 0; } .bookScroll .book-personal-selling-skills:hover { background: url(../_images/content/books/thumbs/personal-selling-skills.jpg) no-repeat 0 -102px; } .bookScroll .book-project-management { background: url(../_images/content/books/thumbs/project-management.jpg) no-repeat 0 0; } .bookScroll .book-project-management:hover { background: url(../_images/content/books/thumbs/project-management.jpg) no-repeat 0 -102px; } .bookScroll .book-emotional-intelligence { background: url(../_images/content/books/thumbs/emotional-intelligence.jpg) no-repeat 1px 0px; } .bookScroll .book-emotional-intelligence:hover { background: url(../_images/content/books/thumbs/emotional-intelligence.jpg) no-repeat 0 -102px; } .booksPrevWrap { float: left; width: 10px; margin: 40px 10px 0; } .booksPrevWrap a { background: url(../_images/design/arrows-left.png) no-repeat 0 0; width: 10px; height: 60px; display: block; cursor: pointer; } .booksPrevWrap a:hover { background: url(../_images/design/arrows-left.png) no-repeat 0 -60px; } .booksNextWrap { float: right; width: 10px; margin: 40px 10px 0; } .booksNextWrap a { background: url(../_images/design/arrows-right.png) no-repeat 0 0; width: 10px; height: 60px; display: block; cursor: pointer; } .booksNextWrap a:hover { background: url(../_images/design/arrows-right.png) no-repeat 0 -60px; } #bookScrollTop { } #bookScrollBottom { padding: 20px 0 20px 0;} #insideHeading { background: url(../_images/design/banner-bg.png) repeat-x center bottom; height: 80px; overflow: hidden; } #insideHeading h1 { color: #D12A1E; font-size: 32px; font-weight: normal; border-bottom: 0; padding: 15px 0 0 0; margin: 0 0 0 0; line-height: 120%; } #insideWrap { min-height: 715px; padding-bottom: 30px; } #inside { } #inside .toc { padding: 5px 0 5px 0; overflow: hidden; width: 620px; } #inside .toc li { float: left; list-style: none; padding: 5px 5px 0 0; } #inside .toc li a { color: #666; text-decoration: none; background: #ededed; padding: 3px 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #inside .toc li a:hover { color: #fff; background: #D12A1E; } #inside .toc li a.on { color: #fff; background: #666; } #breadCrumbs { padding: 15px 0 0 0; } #breadCrumbs ul { } #breadCrumbs li { list-style: none; float: left; color: #777; } #breadCrumbs span { font-weight: bold; color: #444; padding: 0 10px 0 0; } #breadCrumbs a { color: #777; text-decoration: none; padding: 0 15px 0 0; margin: 0 10px 0 0; background: url(../_images/design/breadcrumb-arrow.png) no-repeat right 3px; } #breadCrumbs a:hover { color: #D12A1E; text-decoration: underline; } #bookNotify { float: right; padding: 5px 0 0 0;} #bookNotify a { background: #D12A1E; color: #fff; padding: 2px 5px; text-decoration: none; margin: 0 0 0 -4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} #bookNotify a:hover { background: #333; color: #fff; text-decoration: none; } #bookContent { padding: 10px 0 0 0; } #bookContent ul { } #bookContent li { list-style: none; float: left; height: 25px; overflow: hidden; } #bookPriceBuy { padding-bottom: 40px; overflow: hidden; margin-left: -8px; } #bookPrice { background: #ededed url(../_images/design/price-bg.png) no-repeat center left; width: 410px; font-size: 14px; color: #333; font-weight: bold; padding: 5px 0 0 8px; } #bookPrice span { color: #999; font-size: 14px; } #bookBuy { background: #D12A1E url(../_images/design/buybook-bg.png) no-repeat center left; width: 182px; text-align: center; font-size: 11px; padding: 4px 0 0 0; } #bookBuy input { color: #fff; text-decoration: none; background: transparent; font-weight: bold; padding: 1px 0 5px 0; border: 0; font-size: 13px; cursor: pointer; } #bookContent .downloadPDF { float: left; width: 300px; padding: 0 10px 40px 0; } #bookContent .downloadPDF .pdfIcon { float: left; padding: 0 10px 0 0; } #bookContent .downloadPDF h4 { font-weight: bold; color: #333; padding: 5px 0 2px 0; font-size: 13px; } #bookContent .downloadPDF p { font-size: 11px; padding: 2px 0 0 0; } #bookContent .downloadPDF p a { color: #D12A1E; text-decoration: none; background: url(../_images/design/download-arrow.png) no-repeat; padding: 0 0 0 14px; } #bookContent .downloadPDF p a:hover { text-decoration: underline; } .bookAuthors { float: left; width: 300px; padding: 0 10px 40px 0; } .bookAuthors .bookAuthorsPic { float: left; padding: 0 10px 0 0; } .bookAuthors h4 { font-weight: bold; color: #333; padding: 0 0 2px 0; font-size: 13px; } .bookAuthors p { font-size: 11px; padding: 0 0 0 0; } .bookAuthors p a { color: #D12A1E; text-decoration: none; } .bookAuthors p a:hover { text-decoration: underline; } .reviewSingle { padding: 10px 0; } .reviewSingle .reviewContent { background: #ededed; padding: 8px 20px 0; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .reviewSingle .reviewAuthor { padding: 8px 0 8px 20px; font-weight: bold; } .reviewSingle .reviewAuthor a { color: #666; text-decoration: underline; } .reviewSingle .reviewAuthor a:hover { color: #D12A1E; text-decoration: underline; } #reviewShortcuts { padding: 15px 0 30px 0;} #reviewShortcuts a { font-weight: bold; color: #ededed; text-decoration: none; background: #666; padding: 3px 10px; margin-right: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #reviewShortcuts a:hover { background: #D12A1E; } .newReviews { border: 2px solid #222; padding: 10px; margin: 10px; background: #ccc; } #bookSideBar { padding: 10px 0 0 0; } #bookPicLarge { height: 460px; margin-bottom: 10px; } #authorContent { padding: 10px 0 0 0; } #authorBooks { min-width: 620px; float: left; margin: 20px 0 50px 0; } #authorBooks .authorBook { width: 150px; text-align: center; float: left; } #authorContact { min-width: 620px; float: left; margin: 0 0 30px 0; padding: 0 0 0 0; } #authorContact ul { } #authorContact li { list-style: none; padding: 5px 0; } #authorContact li span { font-weight: bold; color: #333; display: block; width: 90px; float: left; } #authorContact a.askAuthor { background: #D12A1E; color: #fff; padding: 2px 5px; text-decoration: none; margin: 0 0 0 -4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} #authorContact a:hover.askAuthor { background: #333; } #authorContact a.bookWorkshop { background: #D12A1E; color: #fff; padding: 2px 5px; text-decoration: none; margin: 0 0 0 -4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} #authorContact a:hover.bookWorkshop { background: #333; } #authorSideBar { padding: 10px 0 0 0; } #authorPicLarge { height: 300px; margin-bottom: 10px; } #fullAuthorList { } #fullAuthorWrap { padding: 30px 0; } #fullBookList { } #fullBookWrap { padding: 30px 0; } .bookWrap { float: left; width: 300px; padding: 0 10px 40px 0; height: 102px; } .bookWrap .bookPic { float: left; padding: 0 10px 0 0; } .bookWrap .bookPic a { width: 67px; height: 102px; display: block; text-indent: -10000px; } .bookWrap .bookPic #book-be-interview-wise { background: url(../_images/content/books/thumbs/be-interview-wise.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-bullying-and-harassment { background: url(../_images/content/books/thumbs/bullying-and-harassment.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-career-detection { background: url(../_images/content/books/thumbs/career-detection.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-impactful-presentations { background: url(../_images/content/books/thumbs/impactful-presentations.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-performance-management { background: url(../_images/content/books/thumbs/performance-management.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-redundancy { background: url(../_images/content/books/thumbs/redundancy.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-safety-matters { background: url(../_images/content/books/thumbs/safety-matters.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-time-matters { background: url(../_images/content/books/thumbs/time-matters.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-best-practice-hr-for-line-managers { background: url(../_images/content/books/thumbs/best-practice-hr-for-line-managers.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-managing-with-impact { background: url(../_images/content/books/thumbs/managing-with-impact.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-marketing-skills { background: url(../_images/content/books/thumbs/marketing-skills.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-personal-selling-skills { background: url(../_images/content/books/thumbs/personal-selling-skills.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-project-management { background: url(../_images/content/books/thumbs/project-management.jpg) no-repeat 0 -102px; } .bookWrap .bookPic #book-emotional-intelligence { background: url(../_images/content/books/thumbs/emotional-intelligence.jpg) no-repeat 0 -102px; } .bookWrap .upcoming #book-be-interview-wise { background: url(../_images/content/books/thumbs/be-interview-wise.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-bullying-and-harassment { background: url(../_images/content/books/thumbs/bullying-and-harassment.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-career-detection { background: url(../_images/content/books/thumbs/career-detection.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-impactful-presentations { background: url(../_images/content/books/thumbs/impactful-presentations.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-performance-management { background: url(../_images/content/books/thumbs/performance-management.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-redundancy { background: url(../_images/content/books/thumbs/redundancy.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-safety-matters { background: url(../_images/content/books/thumbs/safety-matters.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-time-matters { background: url(../_images/content/books/thumbs/time-matters.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-best-practice-hr-for-line-managers { background: url(../_images/content/books/thumbs/best-practice-hr-for-line-managers.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-managing-with-impact { background: url(../_images/content/books/thumbs/managing-with-impact.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-marketing-skills { background: url(../_images/content/books/thumbs/marketing-skills.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-personal-selling-skills { background: url(../_images/content/books/thumbs/personal-selling-skills.jpg) no-repeat 0 0; } .bookWrap .upcoming #book-project-management { background: url(../_images/content/books/thumbs/project-management.jpg) no-repeat 0 0; } .bookWrap h4 { font-weight: bold; color: #333; padding: 0 0 2px 0; font-size: 12px; } .bookWrap p { font-size: 11px; padding: 0 0 8px 0; } .bookWrap p a { color: #D12A1E; text-decoration: none; padding: 10px 0 0 0; font-weight: bold; } .bookWrap p a:hover { text-decoration: underline; } .bookWrap .launchingSoon { position: absolute; } #checkout { background: #fff; padding: 10px 5px; text-align: right; margin: 20px 10px 0; border-bottom: 1px solid #ccc; border-top: 0 solid #ccc; font-weight: bold; } #checkout a { margin: 0 40px 0 1px; } #fullBookBuyList { } #fullBookBuyWrap { padding: 0 0; overflow: hidden; } .bookBuyWrap { float: left; width: 940px; padding: 20px 10px 20px 0; height: 102px; border-bottom: 1px solid #ccc; overflow: hidden; } .bookBuyWrap .bookPic { float: left; padding: 0 10px 0 0; } .bookBuyWrap .bookPic a { width: 67px; height: 102px; display: block; text-indent: -10000px; } .bookBuyWrap .bookPic #book-all { background: url(../_images/content/books/thumbs/all.jpg) no-repeat 0 0; cursor: default; } .bookBuyWrap .bookPic #book-be-interview-wise { background: url(../_images/content/books/thumbs/be-interview-wise.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-bullying-and-harassment { background: url(../_images/content/books/thumbs/bullying-and-harassment.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-career-detection { background: url(../_images/content/books/thumbs/career-detection.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-impactful-presentations { background: url(../_images/content/books/thumbs/impactful-presentations.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-performance-management { background: url(../_images/content/books/thumbs/performance-management.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-redundancy { background: url(../_images/content/books/thumbs/redundancy.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-safety-matters { background: url(../_images/content/books/thumbs/safety-matters.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-time-matters { background: url(../_images/content/books/thumbs/time-matters.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-best-practice-hr-for-line-managers { background: url(../_images/content/books/thumbs/best-practice-hr-for-line-managers.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-managing-with-impact { background: url(../_images/content/books/thumbs/managing-with-impact.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-marketing-skills { background: url(../_images/content/books/thumbs/marketing-skills.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-personal-selling-skills { background: url(../_images/content/books/thumbs/personal-selling-skills.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-project-management { background: url(../_images/content/books/thumbs/project-management.jpg) no-repeat 0 -102px; } .bookBuyWrap .bookPic #book-emotional-intelligence { background: url(../_images/content/books/thumbs/emotional-intelligence.jpg) no-repeat 0 -102px; } .bookBuyWrap .upcoming #book-be-interview-wise { background: url(../_images/content/books/thumbs/be-interview-wise.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-bullying-and-harassment { background: url(../_images/content/books/thumbs/bullying-and-harassment.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-career-detection { background: url(../_images/content/books/thumbs/career-detection.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-impactful-presentations { background: url(../_images/content/books/thumbs/impactful-presentations.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-performance-management { background: url(../_images/content/books/thumbs/performance-management.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-redundancy { background: url(../_images/content/books/thumbs/redundancy.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-safety-matters { background: url(../_images/content/books/thumbs/safety-matters.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-time-matters { background: url(../_images/content/books/thumbs/time-matters.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-best-practice-hr-for-line-managers { background: url(../_images/content/books/thumbs/best-practice-hr-for-line-managers.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-managing-with-impact { background: url(../_images/content/books/thumbs/managing-with-impact.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-marketing-skills { background: url(../_images/content/books/thumbs/marketing-skills.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-personal-selling-skills { background: url(../_images/content/books/thumbs/personal-selling-skills.jpg) no-repeat 0 0; } .bookBuyWrap .upcoming #book-project-management { background: url(../_images/content/books/thumbs/project-management.jpg) no-repeat 0 0; } .bookBuyWrap h4 { font-weight: bold; color: #333; padding: 0 0 2px 0; font-size: 13px; } .bookBuyWrap p { font-size: 11px; padding: 0 0 8px 0; } .bookBuyWrap p a { color: #D12A1E; text-decoration: none; padding: 10px 0 0 0; font-weight: bold; } .bookBuyWrap p a:hover { text-decoration: underline; } .bookBuyWrap .launchingSoon { position: absolute; } .bookBuyWrap .bookDesc { width: 650px; float: left; } .bookBuyWrap .bookPrice { font-weight: bold; color: #D12A1E; font-size: 14px; } .bookBuyWrap .bookPrice span { font-weight: bold; color: #999; font-size: 12px; } .bookBuyWrap .bookBuyNow { float: left; width: 200px; text-align: center; padding: 18px 0 0 0; color: #D12A1E; font-weight: bold; } .bookBuyWrap .bookBuyNow input { border: 0; background: #D12A1E; color: #fff; padding: 2px 5px 1px; font-weight: bold; font-family: Arial; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; cursor: pointer; } .bookUpcoming { float: left; width: 200px; background: #ededed; text-align: center; padding: 5px 0 0 0; color: #D12A1E; font-weight: bold; } .staffWrap { margin: 20px 0 0; overflow: hidden; } .staffWrap .staffPhoto { float: left; width: 100px; } .staffWrap .staffDetails { float: left; width: 500px; } .staffWrap h3 { padding: 0 0 5px; color: #D12A1E; } .staffWrap h4 { color: #999; font-style: italic; } .actionButtons { list-style: none; float: left; padding: 0 0 20px 0; } .actionButtons li { float: left; } .actionButtons a { width: 180px; height: 26px; display: block; padding: 6px 0 0 0; color: #fff; text-decoration: none; text-align: center; margin: 0 20px 0 -6px; } .actionButtons a.buttonRedDark { background: url(../_images/design/button-arrow-red-dark.png) no-repeat center center; } .actionButtons a.buttonRedLight { background: url(../_images/design/button-arrow-red-light.png) no-repeat center center; } #followUs16 { float: right; width: 200px; } #followUs16 ul { list-style: none; float: right; padding: 17px 0 0; } #followUs16 li { float: left; padding: 0 5px; font-weight: bold; } #followUs16 a { text-indent: -10000px; display: block; width: 16px; height: 16px; } #followUs16 a#twitterLink { background: url(../_images/design/sprite-social-small.png) no-repeat -16px -16px; } #followUs16 a:hover#twitterLink { background: url(../_images/design/sprite-social-small.png) no-repeat -16px 0; } #followUs16 a#facebookLink { background: url(../_images/design/sprite-social-small.png) no-repeat 0 -16px; } #followUs16 a:hover#facebookLink { background: url(../_images/design/sprite-social-small.png) no-repeat 0 0; } #followUs16 a#linkedinLink { background: url(../_images/design/sprite-social-small.png) no-repeat -32px -16px; } #followUs16 a:hover#linkedinLink { background: url(../_images/design/sprite-social-small.png) no-repeat -32px 0; } #followUs16 a#rssLink { background: url(../_images/design/sprite-social-small.png) no-repeat -48px -16px; } #followUs16 a:hover#rssLink { background: url(../_images/design/sprite-social-small.png) no-repeat -48px 0; } #followUs32 { float: left; width: 300px; height: 50px; overflow: hidden; } #followUs32 ul { list-style: none; float: left; padding: 17px 0 0 30px; } #followUs32 li { float: left; padding: 0 5px; font-weight: bold; } #followUs32 li.label { padding: 8px 5px 0; } #followUs32 a { text-indent: -10000px; display: block; width: 32px; height: 32px; } #followUs32 a#twitterLink { background: url(../_images/design/sprite-social-large.png) no-repeat -32px -32px; } #followUs32 a:hover#twitterLink { background: url(../_images/design/sprite-social-large.png) no-repeat -32px 0; } #followUs32 a#facebookLink { background: url(../_images/design/sprite-social-large.png) no-repeat 0 -32px; } #followUs32 a:hover#facebookLink { background: url(../_images/design/sprite-social-large.png) no-repeat 0 0; } #followUs32 a#linkedinLink { background: url(../_images/design/sprite-social-large.png) no-repeat -64px -32px; } #followUs32 a:hover#linkedinLink { background: url(../_images/design/sprite-social-large.png) no-repeat -64px 0; } #followUs32 a#rssLink { background: url(../_images/design/sprite-social-large.png) no-repeat -96px -32px; } #followUs32 a:hover#rssLink { background: url(../_images/design/sprite-social-large.png) no-repeat -96px 0; } .contactColumn { width: 300px; padding-right: 10px; float: left; } #contactForm { background: #ededed; padding: 1px 10px 10px; margin-bottom: 40px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #contactForm .col1 { float: left; width: 200px; } #contactForm .col2 { float: left; width: 400px; } #contactForm label { margin: 15px 0 3px 3px; width: auto; color: #333; } #contactForm label span { color: #999; font-weight: normal; padding: 0 0 0 3px; } #contactForm input.textbox { width: 180px; } #contactForm input.button { float: right; margin: 10px 0 5px; } #contactForm input.checkbox { float: left; width: 20px; } #contactForm select { padding: 2px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; } #contactForm textarea { width: 390px; height: 133px; } #newsletterForm { background: #ededed; padding: 1px 10px 10px; margin-bottom: 40px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #newsletterForm .col1 { float: left; width: 200px; } #newsletterForm .col2 { float: left; width: 190px; } #newsletterForm label { margin: 15px 0 3px 3px; width: auto; color: #333; } #newsletterForm label span { color: #999; font-weight: normal; padding: 0 0 0 3px; } #newsletterForm input.textbox { width: 180px; } #newsletterForm input.button { float: right; margin: 10px 0 5px; } #newsletterForm input.checkbox { float: left; width: 20px; } #newsletterForm select { padding: 2px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; } #newsletterForm textarea { width: 390px; height: 133px; } #homeContent1Wrap { padding: 0 0 10px 0; } ul#homeVideoList { list-style: none; overflow: hidden; } ul#homeVideoList li { float: left; padding: 0 0 0 17px; } ul#homeVideoList li.first { padding: 0 0 0 0; } #homeContent2Wrap { padding: 0 0 10px 0; } #workshopWrapper { height: 380px; overflow: hidden; } #insideWrap #workshopWrapper { height: auto; } .workshopWrap { float: left; overflow: hidden; padding: 0 0 15px; } .workshopPhoto { float: left; width: 90px; padding: 0 10px 0 0; } .workshopDetail { float: left; width: 520px; } .workshopDetail h3 { font-size: 15px; color: #333; font-weight: bold; padding: 0 0 3px 0; } .workshopDetail h4 { font-size: 13px; color: #666; font-weight: bold; } .workshopDetail h4 a { color: #666; text-decoration: none; } .workshopDetail h4 a:hover { color: #666; text-decoration: underline; } .workshopDetail p { font-size: 11px; color: #666; line-height: 160%; padding: 5px 0 0 0; } #latestNewsWrapper { height: 380px; overflow: hidden; } #insideWrap #latestNewsWrapper { height: auto; } .latestNewsWrap { float: left; overflow: hidden; padding: 1px 0 12px; } .latestNewsDate { float: left; background: url(../_images/design/news-date-bg.png) no-repeat center top; width: 60px; height: 80px; overflow: hidden; } .latestNewsDate a { text-decoration: none; cursor: pointer; } .latestNewsDay { font-size: 24px; color: #D12A1E; width: 60px; text-align: center; float: left; padding: 10px 0 0; } .latestNewsMonth { font-size: 16px; color: #666; text-transform: uppercase; width: 60px; text-align: center; float: left; } .latestNewsDetail { float: left; width: 230px; padding: 5px 0 0 10px; } .latestNewsDetail h3 { font-size: 14px; color: #333; font-weight: bold; padding: 5px 0 0 0; } .latestNewsDetail h3 a { float: left; color: #333; text-decoration: none; width: 230px; height: 20px; overflow: hidden; display: block; position: absolute; } .latestNewsDetail h3 a:hover { color: #D12A1E; text-decoration: none; background: #fff; height: auto; } .latestNewsDetail p { float: left; font-size: 11px; color: #7E7E7E; line-height: 140%; padding: 24px 0 0 0; } .articleWrap { padding: 5px 0 60px 0; overflow: hidden; } .articleWrap .articleDateTime { text-align: left; overflow: hidden; padding-bottom: 5px; } .articleWrap .articleDateTime a { color: #999; font-size: 11px; text-decoration: none; padding: 0 9px 0 9px; text-align: right; } .articleWrap .articleDateTime a:hover { color: #333; cursor: default; } .articleAuthorPic { position: absolute; margin: -20px 0 0 520px; z-index: 10000; } .articleWrap .articleHeading { background: #333; margin: 0 0 25px 0; padding: 0 0 0 10px; height: 48px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .articleWrap .articleHeading a { text-decoration: none; color: #fff; display: block; } .articleWrap .articleContent { padding: 0 10px; overflow: hidden; } .articleContent ul { padding: 5px 0 10px 30px; } .articleContent li { padding: 5px 0 5px 10px; } .articleContent h3 { font-size: 14px; padding: 20px 0 2px; } .articleContent img { border: 1px solid #ccc; padding: 5px; } .articleContent .imgCenter { text-align: center; margin: 0 0 10px 0; } .articleContent .imgLeft { text-align: left; margin: 0 0 10px 0; } .articleContent .imgRight { text-align: right; margin: 0 0 10px 0; } .articleContent .imgFloatLeft { float: left; margin: 0 10px 10px 0; } .articleContent .imgFloatRight { float: right; margin: 0 0 10px 10px; } .articleContent .imgPadding { padding: 5px; } .articleContent .imgBorder { border: 1px solid #ccc; } .articleWrap .articleDivide { margin-top: 10px; height: 6px; background: #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .articleWrap .articleOptions { padding: 5px 5px; } .articleWrap .articleOptions ul { float: right; } .articleWrap .articleOptions li { float: left; margin: 0 0 0 20px; color: #999; } .articleWrap .articleOptions li a { color: #999; text-decoration: none; } .articleWrap .articleOptions li a:hover { color: #D12A1E; text-decoration: underline; } .commentSingle { padding: 10px 0; background: #ededed; padding: 8px 10px 0; margin: 10px 0 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .commentSingle .commentContent { padding: 0 3px; } .commentSingle .commentDetails { overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 0; margin-bottom: 5px; } .commentSingle .commentGravatar { float: left; padding: 3px; border: 1px solid #ccc; border-bottom: 0; width: 46px; height: 46px; background: #fff; } .commentSingle .commentAuthor { padding: 5px 0 3px 10px; font-weight: bold; float: left; width: 400px; font-size: 14px; } .commentSingle .commentAuthor a { color: #666; text-decoration: none; } .commentSingle .commentAuthor a:hover { color: #D12A1E; text-decoration: underline; } .commentSingle .commentDate { padding: 2px 0 2px 10px; font-weight: normal; color: #999; float: left; width: 400px; } #commentsForm { background: #ededed; padding: 1px 10px 10px; margin-bottom: 40px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #commentsForm .col1 { float: left; width: 200px; } #commentsForm .col2 { float: left; width: 400px; } #commentsForm label { margin: 15px 0 3px 3px; width: auto; color: #333; } #commentsForm label span { color: #999; font-weight: normal; padding: 0 0 0 3px; } #commentsForm input.textbox { width: 180px; } #commentsForm input.button { float: right; margin: 10px 0 5px; } #commentsForm input.checkbox { float: left; width: 20px; } #commentsForm select { padding: 2px; color: #333; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; } #commentsForm textarea { width: 390px; height: 133px; } #realname, .realname { visibility: hidden; display: none; } #videoPopupWrap { width: 400px; height: 300px; } .list, .list ul, .editable ul { padding: 5px 0 10px 30px; } .list li, , .editable li { padding: 5px 0 5px 10px; } ol.legal, ul.sitemap { padding: 5px 0 5px 30px; line-height: 175%; } ol.legal ul, ul.sitemap ul { padding: 5px 0 5px 30px; } ol.legal li, ul.sitemap li { padding: 5px 0 5px 10px; } #sideBar { padding: 0 0 0 0; } #sideEnquiryWrap { background: #ededed; border: 1px solid #d8d8d8; padding: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #sideEnquiryWrap h4 { background: #249083 url(../_images/design/side-box-green-bg.png) repeat-x center bottom; border: 2px solid #fff; padding: 5px 6px; margin-bottom: 12px; color: #fff; font-weight: bold; font-family: Nevis, Arial, Helvetica, sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } #sideEnquiryWrap .lineWrap { padding-left: 9px; } #sideEnquiryWrap #emailWrap { padding-left: 10px; } #sponsorWrap { background: url(../_images/design/sponsor-bg.png) no-repeat center top; width: 260px; height: 230px; padding: 30px 20px 10px; } #sponsorSmWrap { background: url(../_images/design/sponsor-sm-bg.png) no-repeat center top; width: 260px; height: 130px; padding: 20px 20px 20px; } #sponsorHeading h5 { font-size: 26px; color: #333; text-align: center; margin-top: 2px; } #sponsorLogo { text-align: center; margin: 24px 0; } #sponsorDesc { text-align: center; color: #999; font-size: 13px; line-height: 160%; } #supportedBy { text-align: center; padding: 5px 0 0 0; } #footerShowHide { border-bottom: 2px solid #ededed; } #footerShowHide a { color: #D12A1E; font-weight: bold; background: #ededed; padding: 4px 12px 2px; font-size: 11px; display: block; float: left; text-decoration: none; } #footerShowHide a:hover { color: #333; } #footerDivide { height: 8px; background: url(../_images/design/footer-border.png) repeat-x top center; border-bottom: 2px solid #fff; border-top: 2px solid #fff; } #footerNavWrap { background: #202020 url(../_images/design/footer-bg.png) repeat-x top center; padding: 20px 0; overflow: hidden;} #footerNav { } #footerNav h5 { color: #fff; font-size: 22px; font-weight: normal; } #footerNav ul { list-style: none; padding: 8px 0 2px; } #footerNav li { padding: 2px 0; } #footerNav li a { color: #777; text-decoration: none; } #footerNav li a:hover { color: #999; text-decoration: underline; } #footerWrap { background: #141414; border-top: 1px solid #666; padding: 17px 0 15px 0; color: #666; font-size: 11px; overflow: hidden; } #footerWrap a { color: #666; text-decoration: none; } #footerWrap a:hover { color: #999; text-decoration: none; } #footerRight ul { list-style: none; float: right; font-size: 11px; } #footerRight li { float: left; } #footerRight a { padding: 0 7px; } /* widths and padding */ /* ----------------------------------------------------- */ .w50 { width: 50px; } .w100 { width: 100px; } .w110 { width: 110px; } .w120 { width: 120px; } .w130 { width: 130px; } .w140 { width: 140px; } .w150 { width: 150px; } .w160 { width: 160px; } .w170 { width: 170px; } .w180 { width: 180px; } .w190 { width: 190px; } .w200 { width: 200px; } .w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w270 { width: 270px; } .w280 { width: 280px; } .w290 { width: 290px; } .w300 { width: 300px; } .w310 { width: 310px; } .w320 { width: 320px; } .w330 { width: 330px; } .w340 { width: 340px; } .w350 { width: 350px; } .w360 { width: 360px; } .w370 { width: 370px; } .w380 { width: 380px; } .w390 { width: 390px; } .w400 { width: 400px; } .w500 { width: 500px; } .w600 { width: 600px; } .w700 { width: 700px; } .w740 { width: 740px; } .w750 { width: 750px; } .w760 { width: 760px; } .padBtm10 { padding-bottom: 10px; } .padBtm20 { padding-bottom: 20px; } .padBtm30 { padding-bottom: 30px; } .padBtm40 { padding-bottom: 40px; } .padBtm50 { padding-bottom: 50px; } .padBtm60 { padding-bottom: 60px; } .padBtm75 { padding-bottom: 75px; } .padBtm90 { padding-bottom: 90px; } .padTop10 { padding-top: 10px; } .padTop20 { padding-top: 20px; } .padTop30 { padding-top: 30px; } .padTop40 { padding-top: 40px; } .padTop50 { padding-top: 50px; } #langFlag { float: right; } #chooseLanguage { overflow: hidden; list-style: none; float: right; } #chooseLanguage li { float: left; padding: 5px; } #chooseLanguage a { float: left; } #discountWelcome { font-weight: normal; background: #ededed; padding: 10px; margin-bottom: 30px; margin-right: 10px; } #discountWelcome em { font-style: italic; }