html { font-size: 100%; } body { margin:0px; padding:0px;  background-repeat: repeat; font-size: 75%; font-family: Arial, Helvetica, sans-serif; color: #606060; } a:link, a:visited { color: #037ab2; text-decoration: none; } a:hover { color: #bebebe; } h2, .newstitle{ color:#333333; font-size:1.8em; margin-left:0; margin-top:0; padding-left:0; padding-top:0; text-align:left; } h3{ color:#333333; font-size:1.5em; padding-left:0; margin-left:0; text-align:left; } h4{ color:#333333; font-size:1.3em; padding-left:0; margin-left:0; text-align:left; } h5{ color:#606060; font-size:1.1em; padding-left:0; margin-left:0; text-align:left; } span.contactunderline{ border-bottom:1px dashed #999999; font-weight:bold; padding-bottom:3px; display:block; } .left{ float:left; } .right:{ float:right; } .newstitle, .sitemap{ padding-top:20px; }     #header{  background-repeat: repeat-x; } #utilities{ width:915px; margin-left:auto; margin-right:auto; height:37px; } #utilities #customise{ float:left; width:676px; margin-top:0px; margin-left:0px; padding-left:0px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } #accessibility{ padding-left:155px; } #utilities #accessibility a:link{ color: #FFFFFF; } #utilities #accessibility a:hover{ color: #bebebe; } #utilities ul{ margin-top:8px; margin-left:0px; padding-left:0px; } #utilities li{ float:left; list-style:none; padding-left:5px; } #utilities li img{ border:0px; } #utilities #form{ width:239px; height:30px; overflow: hidden; float:right; margin-top:8px; text-align:right; } #utilities #form #text{ width:163px; border: 1px solid #666666; height:16px; } button { height: 16px; } #primarynavigation{ width:916px; height:42px; clear:both; margin-left:auto; margin-right:auto; background-image: url(/images/primnav_bg.jpg); margin-top:10px; display:block; } #primarynavigation ul{ width:100%; margin:0px; padding:11px 0px 0px 20px; } #primarynavigation li{ float:left; list-style:none; width: 14.1%; text-align:center; background-image:url(/images/nav_divider); background-position:right; background-repeat:no-repeat; height:31px; } #primarynavigation li.last { background-image:none; } #primarynavigation li a:link, #primarynavigation li a:visited{ color: #0175A6; font-weight: bold; text-decoration: none; text-transform: uppercase; border-right: 1px solid #E9E9E9; padding-right: 40px; } #primarynavigation li .navlast a:link, #primarynavigation li .navlast a:visited{ border-right: none; } #primarynavigation .nav-selected a:link, #primarynavigation .nav-selected a:visited { color: #B4B4B4 !important; font-weight: bold; } #primarynavigation .nav-selected, #primarynavigation .nav-selected-parent { background-image: url(/design/triangle.gif); background-position: 38px bottom; height: 31px; display: block; float: left; } #primarynavigation li a:hover{ color: #bebebe; text-decoration: none; } #primarynavigation li a:active{ color: #bebebe; text-decoration: none; }   #menuSUB{ background:url(/images/what-makes-us-different.jpg) no-repeat 0 0; padding-top:60px; width:160px; } #menuSUB ul{ border-bottom:1px dashed #999999; padding:0; margin-left:7px; width:150px; margin-bottom:30px; } #menuSUB ul ul li a:link,#menuSUB ul ul li a:visited{ text-transform: none; } #menuSUB ul ul li a:hover, #menuSUB ul ul li.nav-selected a{ color:#bebebe; } #menuSUB li{ border-top:1px dashed #999999; list-style:none; padding:8px 0; margin-left:0; } #menuSUB li a:link,#menuSUB li a:visited{ color: #037ab2; text-decoration:none; text-transform: uppercase; font-weight: bold; } #menuSUB li a:hover, #menuSUB li.nav-selected a{ color:#bebebe; } #menuSUB li.nav-selected ul li a{ color: #037ab2; }  #contentwrapper { background-color: #ffffff; } #contentframe{ width:916px; margin-left:auto; margin-right:auto; } #contentcontainer{ margin-left:200px; width:710px; } html>body #contentcontainer{ width:710px; } #primarycontent{ background-color:#ffffff; padding-top:25px; } #primarycontent2{ background-color:#ffffff; padding-top:25px; float:left; width:160px; } h1 { text-indent:-99999px; float:left; width:158px; margin:0; padding:0; } h1 a { display:block; width:161px; height:228px; background:url(/images/1-logo_red.gif) no-repeat; float:left; } .flashbanner{ margin-left:30px; width:715px; } html>body .flashbanner{ float:right; width:715px; } #subMENU li{ list-style:none; border-bottom: 1px dashed #999999; } #secondarycontent{ } #sidebar{ padding-top:25px; width:150px; background-image:url(/images/home_gradient_div.jpg); background-position:right; background-repeat:no-repeat; padding-right:38px; float:left; clear:left; } #sidebar2{ padding-top:25px; width:150px; padding-right:38px; float:left; clear:left; } html>body #sidebar{ width:165px; } #maincontent{ padding-top:25px; width:387px; background-image:url(/images/home_gradient_div.jpg); background-position:right; background-repeat:no-repeat; padding-right:55px; padding-left:48px; float:left; display:inline; } #pagecontent{ display:block; float:left; width:480px; padding-top:20px; } html>body #pagecontent{ width:500px; } #maincontent #firstp{ padding-top:0px; } #maincontent img{ float:right; padding-left:10px; padding-bottom:10px; } .peoplepage img{ float:left; margin:0 20px 20px 0; } .peoplepage table{ float:left; display:inline; width:auto !important; } .clientmainpage img{ float:left; margin:0 20px 10px 0; } #clientcontent{ padding-left:0 !important; width:710px !important; } #clientcontent, #widecontent{ padding-top:20px; width:700px; display:inline; float:left; } #clientcontent ul{ margin:10px 0 30px 0; padding:0; } #clientcontent li{ display:inline; margin:5px 8px 5px 0; list-style:none; } #clientcontent li img{ border:1px solid #666666; } #contentframe table{ margin:30px auto 0; width:650px; } #usp, #reference, #contactenvelope{ padding-top:25px; padding-left: 15px; width:170px; float:right; } #tertiarycontent{ clear:both; height:162px; background-image:url(/images/home_workbg.jpg); background-repeat:no-repeat; background-position:bottom; }  html>body #tertiarycontent{ position:relative; left:-200px; width:915px; } html>body #tertiarycontent ul{ margin-left:148px !important; } html>body #tertiarycontent li{ padding-left:50px !important; }  #tertiarycontent .star{ background-image:url(/images/star.gif); background-repeat:no-repeat; padding-left:22px; } #tertiarycontent ul{ padding-left:0; margin-left:0; } #tertiarycontent li{ float:left; list-style:none; padding-left:40px; } #tertiarycontent #w_ikea a { display:block; width:102px; height:99px; background:url(/images/home_w_ikea.png); background-repeat:no-repeat; } #tertiarycontent #w_barclays a { display:block; width:102px; height:99px; background:url(/images/home_w_barclays.png); background-repeat:no-repeat; } #tertiarycontent #w_glen a { display:block; width:102px; height:99px; background:url(/images/home_w_glen.png); background-repeat:no-repeat; } #tertiarycontent #w_csma a { display:block; width:102px; height:99px; background:url(/images/home_w_csma.png); background-repeat:no-repeat; } #tertiarycontent #w_lovefilm a { display:block; width:102px; height:99px; background:url(/images/home_w_lovefilm.png); background-repeat:no-repeat; }   #footer { background-image: url(/images/footer_bg.gif); background-repeat:repeat-x; height: 87px; color: #FFFFFF; font-size:0.92em; } #footer img{ border:0px; } #footerlinks{ width:915px; margin-left:auto; margin-right:auto; height:37px; } #newsletter{ float:left; text-indent:-99999px; } #newsletter a.nls { display:block; width:140px; height:88px;  background-repeat:no-repeat; } #newsletter p{ text-indent:0px; } #dma{ float:right; text-align:right; } #dma li ul{ display:block; } #dma li{ float:left; list-style:none; padding-left:15px; } #dma li a:link, #dma li a:visited { color:#FFFFFF; } #dma li a:hover{ color: #bebebe; }   body.red{ background-image: url(/images/bg_red.jpg); } body.red h1 a{ background:url(/images/1-logo_red.gif) no-repeat; } body.red h2, body.red h3, body.red h4, body.red h4 .colourme, body.red .colourme, body.red .newstitle, .newstitle, body.red .sitemap, .sitemap{ color:#db0720; } body.red #header{ background-image: url(/images/header_bg.gif); } body.red #newsletter a.nls{ background:url(/images/newsletterbutton_red.png); } body.red #tertiarycontent .star { background-image:url(/images/star.gif); } body.red #contactenvelope a.colourme, #contactenvelope a.colourme{ background:url(/images/envelope_red.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; display:block; margin-left:80px; margin-top:15px; } .phonenumber{ font-size:1.5em; float:right; } body.red .meet-people a.colourme, .meet-people a.colourme{ background:url(/images/about_team_red.jpg) no-repeat; width:172px; height:277px; text-indent:-9999px; display:block; margin-top:15px; margin-bottom:15px; }  body.blue{ background-image: url(/images/bg_blue.jpg); } body.blue h1 a{ background:url(/images/1-logo_blue.gif) no-repeat; } body.blue h2, body.blue h3, body.blue h4, body.blue .colourme, body.blue .newstitle, body.blue .sitemap{ color:#0367A6; } body.blue #header{ background-image: url(/images/header_bg_blue.gif); } body.blue #newsletter a.nls{ background:url(/images/newsletterbutton_blue.png); } body.blue #tertiarycontent .star { background-image:url(/images/star_blue.jpg); } body.blue #contactenvelope a.colourme{ background:url(/images/envelope_blue.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; } body.blue .meet-people a.colourme { background-image:url(/images/about_team_blue.jpg) !important; }  body.purple{ background-image: url(/images/bg_purple.jpg); } body.purple h1 a{ background:url(/images/1-logo_purple.gif) no-repeat; } body.purple h2, body.purple h3, body.purple h4, body.purple .colourme, body.purple .newstitle, body.purple .sitemap{ color:#7F03AD; } body.purple #header{ background-image: url(/images/header_bg_purple.gif); } body.purple #newsletter a.nls{ background:url(/images/newsletterbutton_purple.png); } body.purple #tertiarycontent .star { background-image:url(/images/star_purple.jpg); } body.purple #contactenvelope a.colourme{ background:url(/images/envelope_purple.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; } body.purple .meet-people a.colourme { background-image:url(/images/about_team_purple.jpg) !important; }  body.orange{ background-image: url(/images/bg_orange.jpg); } body.orange h1 a{ background:url(/images/1-logo_orange.gif) no-repeat; } body.orange h2, body.orange h3, body.orange h4, body.orange .colourme, body.orange .newstitle, body.orange .sitemap{ color:#E28C12; } body.orange #header{ background-image: url(/images/header_bg_orange.gif); } body.orange #newsletter a.nls{ background:url(/images/newsletterbutton_orange.png); } body.orange #tertiarycontent .star { background-image:url(/images/star_orange.jpg); } body.orange #contactenvelope a.colourme{ background:url(/images/envelope_orange.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; } body.orange .meet-people a.colourme { background-image:url(/images/about_team_orange.jpg) !important; }  body.green{ background-image: url(/images/bg_green.jpg); } body.green h1 a{ background:url(/images/1-logo_green.gif) no-repeat; } body.green h2, body.green h3, body.green h4, body.green .colourme, body.green .newstitle, body.green .sitemap{ color:#A0D503; } body.green #header{ background-image: url(/images/header_bg_green.gif); } body.green #newsletter a.nls{ background:url(/images/newsletterbutton_green.png); } body.green #tertiarycontent .star { background-image:url(/images/star_green.jpg); } body.green #contactenvelope a.colourme{ background:url(/images/envelope_green.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; } body.green .meet-people a.colourme { background-image:url(/images/about_team_green.jpg) !important; }  body.brown{ background-image: url(/images/bg_brown.jpg); } body.brown h1 a{ background:url(/images/1-logo_brown.gif) no-repeat; } body.brown h2, body.brown h3, body.brown h4, body.brown .colourme, body.brown .newstitle, body.brown .sitemap{ color:#A24E03; } body.brown #header{ background-image: url(/images/header_bg_brown.gif); } body.brown #newsletter a.nls{ background:url(/images/newsletterbutton_brown.png); } body.brown #tertiarycontent .star { background-image:url(/images/star_brown.jpg); } body.brown #contactenvelope a.colourme{ background:url(/images/envelope_brown.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; } body.brown .meet-people a.colourme { background-image:url(/images/about_team_brown.jpg) !important; }  body.teal{ background-image: url(/images/bg_teal.jpg); } body.teal h1 a{ background:url(/images/1-logo_teal.gif) no-repeat; } body.teal h2, body.teal h3, body.teal h4, body.teal .colourme, body.teal .newstitle, body.teal .sitemap{ color:#008080; } body.teal #header{ background-image: url(/images/header_bg_teal.gif); } body.teal #newsletter a.nls{ background:url(/images/newsletterbutton_teal.png); } body.teal #tertiarycontent .star { background-image:url(/images/star_teal.jpg); } body.teal #contactenvelope a.colourme{ background:url(/images/envelope_teal.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; } body.teal .meet-people a.colourme { background-image:url(/images/about_team_teal.jpg) !important; }  body.grey{ background-image: url(/images/bg_grey.jpg); } body.grey h1 a{ background:url(/images/1-logo_grey.gif) no-repeat; } body.grey h2, body.grey h3, body.grey h4, body.grey .colourme, body.grey .newstitle, body.grey .sitemap{ color:#50585E; } body.grey #header{ background-image: url(/images/header_bg_grey.gif); } body.grey #newsletter a.nls{ background:url(/images/newsletterbutton_grey.png); } body.grey #tertiarycontent .star { background-image:url(/images/star_grey.jpg); } body.grey #contactenvelope a.colourme{ background:url(/images/envelope_grey.gif) no-repeat; width:96px; height:52px; text-indent:-9999px; } body.grey .meet-people a.colourme { background-image:url(/images/about_team_grey.jpg) !important; }  #contentframe:after { content:"."; display:block; height:0; clear:both; visibility: hidden; }  * html #contentframe { height:1% } #contentframe { display:block; }   #menuSUB li.nav-selected ul { display:block !important; } #menuSUB li.nav-selected-parent ul { display:block !important; } #menuSUB li.nav-selected-grandparent ul { display:block !important; } #menuSUB ul ul{ display:none; }  #menuSUB ul ul{ margin-bottom:0; border-bottom:none; } #menuSUB ul ul li{ border-top:none; width:145px; }  .blockLeft{display:block;float:left;width:500px;padding-top:22px;} .blockLeft span{font-size: 9pt;} .contactLeftCol{display:block;float:left;} .contactFormOuter{display:block;float:left;width:366px;background-image:url(http://qpm.sitekit.net/design/qpm-form-bg-top.jpg);background-repeat:no-repeat;background-position:left top;margin-right:40px;} .contactFormOuter2{display:block;float:left;width:316px;padding:26px 25px;background-image:url(http://qpm.sitekit.net/design/qpm-form-bg-btm.jpg);background-repeat:no-repeat;background-position:left bottom;} .contactRightCol{display:block;float:left;width:290px;} .redBold{font-weight:bold;color:#DF0C1F;} .FormContentLeft{display:block;float:left;width:72px;} .FormContentRight{display:block;float:left;width:232px;} div.formTextbox, div.formTextarea, div.formCheckboxGroup{display:block;float:left;width:304px;margin-bottom:22px;} .FormContentRight input, .FormContentRight textarea{width:216px;border:1px solid #AAAAAA;padding:6px 8px;color:#AFAFAF;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:90%;} .formCheckboxGroup input{width:auto;border-style:none;} .FormContentLeft span{display:block;color:#898989 !important;font-weight:bold;padding-top:6px;} .FormContentBoth .SubmitButtonElement{display:block;float:right;width:69px;height:31px;background-image:url(http://qpm.sitekit.net/design/submit-btn-bg2.png);background-repeat:no-repeat;background-position:left bottom;background-color:#FFFFFF;border-style:none;text-align:center;color:#007BB1;font-weight:bold;cursor:pointer;}   .contactunderline {margin-bottom: 20px; } .contactunderline a { display: block; } .skhighlightedsearch {background-color: #FFFFC6;} .searchheading {font-weight: bold;} .contactFormOuter {padding-top: 10px;} #clientcontent ul li img {margin-bottom: 8px !important;}  body #contactenvelope a.colourme{ width:150px !important; height:82px !important; margin-left: 0px !important;} #header a:visited {color: #ffffff;}  #people_wrapper{ width:701px; height:500px; background-color:#FFFFFF; } .people_container{ width:160px; text-align:center; margin-right:12px; margin-bottom:20px; float:left; } .people_container p{ color: #037ab2; } .people_container p{ margin:0px; padding:0px; text-align:left; } .people_container p a:link, a:visited{ color: #037ab2; font-weight: bold; } .people_container p a:hover{ color:#bebebe }   .peoplelist { width:170px; height: 90px; } .peoplelist img{ float:left; padding-right:10px; padding-bottom:10px; } .peoplelistname{ color: #037ab2; } .peoplelistname a:link, a:visited{ color: #037ab2; font-weight: bold; } .peoplelistname a:hover{ color:#bebebe }   #peoplepagecontent_robin{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_robin_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_robin{ width:500px; } #peoplepagecontent_nigel{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_nigel_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_nigel{ width:500px; } #peoplepagecontent_stu{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_stu_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_stu{ width:500px; } #peoplepagecontent_pete{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_pete_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_pete{ width:500px; } #peoplepagecontent_johnc{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_johnc_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_johnc{ width:500px; } #peoplepagecontent_andrew{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_andrew_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_andrew{ width:500px; } #peoplepagecontent_phil{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_phil_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_phil{ width:500px; } #peoplepagecontent_simon{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_simon_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_simon{ width:500px; } #peoplepagecontent_nic{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_lindsay_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_nic{ width:500px; } #peoplepagecontent_glyn{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_glyn_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_glyn{ width:500px; } #peoplepagecontent_lisa{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_lisa_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_lisa{ width:500px; } #peoplepagecontent_johnd{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_jan_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_johnd{ width:500px; } #peoplepagecontent_susan{ display:block; float:left; width:480px; padding-top:20px; background-image: url(/images/about_susan_bg.gif); background-repeat: no-repeat; background-position: right top; } html>body #peoplepagecontent_susan{ width:500px; } #peoplecontainer dl dt{ font-weight: bold; }   .beliefsgroup{ margin-bottom:40px; } .beliefsgroup .beliefsimg{ float:right; margin-left:30px; width:200px; }  #menuSITEMAP ul a:link, a:visited { color: #037ab2; font-weight:bold; text-decoration: none; } #menuSITEMAP ul a:hover { color: #bebebe; text-decoration: none; } .FormContentRight .formCheckboxGroup{ margin-left:25px; width:200px; background-color:#cccccc; } #SKFCE_3_UserInput_0, #SKFCE_3_UserInput_1, #SKFCE_3_UserInput_2, #SKFCE_3_UserInput_3, #SKFCE_3_UserInput_4, #SKFCE_3_UserInput_5 { background-color:#cccccc; } .cred, a.cred:link, a.cred:visited, a.cred:hover {color: #bebebe;} a.cred:hover {text-decoration: underline;} .cred {font-weight: normal !important;}