﻿body {
    font-family: "Courier New", Courier, monospace;
    background-color: #f2f2f2;
    line-height: 0.9em;
    font-size: 1em;
}
h1 {
    font-size: 1.5em;
    line-height: 0.95em;
    letter-spacing: 0.2em;
}

.cg_only {display: none;}

/* ========================= STRUCTURE ========================= */

#content {background-image: url('/images/bg.sk.jpg');}

/* ========================= NAVIGATION ========================= */
#navigation 
{
    margin: 10px 0px 4px 10px;
}

#navlist li {
    float: left;
    display: inline;
    list-style-type: none;
    margin: 0px;
}

#navlist li a {
    float: left;
    height: 22px;
    margin: 0px 5px 0px 0px;
    background-repeat: no-repeat;
}

#navlist li a span {
    display: none;
}
.navhome {
    background-image: url('/images/navsketched/home.gif');
    width: 48px;
}
a.navhome:hover, li.active a.navhome {
    background-position: -48px 0;
}
.navdeliver {
    background-image: url('/images/navsketched/deliver.gif');
    width: 134px;
}
a.navdeliver:hover, li.active a.navdeliver {
    background-position: -134px 0;
}
.navdifference {
    background-image: url('/images/navsketched/difference.gif');
    width: 154px;
}
a.navdifference:hover, li.active a.navdifference {
	background-position: -154px 0;    
}
.navstories {
    background-image: url('/images/navsketched/expertise.gif');
    width: 130px;
}
a.navstories:hover, li.active a.navstories {
    background-position: -130px 0;
}
.navportfolio {
    background-image: url('/images/navsketched/portfolio.gif');
    width: 72px;
}
a.navportfolio:hover, li.active a.navportfolio {
    background-position: -72px 0;
}
.navjoin {
    background-image: url('/images/navsketched/join.gif');
    width: 66px;
}
a.navjoin:hover, li.active a.navjoin {
    background-position: -66px 0;
}
.navcontact {
    background-image: url('/images/navsketched/contact.gif');
    width: 94px;
}
a.navcontact:hover, li.active a.navcontact {
    background-position: -94px 0;
}

input, textarea {font-family: "Courier New", Courier, monospace; font-size: 1em;}

/* Portfolio Paging */
#portfolioPaging a {display: block; float: left; background-repeat: no-repeat; height: 23px;}
#portfolioPaging a#previous {width: 61px; background-image: url(../images/paging/previous.sk.gif);}
#portfolioPaging a#next {width: 49px; background-image: url(../images/paging/next.sk.gif); position: relative; left: -20px;}
#portfolioPaging a#previous:hover {background-image: url(../images/paging/previous_over.sk.gif);}
#portfolioPaging a#next:hover {background-image: url(../images/paging/next_over.sk.gif);}
#portfolioPaging a span {display: none;}
#pagingLabel {background: #eee; width: 110px; position: absolute; top: 380px; margin-left: 160px; text-align: center; padding: 5px 0;}
#pagingLabel {display: none;}
#porfolioLozenges dt {background: url(../images/lozenge.sk.gif) no-repeat;}
/* ========================= VERSION SELECTOR ========================= */
#VersionSelector {width: 930px; margin: -90px auto 0; height: 75px; background: url(../images/versionSelector/version_selector.gif) no-repeat 735px 17px;}
#VersionSelector ul {float: right; list-style-type: none; padding-right: 100px;}
#VersionSelector ul li a {display: block; background-repeat: no-repeat; position: relative; z-index: 5; outline: 0;}
#VersionSelector ul li a:hover {z-index: 10;}
#VersionSelector ul li a span {display: none;}
.versionSelectorTitle {display: none;}
#VersionSelector ul li a em {background-position: -400px;}
#VersionSelector ul li a:hover em {background-position: 0;}

.v1 a {background-image: url(../images/versionSelector/concept_select.gif); background-position: -19px 0; height: 20px; width: 20px; background-repeat:no-repeat; top: 4px; left: -11px;}
.v1 a em {display: block; width: 127px; height: 32px; background: url(../images/versionSelector/concept_version.gif) no-repeat; position: relative; top: 40px; left: -45px;}

