/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Epic Print 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 { width:650px;}
#outterContainer.internalOutterContainer { width:650px;}
#container { width:650px;}   
#container.internalContainer {  width:650px;}

/* ----- HEADER ----- */
#printHeader { display:block; margin-bottom:20px; width:650px; height:100px;}
#printHeader img { width:650px; height:100px;}
#header { display:none;}

/* ----- HOME ----- */
#homeFlash { display:none;}
#homeJumps {  display:none;}
#homeContent { width:650px;}
#homeContent #homeContenTop { display:none;}
#homeContent #homeContentBottom { display:none;}
#homeContent #homeContentText { padding:0 30px 0 0px; line-height:21px; font-size:12px;}
#homeContent h1 { padding:0 0 0 0; font-size:14px; }
#homeContent p { padding:21px 0 0 0; }
#homeCallToActions { display:none;}
#homeLogos {  display:none;}

/* ----- COLUMNS ----- */
#leftCol { display:none;}
#rightCol { width:650px;}

/* ----- LEFT COL JUMPS ----- */
#leftColJumps { display:none;}

/* ----- CONTENT ----- */
#content { line-height:140%; width:650px; font-size:12px;}
#content .padding { padding:20px 0 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 { border-bottom:2px solid #aaaaaa; padding:10px 0 12px 0;}
#listing .listImage { float:left; width:105px; }
#listing .listText { float:left; padding: 0px 10px 0 10px; width:525px;}
#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:545px;}
#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 7px 0;}
#newsletterListing #newsletterFeatured {}
#newsletterListing #newsletterFeatured #newsletterJumps { display:none;}
#newsletterListing .newsletterList { border-top:2px solid #aaaaaa; 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:3px 0 15px 0;}

/* ----- BOTTOM JUMPS ----- */
#bottomJumps { display:none;}

/* ----- NEWS JUMPS ----- */
#newsJumps {  display:none;}

/* ----- CASE STUDIES ----- */
#caseStudies {}
#caseStudies #caseStudiesEmailRequest { padding:25px 0 30px 0;}
#caseStudiesSubject { width:273px; float:left;}
#caseStudiesSubjectTop { display:none;}
#caseStudiesSubjectBottom { display:none;}
#caseStudiesSubjectTop h2 { display:block;}
#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;}
#caseStudiesSector { width:270px; float:left; margin-left:30px;}
#caseStudiesSectorTop { display:none;}
#caseStudiesSectorBottom { display:none;}
#caseStudiesSectorTop h2 { display:block;}
#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;}
#caseStudiesJumps { display:none;}

/* ----- CASE STUDIES LIST ----- */
#caseStudiesListing { padding-bottom:10px;}
#caseStudiesListing .caseStudy { width:176px; height:174px; 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:13px; text-align:right; padding-top:2px;}
#caseStudiesFlash {}

/* ----- CASE STUDY ----- */
#caseStudy { margin: 0;}
#caseStudyContentContainer { width:650px;}
#caseStudyContent {background:url(../images/caseStudyContentBg.gif) top left repeat-y;}
#caseStudyText { width:370px; float:left; padding: 0 45px 0 0px;}
#caseStudyLogo { margin: 0 0 5px -5px;}
#caseStudyImages { width:225px; float:left; margin-top:10px; text-align:center;}
#caseStudyImages img { padding:0px; border:1px solid #161616; margin:15px 0 0 0;}
#caseStudyImages p { display:none;}
#caseStudyTop { display:none;}
#caseStudyBottom { display:none;}

/* ----- SERVICEs ----- */
#serviceText { width:390px; float:left; padding:20px 0 20px 0;}
#serviceScreenshotsContainer { float:left; width:247px;}
#serviceScreenshotsContainer #serviceScreenshots { padding-top:5px;}
#serviceScreenshotsContainer #serviceScreenshots img { padding:0 0 15px 0; margin-left:40px;}
#serviceScreenshotsContainer #serviceScreenshots h2 { border-bottom:2px solid #aaaaaa; width:181px; padding-bottom:5px; margin:25px 0 20px 40px;}
#serviceScreenshotsTop { display:none;}
#serviceScreenshotsBottom { display:none;}
#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;}

/* ----- CLIENTS ----- */
#clientsPublicSector { margin-top:-20px;}
#clientsPublicSectorTitle { display:block; position:relative; width:210px; height:91px;}
#clientsPublicSectorTitle h2 { position:absolute; top:42px; left:20px;}
#clientsPublicSectorLogos { margin-top:-10px;}
#clientsPublicSectorLogos img { width:650px;}
#clientsPrivateSector { margin-bottom:20px;}
#clientsPrivateSectorTitle { display:block; position:relative; width:210px; height:91px;}
#clientsPrivateSectorTitle h2 { position:absolute; top:49px; left:20px;}
#clientsPrivateSectorLogos { margin-top:-5px;}
#clientsPrivateSectorLogos img { width:650px;}


/* ----- THINKING ----- */
#thinking { width:650px; height:375px; position:relative; top:-30px;}
#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 #thinkingBlogs { width:120px; height:90px; padding:0px; position:absolute; top:65px; left:170px; text-align:center;}
#thinking #thinkingBlogs 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;}

