/* Package: Turn Key Media: Screen Type: Layout and Text styles Author: Turn Key Author URL: www.turnkey.eu.com */ /***** Resets *******/ /*div { border: 1px solid #434343 !important; }*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0px none; outline: 0; font-size: 100%; vertical-align: baseline; background: none; } body { } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /**** Base Styles ********/ html { height: 100.1% !important; background-color: #fff; } body { height: 100.1% !important; font-family: Arial; font-size: 10px; color: #58595b; background-color: #fff; } #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(/img/progress.gif) no-repeat center center;} #supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:#111 url(/img/progress.gif) no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .clearall { clear: both; } #pattern { position:fixed; top:0px; left:0px; width:100%; height:100%; margin:0; padding:0; z-index: -100; background:url(/images/pattern.png) repeat; } /**** Layout & Positioning ********/ #container { position:relative; width: 925px; margin-left:auto; margin-right:auto; border:none; z-index: 1; } #header { width: 925px; height: 70px; float: left; } #branding { width: 925px; height: 35px; float: left; } /**** Nav - main *******/ #nav { width: 925px; height: 16px; margin-bottom: 16px; float: left; } #main-nav { list-style: none; margin: 0 0 0 0; padding: 0; position:relative; } #main-nav li { float: left; text-align: center; z-index:100; height: 16px;} #main-nav li a { font-family: Arial; font-weight:bold; color: #fff; display: block; font-size:11px; padding-top:3px; position:relative; padding-left: 13px; padding-right: 13px; position:relative; background:#58595b; height: 13px; z-index:1000;} #main-nav li#main-nav-end { display: block; padding-top:3px; position:relative; position:relative; background:#58595b; height: 13px; width:440px; z-index:100; position:absolute; top:0px; right:0px; z-index:100; } #main-nav li a:hover { color: #ab9866; } .nav-active { color: #ab9866!important; } #crumb { width: 400px; float: right; text-align: right; padding-top: 2px; margin-top:8px; } #crumb h1,h2,h3 { display: inline; font-weight: normal; } /**** Nav - side *******/ #sidenav { position: relative; } #sidenav .nav-heading { font-size: 11px; float: left; width: 140px; font-family: Arial; font-weight:bold; margin-bottom: 11px; } #sidenav ul { font-size: 11px; clear: left; float: left; margin-top: 4px; margin-bottom: 27px; width: 140px; border-bottom: 1px solid #58595b; } #sidenav ul li { clear: left; float: left; height: 20px; width: 140px; border-top: 1px solid #58595b; } #sidenav ul li a { display: block; width: 140px; color: #58595b; padding: 2px 0 1px 0; margin-top: 3px; } #sidenav ul li a:hover { font-family: Arial; font-weight:bold; color: #fff !important; padding: 2px 0 1px 4px; background: #58595b; width: 136px; } #sidenav .active {font-family: Arial; font-weight:bold; color: #fff !important; padding: 2px 0 1px 4px; background: #58595b; width: 136px; } #sidenav .subnav { padding: 2px 0 1px 12px; width: 136px; } #sidenav .subnav-active { font-family: Arial; font-weight:bold; color: #fff !important; margin-left: 9px; padding: 3px 0 2px 2px; background: #58595b; width: 128px; } #sidenav ul li a.subnav:hover { font-family: Arial; font-weight:bold; color: #fff !important; margin-left: 9px; padding: 3px 0 2px 2px; background: #58595b; width: 128px; } #sidenav img { float: left; margin-top: 3px; } #sidenav p.tklink { position: absolute; bottom: 152px; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-bottom: 0px; } #sidenav p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #sidenav .desc-text { border-top: 1px solid #58595b; padding-top: 111px; margin-top: 5px; } /**** Nav - footer *******/ #footer { width: 925px; height: 16px; margin-bottom: 16px; margin-bottom: 40px; background:#58595b; } #footer-nav { list-style: none; margin: 0 0 0 0; padding: 0; position:relative; } #footer-nav li { float: left; text-align: center; z-index:100; height: 16px; } #footer-nav li a { font-family: Arial; font-weight:bold; color: #fff; display: block; font-size:11px; padding-top:3px; position:relative; padding-left: 10px; padding-right: 10px; position:relative; background:#58595b; height: 13px;} .footer-contact { float: right; padding-top: 2px; font-family: Arial; font-size: 10px; color: #ffffff; padding-right:10px; } .footer-contact a { color: #ffffff; } .footer-contact a:Hover { color: #ffffff; } #vision { width: 200px; height: 21px; float: right; } #content { margin-bottom: 17px; } hr.tiny { float: left; color: #58595b; background-color: #58595b; height: 1px; width: 10px; border: 0px none; margin: 4px 0; } hr.tiny2 { float: left; color: #58595b; background-color: #58595b; height: 1px; width: 10px; border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:12px } hr.tiny3 { float: left; color: #58595b; background-color: #58595b; height: 1px; width: 10px; border: 0px none; margin-left:0; margin-right:0; margin-top:6px; margin-bottom:5px } hr.tiny4 { float: left; color: #58595b; background-color: #58595b; height: 1px; width: 10px; border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px } hr.tiny5 { float: left; color: #58595b; background-color: #58595b; height: 1px; width: 10px; border: 0px none; margin: 8px 0; } hr.tiny6 { float: left; color: #58595b; background-color: #58595b; height: 1px; width: 10px; border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px } hr.tiny7 { float: left; color: #58595b; background-color: #58595b; height: 1px; width: 10px; border: 0px none; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:10px } hr.tinybig { float: left; color: #58595b; background-color: #58595b; height: 3px; width: 14px; border: 0px none; margin-left:0; margin-right:0; margin-top:16px; margin-bottom:4px } hr.tinybig2 { float: left; color: #58595b; background-color: #58595b; height: 3px; width: 14px; border: 0px none; margin-left:0; margin-right:0; margin-top:16px; margin-bottom:13px } p.grande { clear: both;font-size: 24px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -1px; line-height: 23px !important; } p.grande2 { clear: both;font-size: 19px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -1px; line-height: 19px !important; } p.grande3 { clear: both;font-size: 19px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -1px; line-height: 19px !important; } p.uber { clear: both; font-size: 45px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -2px; line-height: 43px !important; margin-top:0px; } p.large { clear: both;font-size: 27px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -1px; line-height: 23px !important; } p.medium { clear: both; font-size: 26px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -1px; line-height: 23px !important; } p.venti { clear: both; font-size: 32px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -2px; line-height: 28px !important;} p.venti span { color:#ab9866; } p.small { clear: both; font-size: 25px; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; letter-spacing: -2px; line-height: 23px !important; } p#vision { width: 154px; height: 14px; color: #fff; background-color: #58595b; float: right; font-family: Arial; font-weight:bold; } p#vision a { width: 154px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; } p { line-height: 11px !important; } p#crumb { width: 450px; float: right; text-align: right; padding-top: 2px; } .marge-me { margin-top: 8px; } a { color: #58595b; } a:hover { color: #58595b; } /**** Formatting & Styling *******/ /**** Template - home *******/ #home #content-top { width: 925px; height: 506px; margin-bottom: 17px; position:relative; } #home #intro { width: 297px; height: 506px; float: left; margin-right: 17px; } #home #ourpeople { width: 925px; height: 506px; float: right; overflow:hidden; position:relative;} #home #ourpeople ul { width: 925px; height: 506px; overflow:hidden; } #home #ourpeople ul li { width: 925px; height: 506px; overflow:hidden; float:left; } #home #ourpeople .uber { position:absolute; top:30px; left:0px; color:#fff; z-index:1000; } #home #ourpeople .grande3 { position:absolute; top:200px; left:0px; color:#fff; z-index:1000; } #home #ourpeople .line { display:block; width:26px; height:5px; background:#fff; position:absolute; top:180px; left:0px; z-index:1000; } #home #ourpeople .controls {position:absolute; top:295px; left:0px; color:#fff; z-index:100000!important; color:#FFF; } #home #ourpeople .controls a { display:block; width:7px; height:7px; float:left; margin-right:5px; text-indent:-9999em; background:url(/images/control-disk.png) no-repeat; position:relative; z-index:100000; } #home #ourpeople .controls a.selected { background-position:0 -7px; } #home #content-main-1 { width: 925px; height: 152px; margin-bottom: 17px; } #home #consult { position: relative; width: 140px; height: 152px; float: left; margin-right: 17px; padding-bottom:17px; } #home #create { position: relative; width: 297px; height: 152px; float: left; margin-right: 17px; padding-bottom:17px;} #home #communicate { position: relative; width: 454px; height: 152px; float: left; overflow: hidden; padding-bottom:17px;} #home #content-main-2 { width: 925px; height: 176px; margin-bottom: 17px; } #home #cta-awards, #home #cta-recentwork, #home #cta-tkbook, #home #cta-visitus, #home #cta-followus { background: none !important; } #home #cta-awards { position: relative; width: 140px; height: 176px; float: left; margin-right: 17px; border-top: 1px solid #58595b; } #home #cta-awards img { margin-top:10px; } #home #cta-recentwork { position: relative; width: 140px; height: 176px; float: left; margin-right: 17px; border-top: 1px solid #58595b; } #home #cta-tkbook { position: relative; width: 140px; height: 176px; float: left; margin-right: 17px; border-top: 1px solid #58595b; } #home #cta-visitus { position: relative; width: 297px; height: 176px; float: left; margin-right: 17px; border-top: 1px solid #58595b; } #home #cta-visitus .tklink, #home #cta-visitus .cta-heading { width:297px; } #home #cta-visitus .stats { position:relative; top:20px; } #home #cta-followus { position: relative; width: 140px; height: 176px; float: left; border-top: 1px solid #58595b; margin-right:0px; } #home #cta-newsletter { position: relative; width: 140px; height: 176px; float: left; border-top: 1px solid #58595b; } #home #content-bottom { width: 925px; height: 338px; margin-bottom: 17px; } #home #latestnews { width: 454px; height: 338px; float: left; margin-right: 17px; background-color: #e9eaeb; } #home .latestnews-item { position: relative; width: 432px; height: 93px; float: left; margin-right: 10px; margin-left: 10px; } #home #showreel { width: 454px; height: 338px; float: left; background-color: #e9eaeb; } #home #showreel-holder { margin-top: 10px; margin-left: 10px; } #home .showreel-title { width: 140px; height: 30px; float: left;font-family: Arial; font-weight:bold; } #home .showreel-button { width: 140px; height: 13px; color: #fff; background-color: #58595b; float: right; margin-right: 10px; font-family: Arial; font-weight:bold; } .showreel-player { margin-top:35px; clear:both; display:block; } #home p.tklink { position: absolute; bottom: 0; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-top: 6px; } #home p.tklink a { width: 137px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; } #home p.tklink2 { width: 140px; height: 13px; color: #fff; background-color: #58595b; float: right; font-family: Arial; font-weight:bold;margin-right: 10px; margin-top: 8px; } #home p.tklink2 a { width: 137px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; } #home p.tklink3 { width: 140px !important; position: absolute; bottom: 0; left: 150px; height: 13px; color: #fff; background-color: #58595b; font-family: Arial; font-weight:bold; } #home p.tklink3 a { width: 137px; color: #fff;font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; } #home .latestnews-title { width: 140px; height: 19px; float: left; font-family: Arial; font-weight:bold; margin-left: 160px; margin-top: 10px; margin-bottom:5px; } #home .latestnewsmargin { margin-top: 15px; } #home .cta-heading { font-size: 11px; font-size: 11px; width: 140px; float: left; padding-top: 8px; padding-bottom: 6px; font-family: Arial; font-weight:bold; } #home .cta-text { padding-bottom: 6px; width: 140px; float: left; line-height: 12px; } #home .cta-image { float: left; padding-bottom: 6px; } #home #cta-awards p { float: left; } #home .cta-image-rar { float: left; padding: 9px 0 0 0; } #home .cta-image-ipad { float: left; padding: 20px 0 0 0; } #home .cta-image-ipad2 { float: left; padding: 8px 0 0 0; } #home .cta-image-now10 { float: left; padding: 10px 0 7px 0; *padding: 0px 0 7px 0; } #home .cta-image-join { float: left; padding: 12px 0 0 0; } #home .cta-text-tel { float: left; padding: 6px 0 0 0; } #home .cta-text-enquiry { float: left; padding: 10px 0 0 0; } #home .text-overlay { font-size: 12px; line-height: 13px !important; color: #fff; font-family: Arial; font-weight:bold;position: absolute; top: 10px; left: 10px; width:280px; } #home #ourpeople .text-overlay { top: 60px; } #home .latestnews-item img { float: left; margin-right: 10px; } #home .latestnews-item p { width: 282px; float: left; } #home .latestnews-item a { float: left; } #home .latestnews-item-text { line-height: 12px; } #home #cta-tkbook p.tklink a:hover { cursor: text; } /**** Template - whatwedo *******/ #whatwedo #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #whatwedo #content { width: 768px; float: left; } #whatwedo #content-top { width: 768px; height: 157px; float: left; margin-bottom: 17px; } #whatwedo #content-bottom { width: 768px; float: left; min-height:450px; } #whatwedo #intro { width: 297px; height: 157px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #whatwedo #ush-control { position: relative; width: 140px; height: 157px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #whatwedo #ush-images { width: 297px !important; height: 157px !important; float: left; border-bottom: 1px solid #58595b; } #whatwedo #ush-images #ush-images-scroller { width: 297px; height: 139px; overflow:hidden; } #whatwedo #ush-images #ush-images-scroller img { width: 297px !important; height: 139px !important; float: left; display:block; } #whatwedo .casestudy-item { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 17px 17px 0; } #whatwedo .casestudy-item-end { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 0 17px 0; } #whatwedo .casestudy-heading { font-size: 11px; width: 140px; float: left; padding-top: 0px; padding-bottom: 0px; font-family: Arial; font-weight:bold; } #whatwedo .casestudy-text { padding-bottom: 7px; width: 140px; float: left; line-height: 10px; } #whatwedo .ush-heading { font-size: 11px; width: 140px; float: left; padding-bottom: 0px;font-family: Arial; font-weight:bold; } #whatwedo .ush-text { padding-bottom: 6px; width: 140px; float: left; line-height: 10px; } #whatwedo #ush-control p.tklink { position: absolute; bottom: 0; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-bottom: 19px; } #whatwedo #ush-control p.tklink span { width: 70px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; float: left; } #whatwedo #ush-control p.tklink a.left { width: 10px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; float: left; margin-left: 40px; } #whatwedo #ush-control p.tklink a.right { width: 10px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; float: left; } /**** Template - casestudy *******/ #casestudy #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #casestudy #content { width: 611px; float: left; } #casestudy #content-top { width: 611px; height: 170px; float: left; margin-bottom: 17px; border-bottom: 1px solid #58595b; } #casestudy #content-bottom { width: 611px; float: left; } #casestudy #desc { position: relative; width: 297px; height: 158px; float: left; margin-right: 17px; } #casestudy #related { position: relative; width: 297px; height: 158px; float: left; } #casestudy .project-image-1 { float: left; margin-right: 17px; margin-right: 17px; } #casestudy .project-image-2 { float: left; margin-bottom: 17px; } #casestudy .project-image-3 { float: left; margin-bottom: 17px; } #casestudy .project-image-x { float: left; margin-bottom: 17px; } #casestudy .project-heading { font-size: 11px; width: 297px; float: left; padding-bottom: 7px; font-family: Arial; font-weight:bold;} #casestudy .project-text { padding-top: 3px; padding-bottom: 0px; width: 297px; float: left; line-height: 10px; } #casestudy .project-image { margin-top: 12px; } #casestudy #desc p.tklink { position: absolute; bottom: 0; left: 0; width: 144px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: "TeXGyreHerosBold", Arial; font-weight:normal; margin-bottom: 14px; } #casestudy #desc p.tklink a { width: 142px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 4px; float: left; } #casestudy #related p.tklink4 { width: 144px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-top: 10px; } #casestudy #related p.tklink4 a { width: 142px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 4px; float: left; } /**** Template - retouchhome *******/ #retouchhome #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #retouchhome #content { width: 768px; float: left; } #retouchhome .retouchhome-item { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 17px 17px 0; } #retouchhome .retouchhome-item-end { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 0 17px 0; } #retouchhome .retouchhome-heading { font-size: 11px; width: 140px; height: 20px; float: left; padding-bottom: 4px; font-family: Arial; font-weight:bold; } #retouchhome .retouchhome-text { padding-bottom: 7px; width: 140px; float: left; line-height: 10px; } #retouchhome .retouchhome-image { margin-top: 12px; } /**** Template - retouchpage *******/ #retouchpage #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #retouchpage #content { width: 768px; float: left; } #retouchpage #controls { width: 768px; float: left; } #retouchpage #controls-left { float: left; } #retouchpage #controls-right { position: relative; margin-top: 12px; float: left; } #retouchpage .content-left { float: left; } #retouchpage .content-right { position: relative; float: left; } #retouchpage .project-text { margin: 0 50px 0 10px; float: left; } #retouchpage #controls-left a { color: #58595b !important; float: left; padding: 0 4px 0 4px; } #retouchpage #controls-left a:hover { text-decoration: underline; color: #58595b; float: left; padding: 0 4px 0 4px; } #retouchpage .project-heading { font-size: 11px; float: left; font-family: Arial; font-weight:bold;} #retouchpage #slider { width: 768px; float: left; } #retouchpage p.tklink1 { position: absolute; bottom: 0; left: 0; width: 144px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; } #retouchpage p.tklink1 a { width: 142px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 4px; float: left; } #retouchpage p.tklink2 { position: absolute; bottom: 0; left: 160px; width: 144px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; } #retouchpage p.tklink2 a { width: 142px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 4px; float: left; } #retouchpage .project-image-1 { float: left; margin-right: 17px; margin-right: 17px; } #retouchpage .project-image-2 { float: left; margin-bottom: 17px; } #retouchpage .project-image-3 { float: left; margin-bottom: 17px; } /**** Template - aboutus *******/ #aboutus #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #aboutus #content { width: 611px; float: left; } #aboutus #intro { width: 297px; height: 190px; float: left; margin-right: 17px; } #aboutus #intro2 { width: 297px; height: 190px; float: left; } #aboutus .intro{font-size: 26px;} #aboutus #feature-image{width: 925px;height:325px; float: left; position: relative;top: -100px;} #aboutus #feature-image img{position:absolute;left:-50px;z-index: 2;} #aboutus #feature-image img + a img{position:absolute;top: 174px;left: 308px;z-index: 1;} #aboutus #aboutus1 { width: 297px; height: 350px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #aboutus #aboutus1 .cta-text, #aboutus #aboutus2 .cta-text { height:145px; } #aboutus #aboutus2 { position: relative; width: 297px; height: 350px; float: left; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #aboutus #aboutus3 { width: 297px; height: 109px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #aboutus #aboutus4 { width: 297px; height: 109px; float: left; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #aboutus .aboutus-left { width: 141px; height: 109px; float: left; } #aboutus .aboutus-right { width: 141px; height: 109px; float: right; } #aboutus .belong-cols { position: relative; width: 100%; float: left; clear: both; } #aboutus .cta { position: relative; z-index:3;width: 140px; height: 120px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; border-top: 1px solid #58595b; padding-top:20px;} #aboutus .cta-last { position: relative; width: 140px; height: 120px; float: left; border-bottom: 1px solid #58595b; border-top: 1px solid #58595b; padding-top:20px;} #aboutus .cta-heading { font-size: 11px; font-size: 11px; width: 100%; float: left; padding-bottom: 6px; font-family: Arial; font-weight:bold; } #aboutus .cta-text { width: 100%; padding-bottom: 2px; float: left; line-height: 12px; } #aboutus .cta-image { position: absolute; bottom: 10px; left: 0;float: left; } #aboutus #intro2 p.intro2-first { width: 297px; float: left; margin-bottom: 8px; } #aboutus #intro2 p.intro2-second { width: 297px; float: left; margin-bottom: 8px; } #aboutus #intro2 p.tklink { width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; } #aboutus #intro2 p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #aboutus #aboutus2 p.tklink { position: absolute; bottom: 15px; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left;font-family: Arial; font-weight:bold; } #aboutus #aboutus2 p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #aboutus .noVacancies { margin-top:100px; width:50%; } /**** Template - awards *******/ #aboutus.awards-page #content { width: 768px; float: left; } #aboutus.awards-page #intro2 { width: 454px; } #aboutus.awards-page #aboutus2 { width:454px; } #aboutus.awards-page #aboutus1, #aboutus.awards-page #aboutus2 { height:370px; } #aboutus.awards-page #aboutus1 .cta-text, #aboutus.awards-page #aboutus2 .cta-text { height:auto; padding:0 0 20px 0; } .award-frame { position:relative; float:left; width:119px; height:103px; background:url(/images/award-frame.jpg) no-repeat; margin:0 18px 20px 0; padding:20px 0 0 20px; } .award-frame .cover { position:absolute; width:139px; height:123px; top:0px; left:0px; z-index: 2; } .award-frame.last { margin:0 0 20px 0; } .award-frame img { width:97px; } .award-frame .award-text { position:absolute; top:20px; left:20px; width:99px; height:83px; background: #d21145; /* Old browsers */ background: -moz-linear-gradient(top, #d21145 0%, #851532 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d21145), color-stop(100%,#851532)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d21145 0%,#851532 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d21145 0%,#851532 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d21145 0%,#851532 100%); /* IE10+ */ background: linear-gradient(top, #d21145 0%,#851532 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21145', endColorstr='#851532',GradientType=0 ); /* IE6-9 */ opacity:0.0; z-index: 1; } .award-frame .award-text p { color:#fff; font-weight:bold; padding:24px 10px 0 10px; font-size:12px; text-align: center; } /**** Template - ourpeoplehome *******/ #ourpeoplehome #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #ourpeoplehome #content { width: 768px; float: left; } #ourpeoplehome #content-top { width: 768px; height: 274px; float: left; margin-bottom: 17px; } #ourpeoplehome #content-bottom { width: 768px; float: left; } #ourpeoplehome #intro { width: 750px; height: 274px; float: left; background:url(/images/collective-people.jpg) no-repeat; padding-left:18px; padding-top:18px; color:#FFF; } #ourpeoplehome #intro .tinybig { color:#FFF; background:#FFF } #ourpeoplehome #desc { position: relative; width: 454px; height: 94px; float: left; border-bottom: 1px solid #58595b; } #ourpeoplehome .ourpeople-item { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 17px 17px 0; } #ourpeoplehome .ourpeople-item-end { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 0 17px 0; } #ourpeoplehome .ourpeople-heading { font-size: 11px; width: 140px; float: left;font-family: Arial; font-weight:bold; margin-top: 5px; } #ourpeoplehome .ourpeople-text { width: 140px; float: left; line-height: 10px; } #ourpeoplehome .ourpeople-image { margin-top: 12px; } #ourpeoplehome #desc p.tklink { position: absolute; bottom: 0; left: 0; width: 144px; height: 13px; color: #fff; background-color: #58595b; float: left;font-family: Arial; font-weight:bold; margin-bottom: 19px; } #ourpeoplehome #desc p.tklink a { width: 142px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 1px; float: left; } #ourpeoplehome .desc-text { width: 297px; height: 53px; } /**** Template - ourpeoplepage *******/ #ourpeoplepage #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #ourpeoplepage #content { width: 768px; float: left; } #ourpeoplepage #content-top { width: 768px; float: left; margin-bottom: 17px; } #ourpeoplepage #content-bottom { width: 768px; float: left; } #ourpeoplepage #intro { width: 768px; height: 31px; float: left; margin-bottom: 13px; border-bottom: 1px solid #58595b; } #ourpeoplepage #photo { width: 297px; height: 202px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #ourpeoplepage #desc { width: 140px; height: 202px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #ourpeoplepage #factoids { position: relative; width: 297px; height: 202px; float: left; border-bottom: 1px solid #58595b; } #ourpeoplepage .medium { float: left; } #ourpeoplepage .intro-small { float: left; margin-left: 12px; margin-top: 12px; } #ourpeoplepage .desc-heading { font-size: 11px; width: 140px; float: left; padding-top: 4px; padding-bottom: 0px; font-family: Arial; font-weight:bold; } #ourpeoplepage .desc-text { padding-bottom: 7px; width: 140px; float: left; line-height: 10px; } #ourpeoplepage .factoids-heading { font-size: 11px; width: 297px; float: left; padding-top: 4px; padding-bottom: 0px; font-family: Arial; font-weight:bold;} #ourpeoplepage .factoids-nickname { width: 297px; float: left; line-height: 10px; margin-bottom: 5px; } #ourpeoplepage .factoids-filmquote { width: 297px; float: left; line-height: 10px; margin-bottom: 5px; } #ourpeoplepage .factoids-pantone { width: 297px; float: left; line-height: 10px; margin-bottom: 5px; } #ourpeoplepage .factoids-bestwork { width: 297px; float: left; line-height: 10px; margin-bottom: 5px; } #ourpeoplepage .factoids-tkyears { width: 297px; float: left; line-height: 10px; margin-bottom: 5px; } #ourpeoplepage .factoids-left { float: left; width: 105px; } #ourpeoplepage .factoids-right { float: right; width: 185px; } #ourpeoplepage #factoids p.tklink { position: absolute; bottom: 0; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-bottom: 13px; } #ourpeoplepage #factoids p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 1px; float: left; } #ourpeoplepage .ourpeople-item { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 17px 17px 0; } #ourpeoplepage .ourpeople-item-end { width: 140px; height: 146px; float: left; border-bottom: 1px solid #58595b; margin: 0 0 17px 0; } #ourpeoplepage .ourpeople-heading { font-size: 11px; width: 140px; float: left; font-family: Arial; font-weight:bold; margin-top: 5px; } #ourpeoplepage .ourpeople-text { width: 140px; float: left; line-height: 10px; } #ourpeoplepage .ourpeople-image { margin-top: 12px; } /**** Template - process *******/ #process #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #process #content { width: 611px; float: left; } #process #intro { position: relative; width: 298px; height: 158px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #process #intro2 { width: 296px; height: 158px; float: left; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #process #process1 { width: 611px; height: 170px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #process ul li.process-list-header { width: 136px; height: 11px; color: #fff; background-color: #58595b; font-family: Arial; font-weight:bold; padding:3px; font-size:12px; margin-bottom:8px; margin-top:21px; } #process ul li.process-list-item { padding:3px; padding-left:16px; } #process ul:hover li.process-list-item { color:#df1163; } #process ul:hover li.process-list-header { background-color:#df1163; } #process #process2 { position: relative; width: 140px; height: 280px; float: left; border-bottom: 1px solid #58595b;} #process #process3 { position: relative; width: 140px; height: 280px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-right: 17px; } #process #process4 { position: relative; width: 297px; height: 280px; float: left; border-bottom: 1px solid #58595b; } #process #process2 img { position: absolute; bottom: 15px; left: 0; float: left; } #process #process3 img { position: absolute; bottom: 15px; left: 0; float: left; } #process #process4 img { position: absolute; bottom: 15px; left: 0; float: left; } #process .process-left { width: 140px; float: left; margin-right: 17px; } #process .process-right { position: relative; width: 140px; height: 89px; float: right; margin-bottom: 14px; } #process #process4 .process-left { width: 140px; float: left; margin-right: 17px; } #process #process4 .process-right { width: 89px; height: 89px; float: right; margin-bottom: 14px; } #process #process4 .process-workshop-small { position: absolute; bottom: 0px; left: 0; float: left; } #process .cta { position: relative; width: 140px; height: 120px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #process .cta-last { position: relative; width: 140px; height: 120px; float: left; border-bottom: 1px solid #58595b; } #process .cta-heading { font-size: 11px; font-size: 11px; width: 100%; float: left; padding-bottom: 4px; font-family: Arial; font-weight:bold;} #process .cta-text { width: 100%; padding-bottom: 2px; float: left; line-height: 12px; padding-top: 3px; } #process .cta-image { position: absolute; bottom: 10px; left: 0;float: left; } #process #intro2 p.intro2-first { width: 297px; float: left; margin-bottom: 9px; } #process #intro2 p.intro2-second { width: 297px; float: left; margin-top: 20px; margin-bottom: 8px; } #process #intro p.tklink { position: absolute; bottom: 17px; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-bottom: 0px; } #process #intro p.tklink a { width: 140px; color: #fff;font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #process #intro2 p.tklink { width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-bottom: 3px; margin-top: 10px; } #process #intro2 p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #process #aboutus2 p.tklink { position: absolute; bottom: 15px; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; } #process #aboutus2 p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } /**** Template - services *******/ #services #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #services #content { width: 611px; float: left; } #services #intro { position: relative; width: 297px; height: 187px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #services #intromarketing { position: relative; width: 297px; height: 187px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #services #intro2 { position: relative; width: 297px; height: 187px; float: left; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #services #contact1 { position: relative; width: 297px; height: 180px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-right: 17px; margin-bottom: 17px; } #services #contactmarketing { position: relative; width: 297px; height: 250px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-right: 17px; margin-bottom: 17px; } #services #contact2 { position: relative; width: 297px; height: 180px; float: left; border-bottom: 1px solid #58595b; } #services #contact2-long { position: relative; width: 297px; height: 250px; float: left; border-bottom: 1px solid #58595b; } #services #contact1 .content-left { position: relative; width: 140px; height: 110px; float: left; margin-right: 17px; } #services #contact1 .content-right { position: relative; width: 140px; height: 110px; float: right; } #services #contact2 .content-right p.cta-text { margin-top: 21px; letter-spacing: 0px; } #services #contact2 .content-left { position: relative; width: 140px; height: 110px; float: left; margin-right: 17px; } #services #contact2 .content-right { position: relative; width: 140px; height: 110px; float: right; } #services .cta { position: relative; width: 140px; height: 120px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #services .cta-last { position: relative; width: 140px; height: 120px; float: left; border-bottom: 1px solid #58595b; } #services .cta-heading { font-size: 11px; font-size: 11px; width: 100%; float: left; padding-bottom: 4px; font-family: Arial; font-weight:bold; } #services .cta-text { width: 100%; padding-bottom: 2px; float: left; line-height: 12px; padding-top: 3px; } #services .cta-image { position: absolute; bottom: 10px; left: 0;float: left; } #services .cta-image_sm { float: left; padding-bottom: 6px; } #services #intro2 p.intro2-first { width: 297px; float: left; margin-bottom: 9px; } #services #intro2 p.intro2-second { width: 297px; float: left; margin-top: 20px; margin-bottom: 8px; } #services p.tklink { clear: left; margin-top: 5px; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; } #services p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #branding-fullwidth { margin-bottom: 25px; position:relative; } #branding-fullwidth .stage1 { width:297px; float:left; margin-bottom:10px; } #branding-fullwidth .stage23 { width:297px; float:right; margin-bottom:10px; } #branding-fullwidth .stage2 { width:100px; float:left; } #branding-fullwidth .stage3 { width:100px; float:right; text-align:right; } #branding-fullwidth .stage3 hr { float:right; } #branding-fullwidth .brand-icon { width:79px; height:62px;float:left; position:relative; } #branding-fullwidth .end { width:33px; color:#e40e62; } #branding-fullwidth .right { width:86px; } #branding-fullwidth .wide { width:92px; } #branding-fullwidth .wide2 { width:90px; } #branding-fullwidth .brand-icon div { width:33px; height:33px; cursor:pointer;} #branding-fullwidth .brand-icon div:hover { background-position: 0px -33px; } #branding-fullwidth .brand-icon p { font-family: Arial; font-weight:bold; font-size:9px; margin-top:4px; } #branding-fullwidth .brand-icon img { position:absolute; top:10px; left:33px;} #branding-fullwidth .brand-intel { width:313px; height:75px; float:left; margin-bottom:3px; margin-top:3px;} #branding-fullwidth .right-icons { width:297px; float:right; margin-top:21px; } #branding-fullwidth .brand-icon .customer-influencer-profiling { background:url('/images/icon-customer-influencer-profiling.jpg') no-repeat; } #branding-fullwidth .brand-icon .competitor-analysis { background:url('/images/icon-competitor-analysis.jpg') no-repeat; } #branding-fullwidth .brand-icon .primary-secondary-research { background:url('/images/icon-primary-secondary-research.jpg') no-repeat; } #branding-fullwidth .brand-icon .stakeholder-analysis { background:url('/images/icon-stakeholder-analysis.jpg') no-repeat; } #branding-fullwidth .brand-icon .insight { background:url('/images/icon-insight.jpg') no-repeat; } #branding-fullwidth .brand-icon .brand-proposition { background:url('/images/icon-brand-proposition.jpg') no-repeat; } #branding-fullwidth .brand-icon .key-comms-messages { background:url('/images/icon-key-comms-messages.jpg') no-repeat; } #branding-fullwidth .brand-icon .effective-creative { background:url('/images/icon-effective-creative.jpg') no-repeat; } #branding-fullwidth .brand-icon .comms-audit { background:url('/images/icon-comms-audit.jpg') no-repeat; } #branding-fullwidth .brand-icon .market-analysis { background:url('/images/icon-market-analysis.jpg') no-repeat; } #branding-fullwidth .brand-icon .brand-benchmarking { background:url('/images/icon-brand-benchmarking.jpg') no-repeat; } #branding-fullwidth .brand-icon .swot-analysis { background:url('/images/icon-swot-analysis.jpg') no-repeat; } #branding-fullwidth .brand-icon .swot-analysis { background:url('/images/icon-swot-analysis.jpg') no-repeat; } #modal { width:200px; position:absolute; background:#58595b; padding: 10px; color:#ffffff; display:none; top:85px; left:36px; } #modal hr { color:#ffffff; background:#ffffff; } #modal p { color:#ffffff; } #modal .close { float:right; color:#ffffff; cursor:pointer; margin-top:-20px; } .modalleft { left:200px; } /**** Template - newshome *******/ #newshome #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #newshome #content { width: 768px; float: left; } #newshome #content-top { width: 768px; float: left; margin-bottom: 17px; } #newshome #content-bottom { width: 768px; float: left; } #newshome #intro { width: 768px; height: 32px; float: left; margin-bottom: 13px; border-bottom: 1px solid #58595b; } #newshome #photo { width: 297px; height: 193px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #newshome #desc { width: 140px; height: 193px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #newshome #moreinfo { position: relative; width: 297px; height: 193px; float: left; border-bottom: 1px solid #58595b; } #newshome .medium { float: left; } #newshome .intro-small { float: left; margin-left: 12px; margin-top: 12px; } #newshome .desc-heading { font-size: 11px; width: 140px; float: left; padding-top: 4px; padding-bottom: 5px; font-family: Arial; font-weight:bold; } #newshome .desc-text { padding-bottom: 7px; width: 140px; float: left; line-height: 10px; } #newshome #moreinfo p.tklink { position: absolute; bottom: 0; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; margin-bottom: 13px; } #newshome #moreinfo p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 3px; float: left; } #newshome .news-item { width: 140px; height: 156px; float: left; border-bottom: 1px solid #58595b; margin: 0 17px 17px 0; } #newshome .news-item-end { width: 140px; height: 156px; float: left; border-bottom: 1px solid #58595b; margin: 0 0 17px 0; } #newshome .news-heading { font-size: 11px; width: 140px; height: 22px; float: left; font-family: Arial; font-weight:bold; margin-top: 5px; } #newshome .news-text { width: 140px; float: left; line-height: 10px; } #newshome .news-image { margin-top: 12px; } /**** Template - contact *******/ #contact #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #contact #content { width: 611px; float: left; margin-bottom: 245px; } #contact #intro { position: relative; width: 297px; height: 158px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #contact #intro2 { width: 297px; height: 158px; float: left; border-bottom: 1px solid #58595b; margin-bottom: 17px; } #contact #contact1 { position: relative; width: 297px; height: 138px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-right: 17px; margin-bottom: 17px; } #contact #contact2 { position: relative; width: 297px; height: 138px; float: left; border-bottom: 1px solid #58595b; } #contact #contact3 { position: relative; width: 297px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; margin-bottom: 17px; padding-bottom: 21px; } #contact #contact4 { position: relative; width: 297px; height: 79px; float: left; border-bottom: 1px solid #58595b; } #contact #contact5 { width: 611px; float: left; padding-bottom: 14px;border-bottom: 1px solid #58595b; } #contact #contact6 { padding-top: 4px; width: 297px; height: 75px; float: left; border-bottom: 1px solid #58595b; } #contact #contact2 img { position: absolute; bottom: 35px; left: 0; float: left; } #contact #contact4 img { position: absolute; bottom: 15px; left: 0; float: left; } #contact #intro2 .content-left { position: relative; width: 140px; height: 158px; float: left; margin-right: 17px; } #contact #intro2 .content-right { position: relative; width: 140px; height: 158px; float: right; } #contact #contact2 .content-right p.cta-text { margin-top: 21px; letter-spacing: 0px; } #contact #contact2 .content-left { position: relative; width: 140px; height: 138px; float: left; margin-right: 17px; } #contact #contact2 .content-right { position: relative; width: 140px; height: 138px; float: right; } #contact #process4 .process-left { width: 140px; float: left; margin-right: 17px; } #contact #process4 .process-right { width: 140px; height: 89px; float: left; margin-bottom: 14px; } #contact #process4 .process-workshop-small { position: absolute; bottom: 0px; left: 0; float: left; } #contact .cta { position: relative; width: 140px; height: 120px; float: left; margin-right: 17px; border-bottom: 1px solid #58595b; } #contact .cta-last { position: relative; width: 140px; height: 120px; float: left; border-bottom: 1px solid #58595b; } #contact .cta-heading { font-size: 11px; font-size: 11px; width: 100%; float: left; padding-bottom: 4px; font-family: Arial; font-weight:bold; } #contact .cta-text { width: 100%; padding-bottom: 2px; float: left; line-height: 12px; padding-top: 3px; } #contact .cta-image { position: absolute; bottom: 10px; left: 0;float: left; } #contact #intro2 p.intro2-first { width: 297px; float: left; margin-bottom: 9px; } #contact #intro2 p.intro2-second { width: 297px; float: left; margin-top: 20px; margin-bottom: 8px; } #contact p.tklink { position: absolute; bottom: 15px; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold;} #contact p.tklink a { width: 140px; color: #fff; font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #contact .tklink-button { width: 140px; color: #fff;font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; background-color: #58595b; border:none; text-align:left; font-size:9px; cursor:pointer; margin-top:5px; margin-bottom:12px; } #contact #aboutus2 p.tklink { position: absolute; bottom: 15px; left: 0; width: 140px; height: 13px; color: #fff; background-color: #58595b; float: left; font-family: Arial; font-weight:bold; } #contact #aboutus2 p.tklink a { width: 140px; color: #fff;font-family: Arial; font-weight:bold; display: block; padding: 1px 0 0 2px; float: left; } #contact .directions-m1 { float: left; margin-top: 6px; margin-bottom: 25px; padding-top: 9px; border-top: 1px solid #58595b; } #contact .directions-manchester { float: left; margin-bottom: 25px; } #contact .directions-a1 { float: left; margin-bottom: 25px; } #contact .companyinfo { margin-top:10px; } /**** Template - terms *******/ #terms #sidenav { width: 140px; height: 375px; margin-right: 17px; float: left; margin-bottom: 17px; } #terms #content { width: 611px; float: left; } #terms .cta-heading { font-size: 11px; font-size: 11px; width: 100%; float: left; padding-bottom: 4px; font-family: Arial; font-weight:bold;} #terms .cta-text { width: 100%; padding-bottom: 2px; float: left; line-height: 12px; padding-top: 3px;border-bottom: 1px solid #58595b; } /**** Forms *******/ /**** Admin *******/ #admin #branding { border-bottom: 1px solid #58595b666; } #admin #theloginform { font-size: 17px; margin: 25px 0 0 270px; text-align: center; background: #d2d2d2; width: 370px; height: 150px; padding: 30px 0 0 15px; -moz-border-radius: 13px 13px 13px 13px; -moz-box-shadow: 0px 0px 10px #6f6f6f; } #admin #theloginform input { font-size: 15px; width: 200px; height: 20px; } #admin #theloginform { color: #6f6f6f; } #admin p.large { text-align: center; padding-top: 55px; } #admin p.errormessage { font-size: 14px; color: red; text-align: center; padding-top: 15px; } #admin #nav { border: 0 !important; list-style: none; margin: 3px 0 40px 0; padding: 0; } #admin #nav li { margin-right: 20px; display: block; float: left; text-align: center; } #admin #nav li a {font-family: Arial; font-weight:bold; font-size: 13px; background-color: #fff; display: block; float: left; padding: 10px; text-align: center; -moz-border-radius: 7px 7px 7px 7px; -moz-box-shadow: 0px 2px 4px #6f6f6f; } #admin #nav li a:hover { color: #fff; font-family: Arial; font-weight:bold; font-size: 13px; background-color: #c6c6c6; } #admin #nav .admin-nav-margin { margin-right: 605px; } #admin #listall { width: 925px;} #admin #listall td { padding: 15px 15px 15px 15px; } #admin #listall tr:hover { background-color: #efefef; } #admin .editbutton { padding: 5px 7px 5px 7px; -moz-border-radius: 7px 7px 7px 7px; -moz-box-shadow: 0px 2px 4px #6f6f6f; } #admin .editbutton:hover { background-color: #58595b666; color: #fff; } #admin .admin-active { background-color: #58595b !important; color: #fff; } #admin .admin-view-headers { font-size: 12px; font-family: Arial; font-weight:bold;} #admin .titlewidth { font-size: 12px; } #admin .datewidth { font-size: 12px; } #admin .enabledwidth { font-size: 12px; } #admin .editwidth { font-size: 12px; } #admin #addcase .form-title { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-title label { float: left; width: 135px; font-size: 13px; padding-top: 9px; } #admin #addcase .form-date { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-date label { float: left; width: 135px; font-size: 13px; padding-top: 9px; } #admin #addcase .form-desc { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-desc label { float: left; width: 135px; font-size: 13px; padding-top: 9px; } #admin #addcase .form-content { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-content label { float: left; width: 135px; font-size: 13px; padding-top: 9px; } #admin #addcase .form-imagesmall { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-imagesmall label { float: left; width: 135px; font-size: 13px; padding-top: 6px; } #admin #addcase .form-image { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-image label { float: left; width: 135px; font-size: 13px; padding-top: 6px; } #admin #addcase .form-enabled { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-enabled label { float: left; width: 135px; font-size: 13px; padding-top: 6px; } #admin #addcase .form-slug { float: left; width: 895px; margin-bottom: 25px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase .form-slug label { float: left; width: 135px; font-size: 13px; padding-top: 9px; } #admin #addcase .form-title input { width: 270px; } #admin #addcase .form-date input { width: 270px; } #admin #addcase .form-desc input { width: 270px; } #admin #addcase .form-imagesmall input { width: 270px; } #admin #addcase .form-image input { width: 270px; } #admin #listall tr { border-bottom: 1px solid #efefef; } #admin .pleasechoose { font-size: 13px; padding: 15px; background-color: #efefef; -moz-border-radius: 7px 7px 7px 7px; } #admin #addcase input { padding: 5px; font-family: Arial; font-size: 12px; } #admin #addcase textarea { padding: 9px; font-family: Arial; font-size: 12px; } #admin select#enabled { margin-top: 3px; } #admin p.error { color: #ff0f0f; font-size: 13px; float: left; width: 895px; margin-bottom: 15px; padding: 15px; background-color: #ffcfcf; -moz-border-radius: 7px 7px 7px 7px; } #admin p.message { color: #007f1d; font-size: 13px; float: left; width: 895px; margin-bottom: 15px; padding: 15px; background-color: #cfffd1; -moz-border-radius: 7px 7px 7px 7px; } #cookies { position: fixed; top: 0; right: 0; background: url(/images/cookies-corner.png) no-repeat 0 0; width: 61px; height: 61px; z-index: 99999999; cursor: pointer; } #cookie-content { position: fixed; top: 25px; right: 25px; width: 160px; padding:15px; z-index: 99999999; background:#58595B; } #home #cookie-content { background: rgba(0,0,0,0.7) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); zoom: 1; } #cookie-content p.heading { font-size:16px; font-weight:bold; color:#fff; padding:0 0 10px 0; } #cookie-content hr.tiny2 { float:none; height:2px; margin:0 0 15px 0; background:#fff; } #cookie-content p{ color:#fff; } #cookie-content .info div { float:left; padding:0px; margin:15px 10px 0 0; } #cookie-content .info div a { display:block; padding:7px 25px 7px 7px; color:#fff; font-weight:bold; font-size:11px; text-shadow: 0px -1px 0px rgba(0,0,0,0.5); cursor:pointer; } #cookie-content .info div.continue { background: #90da32; /* Old browsers */ background: -moz-linear-gradient(top, #90da32 0%, #4f8c01 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90da32), color-stop(100%,#4f8c01)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #90da32 0%,#4f8c01 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #90da32 0%,#4f8c01 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #90da32 0%,#4f8c01 100%); /* IE10+ */ background: linear-gradient(top, #90da32 0%,#4f8c01 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90da32', endColorstr='#4f8c01',GradientType=0 ); /* IE6-9 */ } #cookie-content .info div.continue a { background:url(/images/cookies-thats-fine.png) 70px 50% no-repeat; } #cookie-content .info div.more { margin:15px 0 0 0; background: #e59f16; /* Old browsers */ background: -moz-linear-gradient(top, #e59f16 0%, #ba4301 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e59f16), color-stop(100%,#ba4301)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e59f16 0%,#ba4301 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e59f16 0%,#ba4301 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e59f16 0%,#ba4301 100%); /* IE10+ */ background: linear-gradient(top, #e59f16 0%,#ba4301 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f16', endColorstr='#ba4301',GradientType=0 ); /* IE6-9 */ } #cookie-content .info div.more a { background:url(/images/cookies-more-info.png) 40px 50% no-repeat; padding:7px 25px 7px 7px; } /**** Other *******/ hr.tiny { *margin-bottom:0 !important; *padding: 0; display: block; } hr.tiny2 { *margin-bottom:0 !important; *padding: 0; display: block; } hr.tiny3 { *margin-bottom:0 !important; *padding: 0 !important; display: block; } hr.tiny2 { *margin-bottom:0 !important; *padding: 0; display: block; } hr.tiny3 { *margin-bottom:0 !important; *padding: 0; display: block; } hr.tiny4 { *margin-bottom:0 !important; *padding: 0; display: block; } hr.tiny5 { *margin-top:0 !important; *margin-bottom:0 !important; *padding: 0 !important; display: block; } hr.tiny6 { *margin-top:0 !important; *margin-bottom:0 !important; *padding: 0 !important; display: block; } hr.tiny7 { *margin-bottom:0 !important; *padding: 0; display: block; } hr.tinybig { *margin-bottom:0 !important; *padding: 0; display: block; } hr.tinybig2 { *margin-bottom:0 !important; *padding: 0; display: block; } /** hacks **/ /* IE6 homepage wrap text */ * html #home #latestnews { margin:0px; padding:0px; } * html #home .latestnews-item { margin:0px; padding:10px; } * html #process .process-left { margin-right: 15px; } #cta-newsletter .oneeighty { float:left; margin:0px; padding:0px; margin-bottom:9px; margin-top:-4px; } /* webkit left nav padding issue hack */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { #sidenav .active { padding: 1px 0 2px 4px; } #sidenav .active :hover { padding: 1px 0 2px 4px; } }*/ @font-face { font-family: 'TeXGyreHerosRegular'; src: url('/fonts/texgyreheros-regular-webfont.eot'); src: url('/fonts/texgyreheros-regular-webfont.eot#iefix') format('embedded-opentype'), url('/fonts/texgyreheros-regular-webfont.woff') format('woff'), url('/fonts/texgyreheros-regular-webfont.ttf') format('truetype'), url('/fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreHerosBold'; src: url('/fonts/texgyreheros-bold-webfont.eot'); src: url('/fonts/texgyreheros-bold-webfont.eot#iefix') format('embedded-opentype'), url('/fonts/texgyreheros-bold-webfont.woff') format('woff'), url('/fonts/texgyreheros-bold-webfont.ttf') format('truetype'), url('/fonts/texgyreheros-bold-webfont.svg#TeXGyreHerosBold') format('svg'); font-weight: normal; font-style: normal; }