.v2 a {background-image: url(../images/versionSelector/normal_select.gif); height: 20px; width: 20px; background-repeat:no-repeat;top: -5px; left: -1px;}
.v2 a:hover {background-position: -20px 0;}
.v2 a em {display: block; width: 127px; height: 32px; background: url(../images/versionSelector/normal_version.gif) no-repeat; position: relative; top: 30px; left: -53px;}

.v3 a {background-image: url(../images/versionSelector/coming_soon_select.gif); height: 24px; width: 22px; background-repeat:no-repeat; top: -15px; left: -11px;}
.v3 a:hover {background-position: -22px 0;}
.v3 a em {display: block; width: 127px; height: 32px; background: url(../images/versionSelector/coming_soon_version.gif) no-repeat; position: relative; top: 22px; left: -45px;}

* html #VersionSelector {margin-top: -85px;}
* html #VersionSelector ul li a {position: static; overflow: hidden;}
* html .v1 a span {top: 12px; left: -125px;}
* html .v2 {margin: -10px 0 0 10px;}
* html .v2 a span {top: 1px; left: -135px;}
* html .v3 {margin-top: -10px;}
* html .v3 a span {top: -10px; left: -125px;}

/* Forms */
.btnSend {width: 50px; height: 30px; background: #fff url(../images/buttons/send.gif) no-repeat 0 8px; border: 0; color: #fff; font-size: 1px;}
.btnSend:active, .btnSend:focus, .btnSend:hover {background-position: -50px 8px;}

.btnNext {width: 60px; height: 30px; background: #fff url(../images/buttons/next.gif) no-repeat 0 8px; border: 0; color: #fff; font-size: 1px;}
.btnNext:active, .btnNext:focus, .btnNext:hover {background-position: -60px 8px;}

.btnBack {width: 66px; height: 30px; background: #fff url(../images/buttons/back.gif) no-repeat 0 8px; border: 0; color: #fff; font-size: 1px;}
.btnBack:active, .btnBack:focus, .btnBack:hover {background-position: -66px 8px;}

.btnUpload {width: 54px; height: 30px; background: #fff url(../images/buttons/upload.gif) no-repeat 0 8px; border: 0; color: #fff; font-size: 1px;}
.btnUpload:active, .btnUpload:focus, .btnUpload:hover {background-position: -54px 8px;}

a.pdf {background-image: url(../images/pdf_icon.sk.gif);}

/*================ Temporary skecthed image stuff ==================*/
.copyright span, .copyright a span {display: none !important;}
.copyright {background: url(../images/script/copyright.gif) no-repeat 100px 0;}
.copyright a {background: url(../images/script/privacy.gif) no-repeat; display: block; width: 88px; height: 13px; position: relative; left: 210px; top: 1px;}
.copyright a:hover {background-position: -88px;}

#leftCol {height: 292px; width: 285px;}
#leftCol.widerCol {width: 420px !important; margin-top: -1em;}
#porfolioLozenges.narrowerCol {width: 250px !important; margin-left: 20px;}
#porfolioLozenges.narrowerCol dd {width: 212px !important;}
.imgReplace {background-repeat: no-repeat;}
.imgReplace h1, .imgReplace h2, .imgReplace h3, .imgReplace h4, .imgReplace p, .imgReplace ol, .imgReplace ul, .imgReplace address {display: none;}
.homePageContent {background-image: url(../images/script/homepage-script.gif);}
.homePageQuote {background-image: url(../images/script/quotes/home_quote.gif);}
.deliverContent {background-image: url(../images/script/deliver_script.gif);}
.deliverQuote {background-image: url(../images/script/quotes/deliver_quote.gif);}
.differenceContent {background-image: url(../images/script/difference-script.gif);}
.differenceQuote {background-image: url(../images/script/quotes/difference_quote.gif);}
.expertiseContent {background-image: url(../images/script/sector-script.gif);}
.joinContent {background-image: url(../images/script/join-script.gif);}
.joinContent2 {background-image: url(../images/script/apply_now.gif);}
.joinQuote {background-image: url(../images/script/quotes/join_us_quote.gif);}
.sectorQuote {background-image: url(../images/script/quotes/expertise_quote.gif);}
.contactContent {background-image: url(../images/script/contact.gif);}
.thanksContent {background: url(../images/script/thank_you.gif) no-repeat; height: 150px;}
.pleaseBrowseContent {background: url(../images/script/please_upload.gif) no-repeat; height: 70px;}

#porfolioLozenges dd a {display: block; height: 24px; background-repeat: no-repeat;}
#porfolioLozenges dd a:hover {background-position: 100% 0;}
#porfolioLozenges dd a span {display: none;}
.pfl_dmc {width: 224px; background-image: url(../images/script/portfolio_nav/direct.marketing.campaigns.gif);}
.pfl_wbs {width: 70px; background-image: url(../images/script/portfolio_nav/websites.gif);}
.pfl_mm {width: 94px; background-image: url(../images/script/portfolio_nav/multimedia.gif);}
.pfl_adv {width: 92px; background-image: url(../images/script/portfolio_nav/advertising.gif);}
.pfl_chp {width: 168px; background-image: url(../images/script/portfolio_nav/channel.programmes.gif);}
.pfl_col {width: 76px; background-image: url(../images/script/portfolio_nav/collateral.gif);}
.pfl_exh {width: 90px; background-image: url(../images/script/portfolio_nav/exhibitions.gif);}
.pfl_dig {width: 56px; background-image: url(../images/script/portfolio_nav/digital.gif);}
.pfl_int {width: 84px; background-image: url(../images/script/portfolio_nav/integrated.gif);}
.pfl_prt {width: 42px; background-image: url(../images/script/portfolio_nav/print.gif);}
.pfl_ofl {width: 58px; background-image: url(../images/script/portfolio_nav/offline.gif);}
.pfl_onl {width: 52px; background-image: url(../images/script/portfolio_nav/online.gif);}
.pfl_ffm {width: 152px; background-image: url(../images/script/portfolio_nav/fulfilment-systems.gif);}
.pfl_vid {width: 58px; background-image: url(../images/script/portfolio_nav/videos.gif);}
.pfl_cdr {width: 66px; background-image: url(../images/script/portfolio_nav/CDRom.gif);}

.porfolioContent {background-image: url(../images/script/portfolio/portfolio.gif);}
.dmcContent {background-image: url(../images/script/portfolio/direct_marketing.gif);}
.ezineContent {background-image: url(../images/script/portfolio/email.newsletter.gif);}
.fastGuideContent {background-image: url(../images/script/portfolio/fast.guide.gif);}
.crcCampaignContent {background-image: url(../images/script/portfolio/channel.recruitment.gif);}
.smCampaignContent {background-image: url(../images/script/portfolio/security.mailing.gif);}
.nortelLaunchContent {background-image: url(../images/script/portfolio/nortel.launch.gif);}
.nsdiContent {background-image: url(../images/script/portfolio/netscreen.deep.gif);}
.jneaContent {background-image: url(../images/script/portfolio/juniper_emea.gif);}
.enterasysContent {background-image: url(../images/script/portfolio/enterasys.launch.gif);}
.colefaxContent {background-image: url(../images/script/portfolio/colefax.gif); height: 222px !important;} /* bottom line hidden */
.pearlContent {background-image: url(../images/script/portfolio/pearl_coutts.gif);}
.dd2Content {background-image: url(../images/script/portfolio/dd2_group.gif);}
.jnemeaContent {background-image: url(../images/script/portfolio/juniper_emea2.gif);}
.teltronicsContent {background-image: url(../images/script/portfolio/teltronics.gif);}
.advertisingContent {background-image: url(../images/script/portfolio/teltronics.gif);}
.hpContent {background-image: url(../images/script/portfolio/hp.procurve.gif);}
.ukpipContent {background-image: url(../images/script/portfolio/brand.awareness.gif);}
.complianceContent {background-image: url(../images/script/portfolio/compliance.campaign.gif);}
.dd2adsContent {background-image: url(../images/script/portfolio/brand.awareness2.gif);}
.kaspContent {background-image: url(../images/script/portfolio/kaspersky.lab.gif);}
.collateralContent {background-image: url(../images/script/portfolio/collateral.gif);}
.cstimContent {background-image: url(../images/script/portfolio/cstim.gif);}
.citrixContent {background-image: url(../images/script/portfolio/citrix.gif);}
.hyattContent {background-image: url(../images/script/portfolio/hyatt.newsletter.gif);}
.mrcContent {background-image: url(../images/script/portfolio/mrc.gif); height: 222px !important;}
.mrcContent2 {background-image: url(../images/script/portfolio/mrc2.gif);}
.mmContent {background-image: url(../images/script/portfolio/multimedia.gif);}
.intTrainingContent {background-image: url(../images/script/portfolio/interactive.training.gif);}
.resKitsContent {background-image: url(../images/script/portfolio/resource_kits.gif);}
.videoContent {background-image: url(../images/script/portfolio/video.gif);}
.citrixChannelContent {background-image: url(../images/script/portfolio/channel.mdf.gif);}
.ppContent {background-image: url(../images/script/portfolio/purple_points.gif);}
.colAdvContent {background-image: url(../images/script/portfolio/solution_advisor.gif);}
.portexContent {background-image: url(../images/script/portfolio/portable.gif);}
.advertisingContent {background-image: url(../images/script/portfolio/advertising.gif);}
.awardsContent {background-image: url(../images/script/awards/iso.jpg);}

.pdfLink {height: 36px; background: url(../images/pdf_icon.sk.gif) no-repeat 0px; padding-left: 10px; margin-left: 30px; margin-top: 230px;}
.pdfLink a {background: url(../images/script/success_stories/download-the-pdf.gif) no-repeat 0px !important; height: 25px; width: 136px; padding: 5px 0px !important; margin: 0px 0px 0px 35px !important;}
.pdfLink a:hover {background-position: 100% 5px !important;}
.pdfLink a span {display: none;}

.success1 {background-image: url(../images/script/success_stories/story1.gif);}
.success2 {background-image: url(../images/script/success_stories/story2.gif);}
.success3 {background-image: url(../images/script/success_stories/story3.gif);}
.successColefax {background-image: url(../images/script/success_stories/colefax.gif);}
.successPPS {background-image: url(../images/script/success_stories/pps.gif);}

fieldset dt label {display: block; width: 100px; height: 20px; background-repeat: no-repeat; background-position: 0 -3px;}
fieldset dt label span {display: none;}
label.fldName {background-image: url(../images/script/forms/name.gif);}
label.fldEmail {background-image: url(../images/script/forms/email.gif);}
label.fldCompany {background-image: url(../images/script/forms/company.gif);}
label.fldPhone {background-image: url(../images/script/forms/phone.gif);}
label.fldMessage {background-image: url(../images/script/forms/message.gif);}
label.fldCv {background-image: url(../images/script/forms/upload_cv.gif);}

.nameRequired, .emailRequired, .emailInvalid, .noFile {height: 15px; width: 120px; background-repeat: no-repeat; background-position: 0 -3px; text-align: right; color: #fff !important; font-size: 1px; margin-top: 1px;}
.nameRequired {background-image: url(../images/script/forms/name_required.gif);}
.emailRequired {background-image: url(../images/script/forms/email_required.gif);}
.emailInvalid {background-image: url(../images/script/forms/invalid-email.gif);}
.noFile {background-image: url(../images/script/forms/no-file.gif); height: 20px; background-position: 0;}

/** html .portfolioThumbs {position: relative;top: -160px; left: -300px; height: 300px; z-index: 0;}*/
* html .portfolioThumbs {margin-top: 30px !important; margin-left: -10px !important;}
* html #leftCol {margin-left: 7px;}
/*==================================================================*/