/* Generic browser resets */ * { padding:0;margin:0;} img {display:block;border:none;} /* Firefox dotted border on links fix */ a {outline: 0} a:active{outline:none;} a:focus{-moz-outline-style:none;} /* IE 5.5 & 6 transparent PNG fix */ img, div.boxHeader, div { behavior: url(http://www.kantarmediauk.com/assets/css/assets/iepngfix/iepngfix.htc) !important } .clear { clear:both; height: 0} .floatLeft { float:left; } .floatRight { float:right; } strong {font-weight: bold} /* /////////////////////// */ h5 {font-size: 12px; font-weight: normal; margin-bottom: 10px} body { height:100%; font-family:Arial, Helvetica, sans-serif; background:#151515; } #outer-wrapper {width: 100%; background: #000} #homeWrapper { background: /*url(../images/siteBack.gif) top left repeat-x*/ #000; padding:0 0 24px; position: relative; width: 960px; margin: 0 auto} #bandTop { width:100%; height:3px; background:url(../images/bandTop.jpg) repeat-x center top; position:fixed; z-index:1000; } #bandBot { position:fixed; bottom:0; width:100%; height:3px; background:url(../images/bandTop.jpg) repeat-x center top; } #header { width:946px; height:135px; background:url(../images/headerBack.png) no-repeat top left; margin:0px auto ; padding:15px 0 0 14px; display:block; position:relative; z-index:500; } #header img.logo { margin-bottom:15px; float:left; } #flash { position:absolute; z-index:1; top: 0; left: -100px} #flash.homepage {left: 0} /* Site Navigation */ #headerNav { clear: left; z-index: 10} #headerNav li { display:inline; font-size:12px; } #headerNav li a { margin-right:10px; color:#FFF; text-decoration:none; color: #FFF; } #headerNav li a:hover { color:#FFF700; } #headerNav li a.current { color:#FFF700; } /** Styles for the sub menu **/ #headerNav li {list-style: none; float: left; text-transform: uppercase; font-size: 12px} #headernav a.white {color: #FFF !important} #headerNav ul {background: #1e1e1e; display: none; margin-top: 14px; border: 1px solid #323232; border-top: 0 none; position: absolute; z-index: 10000} #headerNav li a:hover ul {display: block} #headerNav ul li {padding: 5px; background: inherit; text-transform: none} #headerNav ul li a:hover {color: #F05e27} #headerNav li.divider {border-left: 1px solid #888; color: #888; padding: 0 10px; font-weight: bold} #headerNav li.divider-end {border-right: 1px solid #666; margin-right: 10px} /* End Site Navigation /* /***********************************************/ /** Breadcrumbs **/ #breadcrumbs {clear: both; margin-top: 60px; font-size: 12px; color: White} #breadcrumbs a {color: White; text-decoration: none} #breadcrumbs span {color: #FFF} /* Home Styling */ #homeContWrapper { width:960px; margin:14px auto 0; position:relative; z-index:2} #homeRightCol { width:221px; float:right; background:#1a1a1a; } #homeRightCol h2 { color:#FFF700; font-size:13px; text-transform:uppercase; font-weight:normal; margin:0 0 10px; } .homeRightColBox { border-bottom:1px solid #262626; padding:10px; width:201px; color:#FFF; font-size:11px; line-height:11px; } .homeRightColBox .date { color:#FFF700; font-size:11px; margin:0 0 5px; } .homeRightColBox p { color:#FFF; font-size:11px; line-height:11px; } .homeRightColBox .more { color:#F03E01; font-size:11px; float:right; font-weight:bold; } .homeRightColBox .more a { color:#F03E01; text-decoration:none; } .homeRightColBox .more a:hover { text-decoration:underline; } .homeRightColBox img { float:left; margin:0 8px 0 0; } .homeRightColBox.last { border-bottom:none; } .homeRightColBox img.center { float:none; margin:0 auto; } #homeHero { width:719px; height:236px; background:#1a1a1a; position:absolute; bottom:0; } .homeHeroText { margin:60px 0 0 15px; float:left; } #heroStory { float:right; width:275px; height:236px; background:url(../images/heroStory.png) no-repeat; padding:38px 0 0 26px; } #heroStory h2 { color:#FFF700; font-size:13px; text-transform:uppercase; font-weight:normal; margin:0 0 30px; } #heroStory h3 { color:#F34202; font-size:20px; font-weight:normal; width:122px; margin:0 0 10px; line-height:22px; } #heroStory p { color:#FFF; font-size:11px; width:122px; margin:0 0 5px; line-height:12px; } #homeFooter {width:100%; background:url(../images/back_footer-grad.png) #151515 repeat-x bottom; padding: 0 0 20px; height: 200px} #homeFooterContent { margin:0 auto; width:953px; } .homeFooterBox { padding-top:24px; font-weight: normal !important} #keep-in-touch-error {width: 180px; font-size: 12px; color: #F03E01} #homeFooter h2 { color:#FFF700; font-size:13px; text-transform:uppercase; font-weight:normal; margin:0 0 10px; } #homeFooter .footerPopular h2 {color:#666} #homeFooter h3 { color:#FFF; font-size:13px; text-transform:uppercase; font-weight:normal; margin:0 0 10px; } #homeFooter #socialBar h3 { margin: 10px 0 -3px 0;} .footerSitemaps { float:left; margin:0 15px 0 0; width: 107px} #homeFooter p { color:#FFF; font-size:11px; } #homeFooter p a { color:#FFF; text-decoration:none; } #homeFooter p a:hover { color:#FFF700; text-decoration:none; } #homeFooter p.mailer { font-size:14px; } .footerBreaker { margin-right:15px; } .footerPopular { width:185px; margin-right: 14px} #subscribeBox { float:right; padding-top:24px; } #homeFooterGrey { margin:20px 0; } #homeFooterGrey p { color:#919191; text-shadow: 1px 1px 1px #000; } #homeFooterGrey p a { color:#919191; text-decoration:none; } #homeFooterGrey p a:hover { color:#FFF; } #subHeadWrapper { width:100%; background:black; } #subContentOuterWrapper { position:relative; width:100%; background:#adadad; } #subContentInnerWrapper { position:relative; width:953px; margin:0 auto; } #subContent { width:688px; padding:20px; background:url(../images/subcontentshadow.jpg) top left repeat-y; min-height:500px; float:left; } .strong { color:#f21212; font-size:30px; } #subContent h1 { color:#f27124; font-size:30px; } #subContent h2 { color:#313131; font-size:16px; font-weight:normal; } #subContent p { color:#666666; font-size:12px; line-height:16px; margin:17px 0; } #subContent blockquote { background:#f1e8e8; border-left:2px solid #F21212; color:#666666; font-size:12px; font-style:italic; margin-left:20px; padding:10px } #subRightCol { width:221px; float:right; background:#000; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:20px; } #subRightCol h2 { color:#FFF700; font-size:13px; text-transform:uppercase; font-weight:normal; margin:0 0 10px; } .subRightColBox { border-bottom:1px solid #262626; padding:10px; width:201px; } .subRightColBox .date { color:#FFF700; font-size:11px; margin:0 0 5px; } .subRightColBox p { color:#FFF; font-size:11px; margin-bottom:5px; } .subRightColBox p.interview { width:100px; } .subRightColBox .more { color:#F03E01; font-size:11px; float:right; font-weight:bold; } .subRightColBox .more a { color:#F03E01; text-decoration:none; } .subRightColBox .more a:hover { text-decoration:underline; } .subRightColBox img { float:left; margin:0 8px 0 0; } .subRightColBox.last { border-bottom:none; } .subRightColBox img.center { float:none; margin:0 auto; } .subpageBoxList { background:url(../images/boxlist_bg.jpg) top left no-repeat; width:500px; height:143px; padding:25px 75px 25px 25px; margin:15px 0; position:relative; } #subContent .subpageBoxList h2 { font-size:20px; color:#ee4524; margin-bottom:0; } #subContent .subpageBoxList p { margin:0; } .boxlistMore { position:absolute; top:150px; right:16px; } div.newsItem { margin-top:15px; padding-bottom:15px; border-bottom:1px solid #CCC; } #subContent p.newsInfo { font-size:11px; margin:0; padding:0; } .newsInfoHi { color:#F21212; } #subContent p.newsInfo a { color:#F21212; text-decoration:none; } #subContent p.newsInfo a:hover { text-decoration:underline; } .newsHeader { color:#313131; font-size:24px; margin:0; padding:0; } #headSearchBox { width:194px; height:19px; background:url(../images/search.png) no-repeat; float:right; position:relative; right:56px; } #headSearchBox input {border: 0 none; margin-top: -2px; padding-top: 0; background: transparent} #headSearchBox .searchButton {width: 18px; heigh: 19px; float: right} .headSearch { height:13px; float:left; border:none; position:relative; background:White; top:5px; left:10px; width:145px; padding-top:1px; color:#7b7b7b; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .searchButton { float:right; } #footerShare { float:right; } #footerMailBox { width:161px; height:20px; background:url(../images/emailbox_back.png) no-repeat; float:left; } .footerMail { height:13px; float:left; border:none; position:relative; top:2px; left:10px; width:130px; padding-top:2px; color:#7b7b7b; background:#EBEBEB; margin-right:5px;font-family:Arial, Helvetica, sans-serif; font-size:11px; } #socialBar { clear:left; } #socialBar img { margin-right:5px; margin-top:15px; display: block } /* INTERVIEW PAGE STYLES */ #interview-header { position:relative; width:860px; margin:0 auto; height:287px; z-index:0; } .interviewee { position:absolute; right:0; } #interview-content-wrapper { position:relative; margin:0 auto; padding-top:30px; width:953px; background:url(../images/interview-headerbox.png) 0px 80px no-repeat;} #interview-title { position:relative; top:100px; width:510px; } #interview-title h1 { color:#f27124; font-size:30px; width: 480px;} #interview-title p { color:#262626; font-size:16px; width: 480px;} #interview-content { width: 870px; margin: -5px 0 26px 42px; } #interview-content-main { background: url(../images/interview-content-centre.png) repeat-y; width: 870px; padding: 30px 35px 30px 35px; width: 800px;} #interview-content-main p { color:#666666; font-size:12px; line-height:16px; margin:0 0 17px 0; } #interview-content-main p a { color:#666666; text-decoration:underline; } #interview-content-main p a:hover { text-decoration:none; } #interview-content-main #left-content { width: 290px; float: left; } #interview-content-main #right-content { margin-left: 30px; float: left; width: 470px; } #interview-content-main p.quote { font-size: 20px; line-height: normal; } #interview-content-main p.question { font-weight: bold; margin-bottom: 0; color: #f27124; } h2.subSectionTitle { color: #F21212; float: left; margin: 25px 0 0 5px; } #interview-content-main ul { color:#666666; font-size:12px; line-height:16px; margin: 0 0 17px 40px; } /** content pages **/ #main-content {width: 720px; float: left; background: #FFF} #main-content h1 {color: #FFF; background-color: #030303; font-size: 24px; padding-top: 23px; line-height: 71px; height: 71px; padding: 0 20px} #main-content h1 cufon {padding-top: 23px} #main-content h2 {color: #e75a26; margin: 20px; font-weight: normal} #main-content P {font-size: 12px; margin: 0 20px 20px} /** Nav bar styles **/ #headerNav li ul {z-index: 100000} #headerNav li ul li {display: block; float: none; z-index: 1000000} /************************************************************ ************************************************************ ************* Additional page templates ******************** ************************************************************ ************************************************************/ /** Content **/ .content {width: 719px; background: #FFF; margin: 0 auto; overflow: auto; padding-bottom: 20px; color: #4B4B4B; font-size: 13px; float: left} .content.full-width {width: 960px} .content .clear {clear: both; line-height: 0} .content .inner-content {margin: 20px 20px 0} /** Content typography **/ .content h1 {height: 55px; background: #000000 url(../images/content-background-gradient.png) repeat-x; padding: 26px 20px 0; color: #FFF; font-size: 24px; font-weight: normal} .content .inner-content h1, .content h1.inner-content {background: inherit; color: #E75A26; padding: 0 0 10px; height: auto} .content h1.inner-content {margin-left: 0; font-weight: bold} .content h2 {color: #E75A26; margin-bottom: 20px; font-size: 22px} .content .inner-content h2 {color: #E75A26; font-size: 22px} .content .main h2 {padding-left: 0} .content .main h3 {background: url(../images/heading-underline.png) no-repeat bottom right; padding-bottom: 5px; margin-bottom: 10px} .content p {margin-bottom: 10px} .content p.chunky {font-size: 16px; margin-bottom: 20px} .content a.arrow {color: #666; text-decoration: none; font-weight: normal; background: url(../images/link-arrow.png) no-repeat; padding-left: 10px; margin-top: 10px; display: block} .content strong a.arrow {font-weight: bold} .content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a {color: #E75A26} /* .content h2, .content h3, .content h4, .content h5, .content h6 {margin-left: 20px} */ .inner-content p a {color:#e75a26; text-decoration:none; } .inner-content p a:hover { text-decoration:underline; } .inner-content li a {color:#e75a26; text-decoration:none; } /** Left sidebar **/ .content .left-sidebar {float: left; width: 216px} .content .left-sidebar img {margin-bottom: 20px} .content .left-sidebar select {display: block} /** Main content **/ .content .main {float: left; width: 438px; margin: 0 0 0 20px} /** Lists **/ .content ul {margin-bottom: 20px} .content ul li {list-style-image: url(../images/list-bullet.png); margin-left: 20px; margin-bottom: 5px} .content ul.short li {width: 300px} .content ul.medium li {width: 500px} .content ol {margin-bottom: 20px} .content ol li {margin-left: 20px} /** Links and buttons **/ .content a.read-more.button {background: #F44506; color: #FFF; border: 2px solid #D02E08; padding: 2px; float: right; text-decoration: none} /** Meta box **/ .content .meta-box {background: #030303 url(../images/meta-box-background.png) no-repeat; padding: 20px 20px 0; color: #FFF; font-size: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px} .content .meta-box h3 {border-bottom: 0 none; font-size: 24px} .content .meta-box h3, .content .meta-box h4 {color: #E75A26; font-weight: bold} .content .meta-box .column {width: 252px; float: left} .content .meta-box .column.left {margin-right: 40px} /** Product page ***/ .content#product-page {background: url(../images/product-page-background.png) no-repeat top left #FFF; width: 719px} .content#product-page select {width: 300px; margin-bottom: 10px} /** Listings 1 **/ .content#listings-1 .listing {width: 920px; margin: 0; clear: both; border-bottom: 1px solid #CCC; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden} .content#listings-1 .listing span.date, .content#press-room span.date {display: block; background: #E75A26; width: 150px; text-align: center; padding: 5px; color: #FFF; font-weight: bold; margin-bottom: 10px} .content#listings-1 .listing span.date a, .content#press-room span.date a {color: #FFF; text-decoration: none} .content#listings-1 .listing div.images {float: left; width: 260px; margin-right: 40px} .content#listings-1 .listing div.images img {margin-bottom: 10px} .content#listings-1 .listing div.description {float:left; width: 620px} .content#listings-1 .listing div.description h3 {color: #E75A26; margin-bottom: 10px; font-size: 20px} .content#listings-1 .listing div.description h3 a {color: #E75A26; text-decoration: none} .content#listings-1 .listing div.description p {line-height: 1.2em; font-size: 14px; margin-bottom: 10px} .content#listings-1 .listing div.description a.read-more {color: #E75A26; font-size: 14px; font-weight: bold; text-decoration: none} .content#listings-1 .listing div.description a img {margin-top: 15px} #video-gallery h3, #video-gallery p {width: 920px} #video-gallery .caption p {width: 600px} /** Listings 2 **/ .content#listings-2 {padding: 0 20px; width: 679px; background: #F6F6F6} .content#listings-2 h1 {background: #F6F6F6} .content#listings-2 .listing {background: #FFF url(../images/listing-2-description-background.png) no-repeat bottom right; width: 600px; border: 1px solid #CCC; padding: 10px; margin-bottom: 20px; overflow: auto; -moz-box-shadow: 0 0 20px #bbb; -webkit-box-shadow: 0 0 20px #bbb; box-shadow: 0 0 20px #bbb} .content#listings-2 .listing img {float: left; width: 100px; margin-right: 10px} .content#listings-2 .listing h3 {color: #E75A26; font-size: 16px; margin-bottom: 10px} .content#listings-2 .listing a.see-more-button {display: block; float: right; margin: 0; padding: 0; height: 30px; width: 80px} /** Search Listings **/ .content.search-results {background: #F5F5F5} .content.search-results h1 {background-color: #F5F5F5} .content.search-results .search-result {width: 679px; border-bottom: 1px dotted #303030; padding-bottom: 16px; overflow: auto; margin-bottom: 16px; overflow: hidden} .content.search-results .search-result a.read-more.button {float: left} .content.search-results .inner-content {margin-left: 20px} .content.search-results h3 a {font-size: 16px; color: #4B4B4B; font-weight: bold; text-decoration: none} #main-content.search-results h4 {border-bottom: 1px solid #ADADAD; padding-bottom: 18px; margin-bottom: 20px; font-weight: normal; width: 679px; font-size: 16px} .content.search-results h4 span {font-weight: bold; color: #E75A26} /** Conntact page **/ /** Form **/ .content#contact-form h1 {background: #FFF} .content form div {clear: both; margin-bottom: 10px} .content label {display: block; float: left; width: 120px; margin-right: 10px; line-height: 26px; margin-bottom: 10px} .contourField label { margin-right:0px; } .content input, .content select {display: block; float: left; width: 302px; border: 1px solid #ADADAD; padding: 5px} .content select {height: 25px; padding: 2px 0 2px 5px; width: 312px} .content input.error, .content select.error, .content textarea.error {border: 1px solid #E82728} .content input:focus, .content select:focus, .content textarea:focus {border: 1px solid #F37125} .content textarea {width: 302px; height: 128px; margin-bottom: 10px; float: left; padding: 5px; overflow: auto; border: 1px solid #ADADAD} .content form span.validation-error {display: block; float: left; width: 220px; margin-left: 15px; color: #E82A2A; line-height: 25px} .content #recpatch-form span.validation-error {margin-left: 0; width: 500px} .content button {background: none; border: 0 none; padding: 0; margin: 0; cursor: pointer;} .content #recpatch-form {margin-left: 130px} .content #recpatch-form div {margin-bottom: 0} .content span.description {display: block; clear: both; margin-left: 130px} .content .submit-button {width: 315px; padding: 5px 0} /** Search result page **/ .content#search-result-page {background: #F6F6F6} .content#search-result-page h1 {background: #F6F6F6} .content img.content-image {border: 3px solid #D8D8D8; margin: 0 10px 10px} .content img.content-image.left {float: left; margin-left: 0} .content img.content-image.right {float: right; margin-right: 0} .content .back-to-search {background: url(../images/back-to-search-background.png) #D7D7D7; padding: 5px; height: 16px; border: 1px solid #C7C7C7; margin-bottom: 10px; color: #A1A1A1; font-weight: bold} .content .back-to-search a {color: #A1A1A1; text-decoration: none} /** Press room **/ .content#press-room {background: url(../images/press-room-background.png) no-repeat top right #FFF} .content#press-room a {color: #E75A26} .content#press-room .inner-content {margin: 20px 20px 0} .content#press-room .press-release {margin-bottom: 20px; background: url(../images/press-release-seperator.png) no-repeat bottom; padding-bottom: 20px} .content#press-room .main-content {width: 604px; float: left} .content#press-room .sidebar {float:left} .content#press-room .sidebar img {margin: 20px 0 0 80px} .content#press-room .press-release h3 { display: inline; font-size: 20px} .content#press-room .press-release h3 a {color: #E75A26; text-decoration: none} .content#press-room .press-release p {margin: 10px 0} .content#press-room .press-release span.read-more {color: #E75A26; text-decoration: none; font-weight: bold; background: url(../images/read-more-press.png) no-repeat; padding-left: 30px; height: 25px; display: block} .content#press-room .press-release span.read-more a {padding-top: 10px; display: block; color: inherit; text-decoration: none} /** Gallery **/ /* #listings-1 #gallery img {float: left; margin-right: 40px; margin-bottom: 20px} */ #listings-1 #gallery .description {width: inherit; float: none} ul#thumbnails {width: 222px; display: inline} ul#thumbnails li {list-style: none; margin: 0 8px 8px 0; float: left} #listings-1 #gallery ul#thumbnails li img {margin: 0} /** Thank you / 404 */ #main-content.thanks-404 {background: url(../images/404_background.jpg) no-repeat; height: 188px; width: 658px; padding: 20px 50px} #main-content.thanks-404 h1 {background: url("../images/heading-underline.png") no-repeat bottom right; color: #ef5e27; margin-bottom: 10px; padding: 0 0 15px 0; height: auto} #main-content.thanks-404 p {margin: 0 0 20px 0} .return-home {margin-top: 10px; display: block} /** Content styles added via CMS **/ #main-content h3, #main-content h4, #main-content h5, #main-content h6 {margin-left: 20px; color: #E75A26; margin-bottom: 5px} #main-content .inner-content h4 {margin-left: 0} #main-content ul, #main-content ol {margin: 0 0 10px 20px} #main-content ul li, #main-content ol li {margin: 0 0 5px 20px; font-size: 12px} #main-content ul li {list-style-image: url("../images/list-bullet.png")} #main-content uo li {} table {margin: 0 20px 20px 0; font-size: 12px; width: 100%} table tr.odd {background: #EEE} table tr:hover {background: #DDD} table th {text-align: left; background: #030303; color: #FFF; padding: 5px} table td {padding: 3px 5px} /** Job board **/ h4.last-updated {font-size: 12px; color: #4b4b4b; font-weight: normal; margin-left: 20px; margin-top: -20px} h4.last-updated strong {font-weight: bold} #job-listings {margin-left: 20px; color: #4b4b4b; font-size: 12px; margin-bottom: 30px} #job-listings a {color: #e75a26; text-decoration: none} #job-listings strong a {color: #4b4b4b; text-decoration: none} #job-listings thead tr th {color: #e75a26; font-weight: bold; text-align: left; font-weight: normal; background: #FFF; font-size: 14px} #job-listings tr {line-height: 40px} #job-listings tr.odd {background: #FFF} #job-listings tbody tr:hover {background: #FFF} #job-listings td {border-bottom: 1px solid #CCC} /** Job Single page **/ #job-single-page {background: url(../images/press-room-background.png) no-repeat top right #FFF; font-size: 12px; line-height: 18px} #job-single-page .inner-content {width: 650px; float: left; margin-top: 0} #job-single-page .inner-content h2 {margin: 20px 0; color: #e75a26; font-size: 18px} #job-single-page .inner-content h3 {font-size: 14px; color: #e75a26; font-weight: normal; margin-bottom: 10px} #job-single-page .inner-content ul li {list-style-image: none; list-style: bullet; padding-left: 10px} #job-single-page .sidebar {width: 220px; float: left; margin: 0 20px} #job-single-page .job-details {margin-top: 20px} #job-single-page .job-details dt {color: #e75a26; font-size: 14px} #job-single-page .job-details dd {color: #4b4b4b; font-size: 12px; margin-bottom: 10px} #job-single-page .job-details dd a {color: #e75a26; text-decoration: none} /** Level 2 **/ .level-2-box {background: url(../images/background_level-2-box.jpg) no-repeat; width: 660px; height: 170px; margin-left: 20px; margin-bottom: 10px; padding-top: 30px; position: relative} .level-2-box a.read-more {position: absolute; bottom: 0; right: 0; width: 120px; height: 60px; display: block; content: ""} /** VIdeo Gallery **/ #video-gallery object {width: 440px; float: left; margin-right: 20px; margin-bottom: 10px} .listings object {width: 260px} /** Inner content spacing fixes **/ #main-content .inner-content h2, #main-content .inner-content h3, #main-content .inner-content p, #main-content .inner-content li, #job-listings {margin-left: 0} /** Misc **/ #sitemap a {color: #4B4B4B; text-decoration: none} #sitemap a:hover {text-decoration: underline} input.submit {width: auto} /** Pagination **/ #previous-link, #next-link {font-weight: bold; text-decoration: none; color: #E75A26} #previous-link {float: left} #next-link {float: right} /** New homepage design **/ #homepage .hero {margin-bottom: 20px; width: 958px; height: 251px; position: relative} #homepage .hero a#more-hero {position: absolute; display: block; width: 360px; height: 60px; bottom: 0; right: 75px; text-decoration: none} #homepage .widgets .widget {width: 300px; height: 187px; float: left; color: #EEE; font-size: 12px; margin-right: 30px; position: relative} #homepage .widgets .widget strong {font-weight: normal} #homepage .widgets .widget h2 {color: #FFF700; margin-bottom: 10px; font-weight: bold} #homepage .widgets .widget img {float: left; margin-right: 20px} #homepage .widgets .widget a.more {margin-top: 10px; display: block; width: 50px; left: 0; bottom: 0; position: absolute} #homepage .widgets .widget.news .meta {background: #FFF700; display: block; width: auto; color: #000; padding: 0 5px; font-weight: bold; margin-bottom: 10px} #homepage .widgets .widget.world-people {background: url(../images/hp-richmarks.png) no-repeat bottom; margin-right: 0} #homepage .widgets .widget.twitter h2 {margin-bottom: 0} #audience-site #homepage .widgets .widget.case-study {background: url(../images/worldmap.jpg)} .homeFooterBox .contents {height: 130px; overflow: hidden} /** Footer more kantar sites **/ .footer-see-more-button {height: 22px; width: 139px; display: block; margin-bottom: 10px} .footer-more {background: url(../images/footer_like.png) no-repeat; width:175px; height:166px; position: absolute; margin:-327px 0 0 767px} #audiene-site .footer-more {margin-top: 327px} #uk-site .footer-more {margin-top: -376px} .footer-more a {color:white; text-decoration:none} .footer-more a:hover {color:yellow; text-decoration:none} .footerPopular h2 {height: 26px} .footerPopular a.more {font-size: 10px; float: right; color: #666; text-decoration: none} #homeFooter .footerPopular .contents p {color: #666; background-color: transparent !important} /** Expertise page **/ #expertise-page {background: url(../images/expertise-page-background.png) #FFF no-repeat} #expertise-page .inner-content {margin: 0} #expertise-page .left-sidebar {width: 238px} #expertise-page #expertise-buttons {height: 40px; background: url(../images/expertise-orange-strip.png) repeat-x} #expertise-page #expertise-buttons a {color: #FFF; font-weight: bold; text-decoration: none; line-height: 40px; display: block; width: 79px; text-align: center; float: left} #expertise-page #expertise-buttons a:hover {color: #000} #expertise-page img.placeholder {margin: 40px 0 40px 20px} #expertise-page .main {margin-top: 20px} /* #expertise-page .expertise-button {width: 157px; height: 84px; background: url(../images/expertise_button.png); display: block; position: relative; margin-left: 20px; margin-bottom: 10px; text-decoration: none} #expertise-page .expertise-button span {position: absolute; top: 38px; left: 16px; color: #F23405; font-weight: bold; width: 130px} */ #expertise-page h2.sidebar-heading {color: #000; width: 198px; margin: 30px 0 30px 20px; font-size: 26px} #expertise-page .expertise-button {display: block; margin: 0 0 20px 20px; text-decoration: none; font-weight: bold; color: #E75A26} #expertise-page .expertise-button:hover {cursor: pointer} #expertise-page .expertise-button .top {display: block; background: url(../images/expertise-button-top.gif) no-repeat; width: 157px; height: 20px} #expertise-page .expertise-button .middle{display: block; background: url(../images/expertise-button-middle.gif); width: 137px; text-align: center; padding: 0 10px} #expertise-page .expertise-button .bottom{display: block; background: url(../images/expertise-button-bottom.gif) no-repeat; width: 157px; height: 20px} /** Flash page **/ .full-width.flash {background: #000; color: #FFF} .full-width.flash object {margin-left: 50px; margin-bottom: 105px} /** Press release meta information **/ #press-meta {margin: 20px 0 0 80px} #press-meta dt {color: #e75a26; font-size: 14px} #press-meta dd {color: #4b4b4b; font-size: 12px; margin-bottom: 10px} /** Event form **/ /* #event input {width: 296px} #event textarea {width: 296px} #event input.checkbox {width: 20px; margin: 6px 10px 0 0} #event label.checkbox {width: 408px; margin-right: 0} #event input.submit {width: auto; padding: 5px 20px} */ /** A-Z Listing **/ #main-content .az-listing h2 {width: 60px; float: left; margin: 0 0 20px 0; clear: both} #main-content .az-listing ul {width: 550px; float: left; border-left: 1px solid #CCC; padding-left: 20px} #main-content .az-listing li {list-style: none; margin-left: 0} #main-content .az-listing a {color: #e75a26; text-decoration: none; font-weight: bold} /** Sitemap **/ #main-content #sitemap ul {margin: 5px 0 0 0} #main-content #sitemap li {margin: 0 0 5px 20px; font-size: 14px; font-weight: bold} #main-content #sitemap li li {font-size: 12px; font-weight: normal} #main-content #sitemap a {margin: 0} /** Tweets **/ #latest-tweets li {list-style: none; border-bottom: 1px solid #262626; margin-bottom: 10px} #latest-tweets a {color: #F03E01; text-decoration: none} #latest-tweets .jta-tweet-attributes {display: block; margin-top: 5px} /** Audience footer **/ .footerPopular.full-width {width:475px; margin-right: 14px} .footerPopular.full-width p {margin-bottom: 10px} body#audience-site .footerBreaker {height: 150px; width: 1px} /** Additional Contour form styling **/ #contour{padding:10px 0; width: 680px} #contour .contourPageName{font-size:2em !important;line-height:2em !important} #contour .contourField div label{display:inline} #contour .contourField input {float: left} #contour small{display:block;float:left;clear:both;padding:5px 5px 5px 200px} #contour fieldset{border:none !important;margin:0 0 1.5em;padding:1.4em} #contour legend{display: none} #contour input.text,#contour input.title,#contour textarea,#contour select{border:1px solid #bbb;margin:0} #contour input.text:focus,#contour input.title:focus,#contour textarea:focus,#contour select:focus{border:1px solid #666} #contour input.text,#contour textarea{width:300px !important;padding:5px} #contour textarea{height:250px; font-size:12px; line-height:18px;} #contour input.fileupload{height:auto !important} #contour span.checkboxlist,#contour span.checkbox{display:block;float:left;padding:10px} #contour .checkboxlist input,#contour .radiobuttonlist input,#contour .checkbox input{width:auto !important;height:auto !important;border:none !important;display:inline !important} #contour .hiddenfield{display:none} #contour .contourButton{margin-right:10px;padding:2px 10px} #contour .contourErrorMessage{margin-bottom:.5em;border:2px solid #FBC2C4;padding:.8em} #contour .contourErrorMessage,#contour .contourError{ color:#F03E01} #contour input.contourError,#contour textarea.contourError{background:#FBE3E4;border-color:#FBC2C4} #contour span.contourError{color:#F03E01 !important;background:transparent !important} #contour .contourField.fileupload div span.contourError { float:left; margin-left:0; } { margin-left:20px; } #contour fieldset {padding: 0; margin: 0} #contour div {clear: none} #contour .contourSubmit { background: none repeat scroll 0 0 #E75A26; border: 1px solid #A9411B; color: #FFFFFF; cursor: pointer; font-family: Arial; font-weight: bold; margin-left: 200px; padding: 3px 0; text-transform: uppercase; width: 312px; } #contour span.contourError {display: block; width: 145px; float: left; margin: 0 0 0 10px; font-size: 11px; line-height: 26px} #contour .radiobuttonlist div span.contourError {display: block !important; margin: 0; font-size: 13px} /* Need the important hack as there are inline styles */ #contour .radiobuttonlist span.contourError {float: right; width: 158px; margin-left: 0} .form-page {overflow: hidden} #contour label.fieldLabel {font-weight: 700; display: block; width: 200px; float: left; clear: left} #contour label .contourIndicator {color: #F03E01} #contour .radiobuttonlist {padding: 0} #contour .radiobuttonlist label {} #contour .radiobuttonlist div {clear: none; float: left} #contour .radiobuttonlist div input {margin: 3px 10px 0 0; padding: 0; clear: left} #contour .radiobuttonlist div label {margin: 0; line-height: 20px} #contour .checkboxlist {display: block} #contour .checkboxlist span {padding: 0} #contour .checkboxlist span input {margin: 3px 10px 0 0; padding: 0; width: auto !important; height: auto !important; border:none !important; display:inline !important} #contour .checkboxlist span label {margin: 0; line-height: 20px} #contour .checkbox label {float: left; width: 200px;} #contour .checkbox div {float: left} #contour .checkbox div span {padding: 0; margin-top: 7px} #contour .fileupload span.contourError {margin-left: 178px} /** Contour errors **/ /** Validation fixes **/ /* Move this as the default, and then undo it with JS */ #headerNav ul {margin-top: 0; padding-top: 14px} /** Dynamic homepage widgets **/ #homepage .widgets .widget {margin: 0 10px; height: 200px} #homepage .widgets .widget.category-feed .meta {background: #FFF700; display: block; width: auto; color: #000; padding: 0 5px; font-weight: bold; margin-bottom: 10px} /* Document icons */ .document-icon { text-indent: -9999px; float: left; width: 37px; height: 44px; margin: -3px 6px 13px 0; } .document-icon.xls, .document-icon.xlsx { background: url("../images/document_icons.gif") -48px -103px no-repeat } .document-icon.doc, .document-icon.docx { background: url("../images/document_icons.gif") -144px -103px no-repeat } .document-icon.pdf { background: url("../images/document_icons.gif") -96px -103px no-repeat } .document-icon.ppt, .document-icon.pptx { background: url("../images/document_icons.gif") 0 -154px no-repeat } .document-icon.link { display: none; }