/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Epic Stylesheet Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#373737; text-align:left; } td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html, body { height:100%; /* needed for container min-height */} /* ----- IDS ----- */ #outterContainer { position:relative; height:auto !important; height:100%; min-height:100%; background:#fcf5ea url(../images/homeBodyBg.gif) top left repeat-x;} #outterContainer.internalOutterContainer { background:#fcf5ea url(../images/internalBodyBg.gif) top left repeat-x;} #container { width:955px; margin:0 auto; text-align:left; font-size:120%; line-height:130%; padding-bottom: 50px; background:url(../images/homeContainerBg.gif) top left no-repeat; min-height:700px; } #container.internalContainer { background:url(../images/internalContainerBg.gif) top left no-repeat; } /* ----- HEADER ----- */ #printHeader { display:none;} #header { width:955px; height:150px; position:relative;} #header #logo {} #header #logo h1 { display:none;} #header #logo a { display:block; width:108px; height:140px; position:absolute; top:0px; left:0px;} #header #currentVersion {display:block; width:450px; height:40px; position:absolute; top:0px; left:100px} #header #currentVersion p {color:#666666; padding: 11px 0px 0px 0px} #header #loginSearch { width:388px; height:55px; position:absolute; top:0px; left:566px;} #header #loginSearch #search { position:absolute; top:0px; left:20px;} #header #loginSearch #search #ajaxSearch_intro { display:none;} #header #loginSearch #clientLogin { position:absolute; top:0px; left:7px;} #header #loginSearch #clientLogin a { color:#55a5d5; text-decoration:none; width:77px; line-height:14px; height:29px; display:block; padding: 11px 30px 0 18px;} #header #loginSearch #clientLogin a:hover { text-decoration:underline;} #header #loginSearch #search p { color:#b7b666; position:absolute; top:11px; left:120px;} #header #loginSearch #search #ajaxSearch_input { width:120px; padding:3px; border:1px solid #e1e1e1; margin:0; position:absolute; top:7px; left:200px;} #header #loginSearch #search #ajaxSearch_submit { color:#b7b666; border:none; padding:0; background:transparent; font-weight:bold; font-size:12px; height:15px; margin:0; cursor:pointer; position:absolute; top:10px; left:331px;} #header #telephone { position:absolute; top:48px; left:740px; width:207px; height:30px;} #header #telephone p { display:none;} /* ----- HOME ----- */ #homeFlash { width:955px; height:245px; position:relative;} /*Take this part of CSS for the static banner link (E-learning debate)*/ #homeFlash .link1 { display:block; position:absolute; top:175px; left:435px; width:170px; height:30px;} #homeFlash .link2 { display:none; position:absolute; top:125px; left:510px;} #homeFlash .link3 { display:none; position:absolute; top:48px; left:622px; width:185px; height:120px;} /*-----------------------------------------------------------------------------------------------------*/ #homeJumps {position: relative; width:955px; height:187px; line-height:120%; margin-top:-40px;} #homeJumps a { color:#ffffff; font-weight:normal; text-decoration:none;} #homeJumps a:hover { text-decoration:underline;} /*#homeJumps .homeJumpNewsletter { float:left; position:relative; width:241px; height:185px;}*/ #homeJumps .homeJumpEdemo a { width:148px; display:block; position:absolute; top:34px; left:13px; padding:83px 0px 20px 20px;} /*#homeJumps .homeJumpTender { float:left; position:relative; width:237px; height:185px; }*/ #homeJumps .homeJumpTender a { width:140px; height: 10px; display:block; position:absolute; top:34px; left:200px; padding:79px 8px 30px 20px;} /*#homeJumps .homeJumpCallBack { float:left; position:relative; width:238px; height:185px; }*/ #homeJumps .homeJumpCallBack a { width:140px; height:10px; display:block; position:absolute; top:34px; left:390px; padding:76px 8px 33px 20px;} /*#homeJumps .homeJumpThinking { float:left; position:relative; width:238px; height:185px; } */ #homeJumps .homeJumpWhitePapers a { width:140px; height:10px; display:block; position:absolute; top:34px; left:580px; padding:76px 8px 33px 20px;} #homeJumps .homeJumpCaseStudies a { width:140px; height:8px; display:block; position:absolute; top:34px; left:770px; padding:76px 8px 47px 20px;} #homeJumpsHolder { float: left; position: relative; width: 955px; height: 187px; margin-left: auto; margin-right: auto; background: url('../images/homeBoxesNew.png'); } #homeContent { width:629px; margin-top:5px; float:left;} #homeContent #homeContenTop { width:629px; height:39px;} #homeContent #homeContentBottom { width:629px; height:97px;} #homeContent #homeContentText { padding:0 30px 0 42px; line-height:21px; background:url(../images/homeContentBg.gif) top left repeat-y;} #homeContent h1 { padding:0 0 0 0; font-size:125%; } #homeContent h2 { padding:0 0 0 0;} .homeParagraph{padding:0px;} #homeContent p { padding:0 0 21px 0; } #homeCallToActions { width:277px; float:left; margin: 10px 0 0 35px;} #homeCallToActions .homeCallToAction { background:url(../images/listDivider.gif) bottom left repeat-x; height:66px;} #homeCallToActions .homeCallToAction a { color:#444444; text-decoration:none;} #homeCallToActions .homeCallToAction a:hover { color:#d9006b; } #homeCallToActions .homeCallToAction .homeCallToActionImage { width:70px; float:left;} #homeCallToActions .homeCallToAction .homeCallToActionTitle { display:block; padding:0;} #homeCallToActions .homeCallToAction .homeCallToActionTitle h2 { display:block; padding:0;} #homeCallToActions .homeCallToAction .homeCallToActionTitle a { display:block; padding:8px 0 0 0; color:#d9006b;} #homeCallToActions .homeCallToAction .homeCallToActionText { display:block; padding:0;} #homeCallToActions .homeCallToAction .homeCallToActionText a { display:block; padding:0 0 10px 0;} #homeCallToActions .homeCallToAction .homeCallToActionSoloTitle {display:block; padding:0;} #homeCallToActions .homeCallToAction .homeCallToActionSoloTitle h2 {display:block; padding:0;} #homeCallToActions .homeCallToAction .homeCallToActionSoloTitle a {display:block; padding:25px 0 25px 0; color:#d9006b;} #homeCallToActions .homeCallToActionBlog { background:url(../images/listDivider.gif) bottom left repeat-x; padding:0 0 10px 0;} #homeCallToActions .homeCallToActionBlog a { color:#444444; text-decoration:none;} #homeCallToActions .homeCallToActionBlog a:hover { color:#d9006b; } #homeCallToActions .homeCallToActionBlog .homeCallToActionImage { width:70px; float:left;} #homeCallToActions .homeCallToActionBlog .homeCallToActionTitle { display:block; padding:0;} #homeCallToActions .homeCallToActionBlog .homeCallToActionTitle h2 { display:block; padding:0;} #homeCallToActions .homeCallToActionBlog .homeCallToActionTitle a { display:block; padding:8px 0 0 0; color:#d9006b;} #homeCallToActions .homeCallToActionBlog .homeCallToActionText { display:block; padding:0;} #homeCallToActions .homeCallToActionBlog .homeCallToActionText a { display:block; padding:0 0 10px 0;} #homeCallToActions .homeCallToActionBlog .homeCallToActionPosts { display:block; padding:0;} #homeCallToActions .homeCallToActionBlog .homeCallToActionPosts ul { margin:0 0 0 70px; padding:0;} /* #homeLatestBlogPosts { width:277px; float:left; margin: 10px 0 0 35px;} #homeLatestBlogPosts .homeLatestBlogPostsImage { width:70px; float:left;} #homeLatestBlogPosts .homeLatestBlogPostsTitle { display:block; padding:0;} #homeLatestBlogPosts .homeLatestBlogPostsTitle h2 { display:block; padding:0;} #homeLatestBlogPosts .homeLatestBlogPostsTitle a { display:block; padding:8px 0 0 0; color:#d9006b;} #homeLatestBlogPosts .homeLatestBlogPostsText { display:block; padding:0;} #homeLatestBlogPosts .homeLatestBlogPostsText a { display:block; padding:0 0 0 0;} #homeLatestBlogPosts .homeLatestBlogPostsList {display:block; padding:0 0 0 0;} #homeLatestBlogPosts a { color:#444444; text-decoration:none;} #homeLatestBlogPosts a:hover { color:#d9006b; } */ #homeLogos { height:60px; position:relative; top:20px} #homeLogos .homeLogo { float:left; margin-left:15px; display:inline;} #homeLogos .homeLogo.isoLogo { margin-top:8px;} #homeLogos .homeLogo.epicentreLogo { margin: 0 0 0 170px;} #homeLogos .homeLogo.epicwebLogo { margin-left:0px;} #BuyingSolutionsLogo .homeBuyingSolutionsLogo { width:118px; height:90px;} #BuyingSolutionsLogo .homeBuyingSolutionsLogo a { display:block; width:118px; height:90px;} #BuyingSolutionsLogo .homeBuyingSolutionsLogo span { display:none;} /* #BuyingSolutionsLogo .caseStudiesBuyingSolutionsLogo { width:118px; height:90px; display:inline;} #BuyingSolutionsLogo .caseStudiesBuyingSolutionsLogo a { display:inline; width:118px; height:90px;} #BuyingSolutionsLogo .caseStudiesBuyingSolutionsLogo span { display:none;} */ #BuyingSolutionsLogo .leftColBuyingSolutionsLogo { width:118px; height:90px;} #BuyingSolutionsLogo .leftColBuyingSolutionsLogo a { display:block; width:118px; height:90px;} #BuyingSolutionsLogo .leftColBuyingSolutionsLogo span { display:none;} /* ----- CHRISTMAS ----- */ #xmasContent { width:800px; position:relative; margin-left:auto; margin-right:auto; margin-top:5px; padding: 0 0 0 50px;} #xmasFlash { width:800px; height:800px; position:relative; margin-left:auto; margin-right:auto; margin-bottom: 50px;} /* ----- COLUMNS ----- */ #leftCol { width:205px; float:left; padding-top:25px;} #rightCol { width:750px; float:left;} /* ----- LEFT COL JUMPS ----- */ #leftColJumps { margin: 7px 0 0 9px;} #leftColJumps .jumpNewsletter { width:175px; height:75px;} #leftColJumps .jumpNewsletter a { display:block; width:175px; height:75px;} #leftColJumps .jumpNewsletter span { display:none;} #leftColJumps .jumpEdemo { width:175px; height:75px;} #leftColJumps .jumpEdemo a { display:block; width:175px; height:75px;} #leftColJumps .jumpEdemo span { display:none;} #leftColJumps .jumpTender { width:156px; height:72px;} #leftColJumps .jumpTender a { display:block; width:156px; height:72px;} #leftColJumps .jumpTender span { display:none;} #leftColJumps .jumpCallBack { width:156px; height:69px;} #leftColJumps .jumpCallBack a { display:block; width:156px; height:69px;} #leftColJumps .jumpCallBack span { display:none;} #leftColJumps .jumpResources { width:175px; height:71px; margin:1px 0 0 1px;} #leftColJumps .jumpResources a { display:block; width:175px; height:71px;} #leftColJumps .jumpResources span { display:none;} #leftColJumps .jumpCaseStudies { width:170px; height:70px; margin:1px 0 0 1px;} #leftColJumps .jumpCaseStudies a { display:block; width:165px; height:70px;} #leftColJumps .jumpCaseStudies span { display:none;} #leftColJumps .jumpTwitter { width:160px; height:27px; margin:10px 0 0 1px;} #leftColJumps .jumpTwitter a { display:block; width:160px; height:27px;} #leftColJumps .jumpTwitter span { display:none;} /* ----- CONTENT ----- */ #content { line-height:140%;} #content .padding { padding:20px 30px 20px 0;} #content ul, #content ol { margin:0; padding: 0 0 5px 18px; list-style:disc;} #content ul ul, #content ol ol{ margin:0; padding: 5px 0 5px 18px;} /* ----- DEFAULT LIST ----- */ #listing { padding-bottom:20px;} #listing .listItem { background:url(../images/listDivider.gif) bottom left repeat-x; padding:10px 0 12px 0;} #listing .listImage { float:left; width:105px; } #listing .listText { float:left; padding: 0px 10px 0 10px; width:585px;} #listing .listText .listTitle { font-weight:bold; padding-bottom:5px;} #listing .listText .listTitle a { color:#373737; font-weight:bold; text-decoration:none;} #listing .listText .listTitle a:hover { text-decoration:underline;} #listing .listText .listDetails { padding-bottom:0px;} #listing .listText .listDetails a { color:#d9006b; font-weight:bold; text-decoration:none;} #listing .listText .listDetails a:hover { text-decoration:underline;} .listDivider { margin-left:-3px;} /* ----- SPECIALIST LIST ----- */ #specialist { padding-bottom:20px;} #specialist .listItem { padding:10px 0 12px 0;} #specialist .listImage { float:left; width:71px; } #specialist .listText { float:left; padding: 0px 10px 0 10px; width:595px;} #specialist .listText .listTitle { font-weight:bold; padding-bottom:5px;} #specialist .listText .listDetails { padding-bottom:0px;} #specialist .listText .listDetails a { color:#d9006b; font-weight:bold; text-decoration:none;} #specialist .listText .listDetails a:hover { text-decoration:underline;} /* ----- NEWSLETTER LIST ----- */ #newsletterListing {} #newsletterListing a { color:#373737; text-decoration:none; font-weight:bold;} #newsletterListing a:hover { text-decoration:underline;} #newsletterListing #newsletterFeatured {} #newsletterListing #newsletterFeatured .newsletterThumbFeatured { width:180px; float:left;} #newsletterListing #newsletterFeatured .newsletterIssueFeatured { padding:50px 0 0px 0;} #newsletterListing #newsletterFeatured .newsletterIssueFeaturedText { padding:5px 0 5px 0;} #newsletterListing #newsletterFeatured .newsletterIssueFeaturedText p { padding-bottom:5px;} #newsletterListing #newsletterFeatured #newsletterJumps { padding-top:5px;} #newsletterListing #newsletterFeatured #newsletterJumps a { color:#d9006b; text-decoration:underline;} #newsletterListing #newsletterFeatured #newsletterJumps a:hover { text-decoration:none;} #newsletterListing #newsletterFeatured #newsletterJumps .newsletterJump { width:240px; float:left;} #newsletterListing #newsletterFeatured #newsletterJumps .newsletterJumpImage { height:64px; margin-left:84px;} #newsletterListing #newsletterFeatured #newsletterJumps .newsletterJumpText {} #newsletterListing .newsletterList { background:url(../images/listDivider.gif) top left repeat-x; padding:2px 0px;} #newsletterListing .newsletterList .newsletterThumb { width:83px; float:left; margin:3px 0;} #newsletterListing .newsletterList .newsletterDetails { padding:0;} #newsletterListing .newsletterList .newsletterDetails .newsletterIssue { padding:17px 0 0px 0 !important;} #newsletterListing .newsletterList .newsletterDetails .newsletterText { padding:5px 0 15px 0;} #newsletterListing .newsletterList .newsletterDetails .newsletterText p { padding-bottom:5px;} /* ----- BOTTOM JUMPS ----- */ #bottomJumps { line-height:130%;} #bottomJumps .newsJump { float:left; width:310px;} #bottomJumps .newsJumpImage { width:52px; float:left;} #bottomJumps .newsJumpText { width:240px; float:left; padding:5px 0 0 0;} #bottomJumps .contactJump { float:left; width:405px;} #bottomJumps .contactJumpImage { float:left; width:60px;} #bottomJumps .contactJumpText { float:left; width:345px; padding:5px 0 0 0;} /* ----- NEWS JUMPS ----- */ #news { margin-top:-30px;} #newsJumps {} #newsJumps .newsJumpNewsletter { width:200px; height:174px; float:left;} #newsJumps .newsJumpPressReleases { width:217px; height:174px; float:left; margin-left:30px;} #newsJumps .newsJumpYouTube { width:179px; height:174px; float:left; margin-left:50px;} #newsJumps .newsJumpStaff { width:163px; height:186px; float:left;} #newsJumps .newsJumpImage {} #newsJumps .newsJumpText { text-align:center;} #newsJumps .newsJumpText a { color:#373737; font-weight:bold; text-decoration:none;} #newsJumps .newsJumpText a:hover { text-decoration:underline;} #newsJumps .newsJumpPressReleasesText {text-align:center; width:120px; margin:auto;} #newsJumps .newsJumpPressReleasesText a { color:#373737; font-weight:bold; text-decoration:none; float:left;} #newsJumps .newsJumpPressReleasesText a:hover { text-decoration:underline;} #newsJumps .newsJumpPressReleasesText img { margin-right:5px; } /* ----- CASE STUDIES ----- */ #caseStudies { margin-top:-30px;} #caseStudies #caseStudiesEmailRequest { padding:25px 0 30px 0;} #caseStudiesSubject { width:273px; float:left;} #caseStudiesSubjectTop {} #caseStudiesSubjectTop h2 { display:none;} #caseStudiesSubjectNav { background:url(../images/caseStudiesSubjectMiddle.gif) top left repeat-y; min-height:250px;} #caseStudiesSubjectNav ul { margin:0 0 0 47px; padding:0; list-style:none; width:188px;} #caseStudiesSubjectNav ul li { background:url(../images/listDivider.gif) bottom left repeat-x;} #caseStudiesSubjectNav ul li.last { background:none;} #caseStudiesSubjectNav ul li a { text-decoration:none; font-weight:bold; color:#373737; display:block; width:182px; padding: 6px 0px 8px 6px; background:url(../images/caseStudiesSubjectArrow.gif) 2000px 0px no-repeat;} #caseStudiesSubjectNav ul li a:hover { color:#d9006b; background:url(../images/caseStudiesSubjectArrow.gif) 172px 5px no-repeat;} #caseStudiesSubjectNav ul li.active a { color:#d9006b; background:url(../images/caseStudiesSubjectArrow.gif) 172px 5px no-repeat;} #caseStudiesSector { width:270px; float:left; margin-left:30px;} #caseStudiesSectorTop {} #caseStudiesSectorTop h2 { display:none;} #caseStudiesSectorNav { background:url(../images/caseStudiesSectorMiddle.gif) top left repeat-y; min-height:250px;} #caseStudiesSectorNav ul { margin:0 0 0 44px; padding:0; list-style:none; width:192px;} #caseStudiesSectorNav ul li { background:url(../images/listDivider.gif) bottom left repeat-x;} #caseStudiesSectorNav ul li.last { background:none;} #caseStudiesSectorNav ul li a { text-decoration:none; font-weight:bold; color:#373737; display:block; width:184px; padding: 6px 0px 8px 4px; background:url(../images/caseStudiesSectorArrow.gif) 2000px 0px no-repeat;} #caseStudiesSectorNav ul li a:hover { color:#888600; background:url(../images/caseStudiesSectorArrow.gif) 172px 5px no-repeat;} #caseStudiesSectorNav ul li.active a { color:#888600; background:url(../images/caseStudiesSectorArrow.gif) 172px 5px no-repeat;} #caseStudiesJumps { width:133px; float:left; margin-left:32px;} #caseStudiesJumps .caseStudyDownload { padding:14px 0 0 0;} #caseStudiesJumps .caseStudyDownloadJumpImage { margin: 0 0 5px 5px;} #caseStudiesJumps .caseStudyDownloadJumpText {} /* ----- CASE STUDIES LIST ----- */ #caseStudiesListing { padding-bottom:10px;} #caseStudiesListing .caseStudy { width:176px; height:192px; padding:4px 0 0 0; float:left;} #caseStudiesListing .caseStudy a { display:block; width:160px; margin:0 auto; text-decoration:none; color:#373737;} #caseStudiesListing .caseStudy a:hover { text-decoration:underline; color:#d9006b;} #caseStudiesListing .caseStudy img { width:160px; height:110px;} #caseStudiesListing .caseStudy .caseStudyText { line-height:16px; text-align:center; padding-top:2px;} #caseStudiesListing .caseStudy .caseStudyAwardBadge { height:24px;} #caseStudiesListing .caseStudy .caseStudyAwardBadge img { width:73px; height:69px; z-index:2; position:relative; top:0px; left:110px;} #caseStudiesFlash {margin-top: -30px; } #caseStudiesFlash p {margin-top: 30px; } /* ----- OXFORD DEBATE ----- */ #oxfordContentWrapperL { background-image:url(../assets/images/News/oxford6.png); background-repeat:no-repeat; } /* #oxfordContentWrapperL a span {display: none;} #oxfordContentWrapperL a:hover span {display: block; text-decoration:none; position:absolute; width:560px; height:323px; margin: 0 0 0 0; background: #ffffff;} */ /* ----- CASE STUDY ----- */ #caseStudy { margin:-30px 0 0 0; position:relative; left:-10px;} #caseStudyContentContainer { background:url(../images/caseStudyBg.gif) top left no-repeat; width:746px; min-height:458px;} #caseStudyContent { padding-left:12px; background:url(../images/caseStudyContentBg.gif) top left repeat-y;} #caseStudyText { width:390px; float:left; padding: 0 45px 0 25px;} #caseStudyLogo { margin: 0 0 5px -5px;} #caseStudyImages { width:225px; float:left; margin-top:10px; text-align:center;} #caseStudyImages img { padding:0px; border:1px solid #cccccc; margin:15px 0 0 0;} #caseStudyImages p { padding:7px 0 0 0;} /* ----- SERVICES ----- */ #serviceText { width:100%; float:left; padding:20px 0 20px 0;} /*width: 503*/ #serviceTextTemplateNew { width:503px; float:left; padding:20px 0 20px 0;} #serviceScreenshotsContainer { position:relative; top:-15px; float:left; width:247px;} #serviceScreenshotsContainer #serviceScreenshots { background:url(../images/serviceScreenshotBg.gif) top left repeat-y; padding: 5px 0;} #serviceScreenshotsContainer #serviceScreenshots img { padding:0 0 0 0; margin: 0 0 25px 40px; border:none 0 !important;} #serviceScreenshotsContainer #serviceScreenshots h2 { background:url(../images/listDivider.gif) bottom left repeat-x; width:181px; position:absolute; top:40px; left:40px; padding-bottom:5px;} #serviceJumps { padding:20px 0 0 0;} #serviceJumps .caseStudyJump { width:160px; float:left;} #serviceJumps .caseStudyJumpImage { margin-left:55px; height:53px; width:56px;} #serviceJumps .caseStudyJumpText { text-align:center;} #serviceJumps .contactUsJump { width:275px; float:left; margin-left:40px;} #serviceJumps .contactUsJumpImage { margin-left:100px; height:53px; width:66px;} #serviceJumps .contactUsJumpText { text-align:center;} /* ----- SERVICES - mobile page ----- */ #mobileBannerContainer { background: url('/assets/images/services/mobile-page-banner-bg.png') no-repeat left top; width: 700px; height: 360px; } .mobileBannerSticky { float: left; } #mobileBannerContainer #mobileBannerSticky1 { background: url('/assets/images/services/mobile-page-sticky1.png') no-repeat center top; width:141px; height: 122px; padding: 30px 30px 0 30px; margin: 180px 0 0 28px; } #mobileBannerContainer #mobileBannerSticky2 { background: url('/assets/images/services/mobile-page-sticky2.png') no-repeat center top; width:151px; height: 142px; padding: 30px 30px 0 30px; margin: 180px 0 0 15px; } #mobileBannerContainer #mobileBannerSticky3 { background: url('/assets/images/services/mobile-page-sticky3.png') no-repeat center top; width:141px; height: 122px; padding: 30px 30px 0 30px; margin: 180px 0 0 16px; } #mobileAwardLogos { float: right; margin-left: 20px; } /* ----- CLIENTS ----- */ #clientsPublicSector { margin-top:0px; height:350px;} #clientsPublicSectorTitle { display:block; position:relative; width:210px; height:91px;} #clientsPublicSectorTitle h2 { position:absolute; top:42px; left:20px;} #clientsPublicSectorLogos { margin-top:-10px;} #clientsPrivateSector { height:464px;} #clientsPrivateSectorTitle { display:block; position:relative; width:210px; height:91px;} #clientsPrivateSectorTitle h2 { position:absolute; top:49px; left:20px;} #clientsPrivateSectorLogos { margin-top:-5px;} /* ----- THINKING ----- */ #thinking { width:750px; height:375px; position:relative; top:-15px;} #thinking #thinkingJumps { width:664px; height:321px; position:relative; top:-20px; left:20px;} #thinking a { color:#ffffff; text-decoration:none; display:block;} #thinking a:hover { text-decoration:underline;} #thinking #thinkingWhitePapers { width:110px; height:90px; padding:0px; position:absolute; top:60px; left:17px; text-align:center;} #thinking #thinkingWhitePapers a { width:110px; height:55px; padding-top:35px; background:url(../images/transparent.gif) top left no-repeat;} #thinking #thinkingLinkedIn { width:120px; height:90px; padding:0px; position:absolute; top:65px; left:170px; text-align:center;} #thinking #thinkingLinkedIn a { width:120px; height:55px; padding-top:35px;} #thinking #thinkingInsights { width:110px; height:90px; padding:0px; position:absolute; top:200px; left:73px; text-align:center;} #thinking #thinkingInsights a { width:110px; height:55px; padding-top:35px;} #whitepapers #thinkingUpdated { position:absolute; top:240px; left:540px; } /* ----- SERVICES ----- */ #services { width:750px; height:385px; line-height:120%;} #services #servicesMap { margin-left:0px; position:relative;} #services p { padding:0;} #services a { color:#373737; text-decoration:none;} #services a:hover { color:#d9006b; text-decoration:underline;} #services #servicesWeb20 { position:absolute; top:82px; left:468px;} #services #servicesOpenSource { position:absolute; top:354px; left:371px;} #services #servicesBlendedLearningConsultancy { position:absolute; top:13px; left:191px; width:110px; text-align:center} #services #servicesCapabilityBuilding { position:absolute; top:14px; left:353px;} #services #servicesMaintenance { position:absolute; top:96px; left:249px;} #services #servicesArenaPortal { position:absolute; top:117px; left:550px;} #services #servicesWebsiteDesign { position:absolute; top:288px; left:192px;} #services #servicesLocalisation { position:absolute; top:200px; left:347px;} #services #servicesMarketingLaunch { position:absolute; top:245px; left:597px;} #services #servicesTesting { position:absolute; top:180px; left:479px;} #services #servicesHosting { position:absolute; top:199px; left:24px;} #services #servicesSupport { position:absolute; top:49px; left:89px;} #services #servicesMobile { position:absolute; top:304px; left:491px;} #services #servicesEvaluation { position:absolute; top:155px; left:178px;} /* ----- FORM ----- */ #formContainer { margin-top:-20px;} #formContainer #formContent { background:url(../images/formBg.gif) top left repeat-y; position:relative; min-height:1px;} #formContainer #formContent form { display:block; width:600px; margin: 0 0 0 65px;} #formContainer #formContent fieldset { display:block; width:600px;} #formContainer #formContent .paddedFormCellC { float:left; width:240px; font-weight:bold; line-height:22px;} #formContainer #formContent .paddedFormCellC span img { display:inline; position:relative; top:-7px; padding-left:4px;} #formContainer #formContent input { display:inline; width:200px; border:1px solid #c5c5c5; padding:4px 3px; margin:0px; cursor:default;} #formContainer #formContent textarea { display:inline; width:200px; height:80px; border:1px solid #c5c5c5; padding:4px 3px; margin:0px; cursor:default;} #formContainer #formContent p { padding-bottom:9px;} #formContainer #formContent .rsvp input { width:20px} #formContainer #formContent #titleText { padding: 0px 65px 0px 65px;} #formContainer #formTop {} #formContainer #formBottom {} #formContainer #submit { border:0px !important; padding:0px; background:#d9006b; color:#ffffff; margin:4px 0 0 143px !important; width:65px !important; font-weight:bold; text-align:center;} #formContainer #requiredLegend { font-weight:bold; padding-left:240px; padding-bottom:0px !important;} #formContainer #requiredLegend img { display:inline; position:relative; top:-7px; padding-right:4px;} #formContainer .errors { padding: 0 0 20px 65px !important; width:400px; color:#d9006b;} .hiddenInput { display:none !important;} #formContainer .formContentHeaderC { margin-left:65px; margin-right:83px; margin-bottom:20px;} /* ----- WHITEPAPERS ----- */ #whitepapers {} #whitepapers form { width:530px !important;} #whitepapers fieldset { width:480px !important;} /*530*/ #whitepapers label { width:170px !important;} #whitepapers #whitepapersImage { position:absolute; top:-40px; left:470px;} #whitepapers #whitepapersImage2 { position:absolute; top:215px; left:530px;} #whitepapers ul { margin:0; padding:3px 0 15px 0; list-style:none;} #whitepapers ul li { color:#d9006b; font-weight:bold; line-height:17px; padding-bottom:2px;} #whitepapers .green { color:#888600; font-weight:bold; line-height:17px; padding-bottom:2px;} #whitepapers .whitepapersTitle { background:url(../images/listDivider.gif) bottom left repeat-x; padding-bottom:5px; width:221px;} #whitepapers fieldset { display:block;} #whitepapers .checkbox { vertical-align:top;} #whitepapers .whitepapersText { padding: 0 0 20px 65px !important; width:400px;} #whitepapers .errors { padding: 0 0 20px 65px !important; width:400px; color:#d9006b;} #whitepapers .new {color:#373737; display:inline; padding-left:5px;} #whitepapers #whitepaperSubmit { border:0px !important; padding:0px; background:#d9006b; color:#ffffff; margin:4px 0 0 27px !important; width:181px !important; font-weight:bold; text-align:center;} #whitepapers #whitepapersThanks { padding: 0 50px 0 65px;} #whitepapers #requiredLegend { font-weight:bold; padding-left:140px; padding-bottom:0px !important;} .whitepaperDownload { display:none;} .whitepaperDownload.downloaded { display:block !important;} /* ----- PEOPLE ----- */ #people {line-height:16px; padding-bottom:1px; padding-top:20px;} #peoplePeople { margin-top:40px; position:relative; width:748px; height:300px; font-size:11px;} #peoplePeople a { color:#373737; font-weight:normal; text-decoration:none; line-height:12px; cursor:pointer;} #peoplePeople a:hover { color:#d9006b; text-decoration:underline;} #peoplePeople #peopleJoinUs {position:absolute; top:-30px; left:580px; width:116px; height:116px;} #peoplePeople #peopleHuseyin { position:absolute; top:80px; left:-5px; width:113px; height:204px;} #peoplePeople #peopleHuseyin a { display:block; width:84px; height:32px; position:absolute; top:0px; left:0px; padding:138px 20px 0 10px;} #peoplePeople #peopleRuth { position:absolute; top:80px; left:95px; width:139px; height:196px;} #peoplePeople #peopleRuth a { display:block; width:80px; height:32px; position:absolute; top:0px; left:0px; padding:158px 36px 0 20px;} #peoplePeople #peopleDuncan { position:absolute; top:80px; left:223px; width:109px; height:204px;} #peoplePeople #peopleDuncan a { display:block; width:98px; height:32px; position:absolute; top:0px; left:0px; padding:142px 0px 0 10px;} #peoplePeople #peopleCally { position:absolute; top:80px; left:321px; width:113px; height:204px;} #peoplePeople #peopleCally a { display:block; width:96px; height:32px; position:absolute; top:0px; left:0px; padding:143px 0px 0 17px;} #peoplePeople #peopleAndy { position:absolute; top:80px; left:431px; width:119px; height:204px;} #peoplePeople #peopleAndy a { display:block; width:112px; height:32px; position:absolute; top:0px; left:0px; padding:158px 1px 0 5px;} #peoplePeople #peopleWai { position:absolute; top:80px; left:548px; width:93px; height:204px;} #peoplePeople #peopleWai a { display:block; width:85px; height:32px; position:absolute; top:0px; left:0px; padding:131px 0px 0 8px;} #peoplePeople #peopleBrenda { position:absolute; top:80px; left:640px; width:105px; height:204px;} #peoplePeople #peopleBrenda a { display:block; width:97px; height:32px; position:absolute; top:0px; left:0px; padding:143px 0px 0 8px;} #peopleText { padding:400px 25px 40px 0; clear:both;} #peopleAlt { height:400px; position:absolute; top:20px; left:0px;} #peopleBubbleWork {position:absolute; top:-21px; left:484px; width:102px !important; height:104px !important; border: 0px;} /* ----- VACANCY LISTING ----- */ #vacancyContainer { padding-bottom:30px;} #vacancyContainer #vacancyPicture { position:absolute; top:-67px; left:470px; width:245px !important; height:274px !important;} #vacancyContainer #vacancyPictureImage { position:absolute; top:36px; left: 15px; width:215px; height:175px;} #vacancyContainer #vacancyPictureFrame { position:absolute; top:0px; left:0px; width:245px !important; height:274px !important; margin:0px !important;} #vacancyContainer #vacancyContent { background:url(../images/vacancyBg.gif) top left repeat-y; position:relative;} #vacancyContainer #vacancyTop {} #vacancyContainer #vacancyBottom {} #vacancyContainer #vacancyList { width:380px; position:relative; top:-30px; padding: 0 0 0 50px; min-height:230px;} #vacancyContainer #vacancyList .vacancy { background:url(../images/listDivider.gif) bottom left repeat-x; padding:10px 0 2px 0;} #vacancyContainer #vacancyList .vacancyTitle { width:200px; float:left; padding: 0 14px 13px 11px;} #vacancyContainer #vacancyList .vacancyDownload { width:155px; float:left; padding-bottom:13px;} #vacancyContainer #vacancyText { padding:0px 61px 25px 61px;} #vacancyContainer #vacancyForm form { display:block; width:600px; margin: 0 0 0 61px; position:relative;} #vacancyContainer #vacancyForm fieldset { display:block; width:600px;} #vacancyContainer #vacancyForm .paddedFormCellC { float:left; width:240px; font-weight:bold; line-height:22px;} #vacancyContainer #vacancyForm .paddedFormCellC span img { display:inline; position:relative; top:-7px; padding-left:4px;} #vacancyContainer #vacancyForm input { display:inline; width:200px; border:1px solid #c5c5c5; padding:4px 3px; margin:0px;} #vacancyContainer #vacancyForm textarea { display:inline; width:200px; height:70px; border:1px solid #c5c5c5; padding:4px 3px; margin:0px;} #vacancyContainer #vacancyForm p { padding-bottom:9px;} #vacancyContainer #vacancyForm #submit { display:inline; cursor:pointer; border:0px !important; padding:4px 3px; background:#d9006b; color:#ffffff; margin:4px 0 0 143px !important; width:65px !important; font-weight:bold; text-align:center;} #vacancyContainer #vacancyForm #requiredLegend { font-weight:bold; padding-left:240px; padding-bottom:0px !important;} #vacancyContainer #vacancyForm #requiredLegend img { display:inline; position:relative; top:-7px; padding-right:4px;} #vacancyContainer #vacancyForm .errors { padding: 0 0 20px 61px !important; color:#d9006b;} #vacancyContainer #vacancyBubbleWork {position:absolute; top:200px; left:550px; width:102px !important; height:104px !important; border: 0px;} /* ----- PRESS RELEASES ----- */ .pressReleaseThumb { float:right; margin: 0 0 10px 20px; width:245px; height:266px; position:relative;} .pressReleaseThumb .pressReleaseThumbImage { position:absolute; top:29px; left: 14px; width:217px; height:176px;} .pressReleaseThumb .pressReleaseThumbFrame { position:absolute; top:0px; left:0px; width:245px; height:266px;} /* ----- CONTACT ----- */ #contact { margin-top:-10px;} #contactContentContainer { background:url(../images/contactBg.gif) top left repeat-y; position:relative;} #contactContentContainer #contactMap { position:absolute; top:-100px; left:321px;} #contactContentContainer #contactContentText { min-height:470px; width:280px; padding:0 0 0 60px;} #contactBottom { margin-bottom:20px;} #googleMap { position:absolute; width:260px; height:195px; top:310px; left:100px;} /* ----- SEARCH RESULTS ----- */ #searchResults .ajaxSearch_resultsInfo { padding-top:10px; font-weight:bold; font-style:italic;} #searchResults .ajaxSearch_result { background:url(../images/listDivider.gif) top left repeat-x; padding:12px 0 10px 0;} #searchResults .ajaxSearch_result p { padding-bottom:0px;} #searchResults .ajaxSearch_highlight { background:#FFFF00; color:#FF0000; font-weight:bold; padding:0 2px;} #searchResults .ajaxSearch_resultLink { padding-bottom:5px; display:block;} #searchResults .ajaxSearch_resultDescription { display:none;} #searchResults #ajaxSearch_form { display:none;} /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .text_left { text-align:left;} .text_right { text-align:right;} .text_middle { text-align:center;} .image_middle { margin:0 auto;} .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .checkbox { border:none !important; padding:0 !important; margin:0 5px 0 0 !important; background:none; width:14px !important; height:16px; outline:none; vertical-align:middle;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} .homeHeading{margin-right:5px; display:inline;} .aboutHeading{margin-right:5px; display:inline;} .elearningHeading{margin-right:5px; display:inline;} .elearningAwards{padding:0px; float:left;} .genericElearning{padding:0px; float:left;} /* ----- TOP NAVIGATION ----- */ #topNav { width:800px; height:70px; position:absolute; top:80px; left:155px; line-height:110%;} #topNav ul { margin:0; padding:0; list-style:none; position:absolute; top:19px; left:40px;} #topNav li { display:block; float:left; margin-right:5px;} #topNav a { display:block; float:left; color:#373737; text-decoration:none; padding:3px 8px;} #topNav a:hover { color:#d91676; background:#dcdcdc;} #topNav .active a{ color:#d91676; background:#dcdcdc;} /* ----- LEFT NAVIGATION ----- */ #leftNav { width:185px; line-height:140%;} #leftNav ul { margin:0; padding:0 0 0 11px; list-style:none;} #leftNav li { display:block; background:url(../images/leftNavBg.gif) bottom left repeat-x; padding:1px 0 3px 0;} #leftNav a { display:block; color:#373737; padding:6px 10px 6px 10px; text-decoration:none; width:153px;} #leftNav a:hover { color:#d9006b; background:#9cd0e5;} #leftNav .active a { color:#d9006b; background:#9cd0e5;} #leftNav ul ul { margin-top:1px; padding: 10px 0 8px 10px; width:165px; background: url(../images/leftNavBg.gif) top left repeat-x; line-height:18px;} #leftNav ul ul li { background: none; padding:2px 0;} #leftNav ul ul a { color:#959696 !important; background:#ffffff !important; padding: 1px 2px; display:inline;} #leftNav ul ul a:hover { color:#d9006b !important; background:#ffffff !important;} #leftNav ul ul .active a { color:#d9006b !important; background:#ffffff !important;} /* ----- SITE MAP ----- */ /* ----- BREADCRUMBS ----- */ #breadcrumbs { line-height:100%; text-transform:lowercase;} #breadcrumbs a { color:#373737; font-weight:normal; text-decoration:none;} #breadcrumbs a:hover { text-decoration:underline;} #breadcrumbs .B_currentCrumb { font-weight:bold;} /* ----- PAGINATION ----- */ #ditto_pages { text-align:right; padding-right:20px;} #ditto_pages span { padding:0px 3px; margin-right:5px;} #ditto_pages a { color:#373737; font-weight:normal; text-decoration:none; padding:0px 3px; margin-right:5px;} #ditto_pages a:hover { background:#ffffff;} #ditto_pages .ditto_view_pages { padding-right:5px;} #ditto_pages .ditto_currentpage { background:#ffffff; padding:0px 3px;} /* ----- FOOTER ----- */ #footerContainer { background:#ddd6cd url(../images/footerBg.gif) top left repeat-x; display:block; height:39px; position:absolute; bottom:0px; left:0px; width:100%;} #footer { width:955px; margin:0 auto; color:#585550; height:39px; font-size:110%; line-height:14px; background:#ddd6cd url(../images/footerBg.gif) top left repeat-x;} #footer .padding { padding: 0 15px 0 10px;} #footer a { font-weight:normal; text-decoration:none; color:#585550;} #footer a:hover { text-decoration:underline;} #footerLinks { float:left; width:725px;} #footerLinks ul { margin:0; padding:13px 0 0 0; list-style:none;} #footerLinks li { display:block; float:left;} #footerLinks a { display:block; float:left; padding: 0 7px 0 8px; background:url(../images/footerDivider.gif) 0px 2px no-repeat;} #footerLinks span { display:block; float:left; padding: 0 7px 0 8px;} #contactDetails { float:left; margin:0; padding:13px 0 0 0;} #contactDetails p { display:block; float:left; padding: 0 7px 0 0;} #contactDetails span { display:block; float:left; padding: 0 7px 0 8px; margin: 0 7px 0 0; background:url(../images/footerDivider.gif) 0px 2px no-repeat; background-position:center right;} #w3cLogos { float:right; width:180px; padding:9px 0 0 0;} #w3cLogos .w3cLogo { float:left; margin-left:2px;} /* ----- FOOTER icons ----- */ #footerIconsContainer { display: block; width: 100%; height: 64px; padding-bottom: 37px; background: url('/images/footer-icon-bg.png') repeat-x; } #footerIcons { width: 900px; margin: 0 auto; padding-left: 20px; } #footerIcons a { float: left; text-decoration: none; color: #34638d; } .footerIconPadded { padding: 11px 0; } #footerIcons p { font-size: 11px; line-height: 11px; font-weight: normal; padding: 18px 10px 0 5px; } #footerIconSet1 p { width: 90px; } #footerIconSet2 p { width: 57px; } #footerIconSet3 p { width: 53px; } #footerIconSet4 p { width: 75px; } #footerIconSet5 p { width: 80px; } .addthis_toolbox { float: left; margin: 21px 0 0 74px; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#d9006b; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } a:hover, a:active { outline:none;} a:focus { outline:dotted 1px;} a:focus img { outline:dotted 1px !important;} /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- BLOG ----- */ #blogPaperMenuItems h3 { display:none;} /* ----- Papermation TV ----- */ .papermationTV_flash { margin-top: -110px; margin-bottom: -10px; width: 720px; height: 550px; } .topContentLeftOfTelly { width: 350px; } /* ----- Extra ----- */ #search .AS_ajax_resultsIntroFailure { margin-top: 50px; }