/* ----- SERVICES ----- */
#services { width:650px; height:375px; line-height:120%;}
#services #servicesMap { margin-left:35px; 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:10px; left:243px;}
#services #servicesBlendedLearningConsultancy { position:absolute; top:54px; left:111px; width:110px;} 
#services #servicesCapabilityBuilding { position:absolute; top:59px; left:348px;}
#services #servicesMaintenance { position:absolute; top:125px; left:152px;}
#services #servicesLearningPortals { position:absolute; top:117px; left:410px;}
#services #servicesWebsiteDesign { position:absolute; top:178px; left:213px;}
#services #servicesLocalisation { position:absolute; top:173px; left:371px;}
#services #servicesMarketingLaunch { position:absolute; top:150px; left:513px;}
#services #servicesTesting { position:absolute; top:204px; left:462px;}
#services #servicesHostingAndSupport { position:absolute; top:236px; left:379px; width:70px;}

/* ----- FORM ----- */
#formContainer {}
#formContainer #formContent { position:relative;  min-height:1px;}
#formContainer #formContent form { display:block; width:500px; margin: 0 0 0 0px;}
#formContainer #formContent fieldset { display:block; width:500px;}
#formContainer #formContent label { float:left; width:140px; font-weight:bold; line-height:22px;}
#formContainer #formContent label 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 #formTop { display:none;}
#formContainer #formBottom {  display:none;}
#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:140px; 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;}

/* ----- WHITEPAPERS ----- */
#whitepapers {}
#whitepapers form { width:600px !important;}
#whitepapers fieldset { width:600px !important;}
#whitepapers #whitepapersImage { display:none;}
#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 .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 0px !important; width:400px;}
#whitepapers .errors { padding: 0 0 20px 65px !important; width:400px; color:#d9006b;}
#whitepapers #whitepaperSubmit {  border:0px !important; padding:0px; background:#d9006b; color:#ffffff; margin:4px 0 0 63px !important; width:145px !important; font-weight:bold; text-align:center;}
#whitepapers #whitepapersThanks { padding: 0 50px 0 65px;}
.whitepaperDownload { display:none;}
.whitepaperDownload.downloaded { display:block !important;}

/* ----- PEOPLE ----- */
#people { margin-top:20px; line-height:16px;}
#peoplePeople { margin-top:-23px; position:relative; width:650px; 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 #peopleHuseyin { display:none;}
#peoplePeople #peopleEmily { display:none;}
#peoplePeople #peopleDuncan {  display:none;}
#peoplePeople #peopleKaren { display:none;}
#peoplePeople #peopleAndy {  display:none;}
#peoplePeople #peopleWai {  display:none;}
#peoplePeople #peopleBrenda { display:none;}
#peopleDetails { padding:0 0 20px 0; display:block !important;}
#peopleDetails p { padding-bottom:10px;}
#peopleDetails #person_1 { display:block !important}
#peopleDetails #person_2 { display:block !important}
#peopleDetails #person_3 { display:block !important}
#peopleDetails #person_4 { display:block !important}
#peopleDetails #person_5 { display:block !important}
#peopleDetails #person_6 { display:block !important}

/* ----- VACANCY LISTING ----- */
#vacancyContainer {}
#vacancyContainer #vacancyPicture { display:none;}
#vacancyContainer #vacancyContent { background:url(../images/vacancyBg.gif) top left repeat-y; position:relative;}
#vacancyContainer #vacancyTop { display:none;}
#vacancyContainer #vacancyBottom { display:none;}
#vacancyContainer #vacancyList { width:380px; position:relative; top:-30px; padding: 0 0 0 0px; min-height:230px;}
#vacancyContainer #vacancyList .vacancy { border-bottom:2px solid #aaaaaa; padding:10px 0 2px 0;}
#vacancyContainer #vacancyList .vacancyTitle { width:200px; float:left; padding: 0 14px 13px 0px;}
#vacancyContainer #vacancyList .vacancyDownload { width:155px; float:left; padding-bottom:13px;}
#vacancyContainer #vacancyText { padding:0px 61px 25px 0px;}
#vacancyContainer #vacancyForm form { display:block; width:500px; margin: 0 0 0 0px;}
#vacancyContainer #vacancyForm fieldset { display:block; width:500px;}
#vacancyContainer #vacancyForm label { float:left; width:140px; font-weight:bold; line-height:22px;}
#vacancyContainer #vacancyForm label 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:140px; 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;}

/* ----- PRESS RELEASES ----- */
.pressReleaseThumb { float:right; margin: 0 0 10px 20px; border:1px solid #161616;}

/* ----- CONTACT ----- */
#contact { margin-top:-10px;}
#contactContentContainer {  position:relative;}
#contactContentContainer #contactMap { display:none;}
#contactContentContainer #contactContentText { min-height:470px; width:280px; padding:0 0 0 0px;}
#contactTop { display:none;}
#contactBottom { display:none;}
#googleMap { width:260px; height:195px; }

/* ----- SEARCH RESULTS ----- */
#searchResults .ajaxSearch_resultsInfo { padding-top:10px; font-weight:bold; font-style:italic;}
#searchResults .ajaxSearch_result { border-top: 2px solid #aaaaaa; 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; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.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;}

/* ----- TOP NAVIGATION ----- */
#topNav {display:none;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { display:none;}

/* ----- 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 {display:none;}


/* ----- FOOTER ----- */
#footerContainer { display:none;}
#footer {display:none;}
#footerLinks {display:none;}
#w3cLogos {display:none;}

/* ----- 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:focus, a:hover, a:active { outline:none;}

/* ----- 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; }