/* Theme Name: ReNews.Biz (DEV) Theme URI: # Author: Advantec Author URI: http://www.advantec-internet.co.uk Description: ReNews.Biz Theme. Version: 1.0 License: Unknown */ @charset "utf-8"; /* CSS Document */ /* Reset */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } #wpstats{display: none;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { width:100%; border-collapse: collapse; border-spacing: 0; font-size:0.9em; } h1,h2,h3,h4,h5,h6{margin:0px;font-weight:bold;line-height:1.3em;} h1,h2,h3{letter-spacing: -0.02em;} p, #mainContent ul, #mainContent ol {line-height: 150%; margin:0; font-size:0.9em;} #mainContent ul ul, #mainContent ol ol {font-size: 1em;} p + p, ul + p, ol + p, p+h2,p+h3,p+h4,p+h5,p+h6{ margin-top:12px; } p + ul, p + ol { margin-top:5px; } img {max-width:100%;height:auto;} input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea {-webkit-appearance: none;border:solid 1px #676565;padding:3px 0px;margin:0px;} select {margin:0px;width:99%;border:solid 1px #676565;} textarea {width:99%;max-width:99%;font-size:0.9em !important;} #employees .employee, #employees .employee .meta { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } i, em { font-style:italic; } b,strong {letter-spacing: -0.02em; font-weight: bold;} .storyContent a {text-decoration: underline;color:#0C3FA5;} /********** * columns **********/ .col2-set .col1, .col2-set .col2 { width:48%; } .col2-set .col1 { float:left; } .col2-set .col2 { float:right; } /********** * forms **********/ form .row + .row { padding-top:15px; } div[class*="msg-"] { padding:10px; background-color:#fff; border-style:solid; border-width:0px 0px 0px 8px; box-shadow: 0px 1px 4px #D5D4D4; } .msg-success { border-color:#1A9913; } /* Sitewide CSS */ textarea, body {font: 16px Arial, Helvetica, san-serif;} .clearfix::after { content: ""; display: table; clear: both; } .clear {clear: both; display: block;} .container {max-width: 960px; width:100%; margin: auto; position: relative; z-index: 10;overflow:hidden;} .containerInner.mainInner, .containerInner.singlePost, .containerInner.archivePosts {padding-bottom:20px;padding-top:10px;} .alignleft { float: left; margin: 0 15px 10px 0; } .alignright { float: right; margin: 0 0 10px 15px; } .toggleContent {display:none;} .advert {float: left; display: block; width: 50%; overflow: hidden; margin-bottom: 10px;} .ad1 a {margin-right: 5px; display: block;} .ad2 a {margin-left: 5px; display: block;} .advert img {display: block; width: 100%; height:auto;} #dimensions { position: fixed; bottom: 0px; left: 0px; background: red; color: #fff; font-weight: bold; padding: 20px; z-index: 5000; } /********** * Header **********/ .home #header { border-bottom: none;} #homeContent { padding-top:10px; background: #f9f9f9; border-bottom: 1px solid #efefef; } #header {background: #f9f9f9; border-bottom: 1px solid #efefef; position: relative; z-index: 15;} #header .container {overflow:visible;} #header #logo {float: left; display: block; margin: 15px 10px 10px 0px;position: relative;z-index:50;width:290px;} #header #logo img {display:block;} /********** * top add **********/ #topAd {overflow: hidden; z-index: 100; position: relative; background: #fff;} #topAd a { display:block; width:100%; } #topAd a img { width:100%; height:auto; } #topAd.expanderContainer:hover { overflow:visible; } #topAd img, #topAd embed, #topAd object, #topAd a {float: left;} #topAd object { max-width:100%; } /********** * newsletters **********/ #header .newsletters {display:block;height: 125px; overflow: hidden; float: left; width: 292px; margin: 0px;position: relative;z-index: 50;} #ie7 #header .newsletters, #ie8 #header .newsletters {padding-left:20px; padding-top:10px;} #ie7 #header .newsletters span, #ie8 #header .newsletters span {display:block; overflow:visible;} #header .newsletters img {width: 130px; height:auto; -moz-box-shadow: 0px 0px 2px 2px #666; -webkit-box-shadow: 0px 0px 2px 2px #666; box-shadow: 0px 0px 2px 2px #666; margin: 20px 0 0 20px; float: left;} #header .newsletters img.nl2 {margin-left: -20px;} #ie7 #header .newsletters img.nl2 {margin-left: 20px;} /********** * social/search **********/ #header .socialSearch { padding-top:12px; position: relative; } #header .social a {float: left; display: block; margin: 0 0 0 6px;} #header .social strong {float: left; display: block;margin:2px 5px 0px 0px;} #header .social #bulletinButton { display:block; position:relative; width:153px; height:24px; margin-left: 0px;background:url('images/bulletinBtnNew.png') top left no-repeat; } #header .social a.social {width: 24px; height: 24px;} .buttonSearch {display:none;} /********** * Bulletin Forms **********/ #bulletPage { border-top:solid 1px #ccc; margin-top:15px; } #bulletForms { max-width:450px; } #bulletPage .content, #bulletForms .content { padding:15px; } #bulletPage .content + .content, #bulletForms .content + .content { margin-top:20px; } #bulletForms .logo { float:left; width:150px; height:auto; margin-bottom:15px; } #bulletForms h2 { clear:left; border-bottom:solid 3px #A4161B; font-size:1.2em; margin-bottom:5px; } #bulletForms p { font-size:0.8em; } /********** * List **********/ #getForms { margin-top:10px; display:block; clear:both; } #getForms li { display:block; width:50%; float:left; font-size:0.9em; font-weight:bold; margin-bottom:10px; } #getForms li span { display:inline-block; padding-left:25px; background:url('images/bk-bulletCheck.png?ver=2') left top no-repeat; } #getForms li span:hover { cursor:pointer; } #getForms li#marketingList { clear:both; float:none; width:auto; padding-top:10px; font-weight:normal; font-size:0.8em; border-top:solid 1px #ccc; margin-bottom:0px; } #getForms li.selected span { background-position:left -85px; } #getForms li .theID { display:none; } /********** * emulated form **********/ #signUp { display:none; } #signUp [class*="shadow-"] { display:block; height:20px; background:url('images/bullet-shadow.png') repeat-x; } #signUp .shadow-top { background-position:left top; } #signUp .shadow-bottom { background-position:left bottom; } #signUp .content { padding-top:0px; padding-bottom:0px; } #signUp label.error, #signUp span.error, #signUp .row.messages { display:none; } #signUp select, #signUp input { height:30px; width:93.5%; padding:0px 3%; border:solid 1px #ccc; } #signUp select { width:100%; padding:0px; } #bulletPage [id*="invite"], #bulletForms [id*="invite"] { position:absolute; top:-9999px; left:-9999px; } #bulletPage #email #result, #bulletForms #email #result { display:none; } #bulletPage [class*="signUp-"], #bulletForms [class*="signUp-"] { display:block; float:left; width:140px; height:37px; background:url('images/bulletinsUp.png') no-repeat; } #bulletPage .signUp-passive, #bulletForms .signUp-passive { background-position:0px -43px; } #bulletPage .signUp-active, #bulletForms .signUp-active { background-position:left top; } #bulletPage .signUp-active:hover, #bulletForms .signUp-active:hover { cursor:pointer; } /** Bullet Page */ #bulletPage .logo, #bulletPage p, #bulletPage h2 { display:none; } #bulletPage ul { padding:0px; } #header .search, #header .social { color: #585556; float: right; clear: right; line-height: 24px; } #header div.social .buttons {display:block;float:left;} /********** * search **********/ #header .search { margin:8px 0px; } #ie7 #header .search{ width:240px; } #header .search label { float: left; display: block; margin:5px 5px 0px 0px; } #header .search .fields { float: left; border: 1px solid #cecece; padding:1px 45px 1px 6px; background: #fff; position:relative; } #header .search input[type="text"] { border:none; margin:0px; background: #fff; color: #999; font-size: 0.8em; display: block; height:24px; width: 120px; } #header .search input[type="submit"] { margin:0px; padding:0px; width:40px; position:absolute; top:1px; right:1px; } input[type="submit"] { height: 30px; line-height:1em; background: #006bb7; color: #fff; border: 1px solid #15547f; padding:2px 10px 2px 10px; margin: 0; font-weight: 800; cursor: pointer; float: left; display: block; margin: 0px; width: auto; } /********** * tickerEvent **********/ #tickerEvents { clear:right; float:right; font-size:0.85em; position:relative; } #tickerEvents strong, #tickerEvents .marquee { padding:4px 8px 6px 8px; padding:4px 8px 6px 8px; } #tickerEvents strong { display:block; float:left; background-color:#262223; border:solid 1px #262223; color:#fae217; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #tickerEvents .marquee { float:right; background-color:#fae217; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-style:solid; border-width:1px 1px 1px 0px; border-color:#ecd62f; width:135px; overflow:hidden; } #tickerEvents .marquee span, #tickerEvents .marquee a { color:#262223; } #tickerEvents .marquee span + span { margin-left:20px; } /* nav */ #mainNav { background: #a5161c; font-size: 0.9em;border-bottom:solid 1px transparent;border-top:solid 1px transparent;border:none; font-weight: bold; position: relative; display: block; letter-spacing: -0.02em; overflow: visible; z-index: 5;} #mainNav .container {overflow:visible;} #mainNav.isSearch {background: #eaeaea;border-bottom:solid 1px #ccc;border-top:solid 1px #ccc;} #mainNav.isSearch .search {position:relative;top:auto;right:auto;float:none;margin:0px;} #mainNav.isSearch .search .fields {float:none;} #mainNav.isSearch .search input[type="text"] {width:100%;} #mainNav.isSearch .search input[type="submit"] {height:29px;} #mainNav.isSearch #mobileMenuTrigger, #mainNav.isSearch #sectorSelector {display:none;} #mainNav ul li {float: left; display: block;} #mainNav ul li#menu-item-4767 {float: right;} #mainNav ul li#menu-item-4767 a { background:#720f13;} #mainNav ul li a {color: #fff; display: block; padding: 8px 8px;} #mainNav ul li a:hover, #mainNav ul li.current-menu-item a {background: #b64549;} #mainNav ul li.memberArchive {float: right;} #mainNav ul li.memberArchive a {background: #720f13;} #mainNav select {width: 100%; font: 1em Arial, Helvetica, san-serif; border: none; background: #a4161b; color: #fff;} #header .socialSearch.hasSectors {margin-top:10px;padding-top:40px;position:relative;} #header .socialSearch.hasSectors div.social {margin:0px 0px 5px 0px;} #header .socialSearch.hasSectors .search {margin:0px;} #header .socialSearch #sectorSelector {padding:0px;margin:0px;position: absolute;top:0px;right:0px;font-size:0.9em;} #mobileMenuDrop, #mobileSectorDrop {position:absolute;top:100%;width:100%;padding:0px !important;display: none;} #mobileSectorDrop #sectorDrop { position: relative; padding:10px; top:auto; right:auto; width: auto; } #header #sectorSelector { color:#fff; font-weight:bold; display: block; float: right; position: relative; z-index: 2; margin:0px; } #header #sectorSelector .trigger { font-weight:normal; display: block; float: right; color:#fff; } #header #mainNav #sectorSelector .trigger { padding-top:8px !important; padding-bottom:8px !important; } #header #sectorSelector .trigger.active {padding-bottom:10px;} #header #mobileSectorDrop, #header #sectorSelector .trigger, ul#sectorDrop {padding: 6px;background: #262223} #header #sectorSelector .trigger {padding-right:30px;width: 137px;position: relative;} #header #sectorSelector .trigger:hover {cursor: pointer;} #header #sectorSelector .trigger .arrow { display: block; position: absolute; top: 6px; right: 4px; border:solid 1px #716f70; } #header #sectorSelector .trigger .arrow .inner { display: block; float: left; width: 18px; height: 18px; border:#fff; background: #efefef; background: -moz-linear-gradient(top, #efefef 50%, #d2d2d2 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#efefef), color-stop(50%,#d2d2d2)); background: -webkit-linear-gradient(top, #efefef 50%,#d2d2d2 50%); background: -o-linear-gradient(top, #efefef 50%,#d2d2d2 50%); background: -ms-linear-gradient(top, #efefef 50%,#d2d2d2 50%); background: linear-gradient(to bottom, #efefef 50%,#d2d2d2 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d2d2d2',GradientType=0 ); } #header #sectorSelector .trigger .arrow .inner .arrowInner { display: block; width: 0px; height: 0px; border-style: solid; border-width: 5px; border-color:#000 transparent transparent transparent; position: absolute; top: 7px; left:4px; } #header #sectorSelector .trigger.active .arrow .inner .arrowInner { border-color:transparent transparent #000 transparent; top: 1px; } #mobileMenuTrigger {display:none;} ul#sectorDrop { display: none; position: absolute; top: 32px; right: 0px; width: 190px; } ul#sectorDrop li {float:none;display:block;clear: both;} ul#sectorDrop li + li {margin-top:4px;} ul#sectorDrop li a {padding:6px 8px;color:#fff;display: block;} #miniBasket { float:right; margin:5px 0px -16px 0px; font-size:0.85em; } #miniBasket .title { display:none; } #miniBasket .checkout { color:#A4161B; } table.tableizer-table {border: 1px solid #CCC;} .tableizer-table td {margin: 3px; border: 1px solid #ccc;} .tableizer-table th {background-color: #104E8B; color: #FFF; font-weight: bold;} #format {font-size: 15px;} #smallprints {font-size: 0.8em;} /* banner */ #banner.noFlexslider .slide {width:auto !important;position:relative;} #banner.flexslider .slide + .slide {display:none;} #banner {margin: 0px; z-index: 1;position: relative; } #banner .mobileTitle {display:none;} #banner img {display: block;} #banner .noImage { text-align:center; background: #efefef; color: #aaa; text-transform: uppercase; font-size:0.9em; display: block; width: 100%; } #banner .left {width: 53%; float: left; height: 100%; overflow: hidden;} #banner .left a {display:block;margin: 0 10px 0 0; height: 100%; overflow: hidden;} #banner .left a img {height: 100%; height:auto; max-height:360px; min-height:360px; min-width:499px;} #banner .right {width: 47%; float: right; height: 100%; overflow: hidden;} #banner .slides a {display: block; position: relative;} #banner a .summary {display: block; opacity: 0.8; filter: alpha(opacity=80); position: absolute; bottom: 0px; left: 0px;} #banner.noFlexslider .mobileTitle, #banner .left a .summary {background: #006bb7; color: #fff; padding: 20px;} #banner .right a .summary {background: #fff; color: #000; padding:8px 10px; float: left;} #banner .summary .h2 {font-size: 1.8em;font-weight: bold;} #banner .left .summary .h2 {font-weight: normal; display: block; margin-bottom: .3em;} #banner .right a .summary .h2 {font-size: 1em; line-height: 0.3em; margin: 0;letter-spacing:-0.5px;} #banner .summary .para {display: block; font-size: 0.8em;} #banner .right .summary .para {display: none;} #banner .right {margin: 0px; height: 360px; float: left; overflow: hidden;} #banner .right .main {height: 48%; width:100%; margin: 0 0 2% 0; overflow: hidden; float: left; position: relative;} #banner .right .main img {margin-top:-50px;} #banner .right .main a {overflow: hidden; height: 100%;} #banner .right .image {overflow: hidden; display: block; height: 100%;} #banner .right .image img {width: 100%; height:auto; float: left;} #banner .right .main .image .noImage { padding:80px 0px;} #banner .right .box .image .noImage { padding:81px 0px;} #banner .right .box .image img {min-width:221px; max-width:221px; min-height:180px; max-height:180px; height: 100%; width: auto;} #banner .right .box {float: left; width: 49%; height: 50%; display: block; overflow: hidden;} #banner .right .box.last {float: right;} #banner .right .box a {margin: 0;} #banner .right .box.last a {margin: 0;} #banner .right .last {} #banner a:hover .summary {opacity: 1; filter: alpha(opacity=100);} .flex-direction-nav {text-indent: -999999px;} .flex-direction-nav a { width: 40px; height: 40px; margin: -20px 0 0; display: block; background: #646464 url(images/icon-arrows.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-prev {left:0px;background-position:top center;} .flex-direction-nav .flex-next {right:0px;background-position:bottom center;} #banner.noFlexslider a {margin:0px !important;height:auto;} #banner.noFlexslider .firstYes .mobileTitle {padding:10px;font-weight:bold;font-size:1.2em;} #banner.noFlexslider .firstYes .left {width:100%;height:auto;} #banner.noFlexslider .firstYes .left .h2 {display:none;} #banner.noFlexslider .firstYes .summary {padding:15px;} #banner.noFlexslider .firstYes .box .summary {padding:10px;} #banner.noFlexslider .firstYes .summary .para {font-size:0.9em;} #banner.noFlexslider .firstYes .left img {width:100%;max-height:none;min-height:1px;min-width:1px;} #banner.noFlexslider .firstYes .right {width:100%;height:auto;} #banner.noFlexslider .firstYes .right img { margin:0px; width:100%; height:auto; max-width: none; max-height: none; min-width:1px; } #banner.noFlexslider .firstNo .summary {background:#fff;color:#000;padding:10px;right:0px;} #banner.noFlexslider .firstNo .h2 {font-size:1em;margin:0px;font-weight:bold;} #banner.noFlexslider .firstNo .para {display:none;} #banner.noFlexslider .firstNo .left {position:absolute;top:0px;left:0px;} #banner.noFlexslider .firstNo .left, #banner.noFlexslider .firstNo .right .main {width:49%;height:auto''} #banner.noFlexslider .firstNo .right {width:100%;height:auto;} #banner.noFlexslider .firstNo .right .box {height:auto;} #banner.noFlexslider .firstNo .left img, #banner.noFlexslider .firstNo .right img { min-height:1px; min-width:1px; max-height:none; max-width:none; width:100%; height:auto; margin:0px; } #banner.noFlexslider .firstNo .right .box.first {clear:both;} #banner.noFlexslider .firstNo .right .main {float:right;} #banner.noFlexslider .firstYes .left, #banner.noFlexslider .right .main, #banner.noFlexslider .slide {margin-bottom:8px;} /* sign up */ /* Ticker Styling */ .ticker-wrapper.has-js { margin: 0; padding: 0; width: 100%; height: 32px; display: block; background-color: #006BB7; font-size: 0.75em; } .ticker { height: 23px; display: block; position: relative; overflow: hidden; background-color: #006BB7; } .ticker-content { margin: 0px; padding-top: 9px; position: absolute; color: #1F527B; font-weight: bold; background-color: #006BB7; overflow: hidden; white-space: nowrap; line-height: 1.2em; left:0 !important; } .ticker-content a {text-decoration: none; color: #1F527B;} .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #006BB7; display: block; width: 800px; height: 23px; } .ticker-swipe span { margin-left: 1px; background-color: #006BB7; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block; } .ticker-controls { padding: 0px; list-style-type: none; float: right !important; position: absolute; right: 0px; top: 0; background: #006BB7; padding-left:5px; } .ticker-controls li { display: block; float: left; cursor: pointer; padding: 0px; margin: 0px; width: 22px; height:32px; background-image: url('images/controls.png'); background-repeat: no-repeat; } .ticker-controls li:hover {background-color:#005A9A;} .ticker-controls li + li {margin-left:5px;} .ticker-controls li.jnt-play-pause {background-position: center -64px;} .ticker-controls li.jnt-play-pause.paused {background-position: center -96px;} .ticker-controls li.jnt-prev {background-position: center -32px;} .ticker-controls li.jnt-next {background-position: center 0px;} .ticker-controls li a {display:none;} .js-hidden {display: none;} .strapContainer { display: block; margin: 10px 0 10px 0px;clear:left; overflow:hidden; position:relative;} .strapContainer .ticker-title { display: none !important; } .strapContainer .flex-direction-nav { display:none; } .strapContainer a, .strapContainer span { color: #D9C800 !important; font-weight: bold; letter-spacing: 0px; width: 100%; display: block;padding: 1px 8px; text-transform: uppercase; font-size:0.8rem; float:left;} .strapContainer #js-news {float:left; width:100%; clear:left; width: 100%;} .strapContainer .news-item {width: 100%;background: #006bb7;} #header .signUp {background: #006bb7; color: #fff; font-weight: bold; letter-spacing: 0px; width: 96%; display: block; margin: 10px 0 10px 0px; padding: 4px 2% 4px 2%; text-transform: uppercase; font-size:0.8rem;} #header .signUp:hover {background: #15547f;} /* content */ /*#content {width: 100%; float:left; clear: both;}*/ /* home adverts */ .home .adverts div { width:100% !important; height:auto !important; } .home .adverts div div { width:48.7% !important; } .home .adverts div div + div { float:right !important; } .home .adverts div.clear { float:none !important;width:auto !important;} .home .adverts a, .home .adverts a img { display: block; float: left; width: 100%; height:auto; } .home .adverts object, .home .adverts object embed { width:100% !important; } .sectorPosts .adverts {margin-bottom:20px;} /* Home Sector Posts */ #mainContent.sectorPosts {margin: 0;padding-top:10px;} .sectorPosts .mainCol {width: 37.8%; float: left; display: block; border-right: 1px solid #ccc; margin-right: 2%} .sectorPosts .mainCol.col-3 {width: 20%; margin: 0;border-right:none;} .sectorPosts .col article { width:100%; } .sectorPosts h2 {font-size: 1.45em; margin: 0px;} .sectorPosts h2 a {color: #000;} .sectorPosts .row {clear: both; padding: 10px 18px 0 0;} .sectorPosts .mainCol.col-3 .row, .sectorPosts .mainCol.col-3 h2 {border-right: none;} .sectorPosts .col {width: 47%; float: left; margin: 0;} .sectorPosts .col + .col {float:right;} .sectorPosts .mainCol.col-3 .col {width: 100%; margin: 0;} .sectorPosts .col h2 {font-size: 1em; color: #646464; border-bottom: 2px solid #d61d00; margin: 5px 0 0 0;} .sectorPosts .col h2 a {color: #646464;} .sectorPosts .col article { float:left; } .sectorPosts .col article a { min-height:45px; color: #d61d00; font-size: 0.9em; display: block; margin: 0.5em 0 0.5em 0;} .sectorPosts .col article a span.date {color: #262626; display: block; text-transform: uppercase; font-size: 0.7em;} #ie9 .sectorPosts h2 { font-size: 1.2em; } /* Mini Newsletters */ #specialReportsMini { overflow: hidden; float: left; width: 100%; height:230px; margin: 0px 0 0 0;} #specialReportsMini img {width: 130px; height:auto; -moz-box-shadow: 0px 0px 2px 2px #666; -webkit-box-shadow: 0px 0px 2px 2px #666; box-shadow: 0px 0px 2px 2px #666; margin: 20px 0 0 20px; float: left;} #specialReportsMini img.nl2 {margin:20px 0px 0px -17px;} #specialReportsMini img.nl3 {margin:25px 0px -4px 0px;} #specialReportsMini img.nl4 {margin:22px 0px 0px 0px;} #ie7 #specialReportsMini img.nl2, #ie7 #specialReportsMini img.nl3, #ie7 #specialReportsMini img.nl4 {margin-left: 20px;} /*#specialReportsMini {width:34%;height: 40%;}*/ /* Free Trial Form */ .wpcf7-form { font-size:0.9rem; } .wpcf7-form .hidden { display:none; } .wpcf7-form [class*="trial_"] { float:left; width:280px; margin-bottom:10px;clear:both; } .wpcf7-form .trial_title { width:85px; } .wpcf7-form .trial_fName { clear:left; } .wpcf7-form [class*="trial_"] label { float:left; clear:left; } .wpcf7-form [class*="trial_"] input[type="email"], .wpcf7-form [class*="trial_"] input[type="text"], .wpcf7-form-control-wrap { display:block; width:97%; } .wpcf7-form [class*="trial_"] input, .wpcf7-form [class*="trial_"] select { float:left; clear:left; } .wpcf7-form .input { margin-right:25px; } .wpcf7-form input[type="submit"] { margin-left:0px; } /* Amend the valdation styles */ .wpcf7-not-valid-tip { position: absolute; top: 19px !important; left: 1px !important; border:none !important; color: red; width:96% !important; } .trial_title .wpcf7-not-valid-tip { left: 65px !important; } .wpcf7-response-output { margin:0px !important; padding:0px !important; } .wpcf7-validation-errors, .wpcf7-mail-sent-ok { float:left; border:none !important; } form .wpcf7-form-control-wrap.marketing { float:none; } .wpcf7-form-control-wrap.marketing input { width:auto !important; float:none !important; clear:none !important; display:inline !important; } .wpcf7-form-control-wrap.marketing span { display:block !important; } .wpcf7-form-control-wrap.marketing span.wpcf7-list-item-label, .wpcf7-form-control-wrap.marketing span.wpcf7-list-item { display:inline !important; margin:0px; } /* WooCommerce */ .woo-addtocart{margin:20px 0; background:#efefef; border:1px solid #cccccc; padding:15px; } .woo-addtocart .woo-addtocart-options{width:200px; margin:0 0px;} .woo-addtocart .woo-addtocart-price{margin:0px; font-weight:bold;} .woo-addtocart h2{display:block} .woo-addtocart lable{display:block;} .woo-addtocart .woo-option{display:inline-block; width:50%;margin-top:10px;} .woo-addtocart .woo-price{display:inline-block; width:50%;margin-top:10px;} .woo-addtocart .woo-submit{display:block; text-align:right;} .woo-addtocart .woo-submit .button {background-color:#006bb7; color:#ffffff; border:1px solid #15547f; font-weight:bold; font-size:1.0em; padding:10px; margin-top: 15px;} /* Woo Checkout */ .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th{width:35%;} .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td{width:15%;} .woocommerce .title{margin-top:10px;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width:100%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{width:100%; margin:20px 0;} .woocommerce .woo-tax-msg{margin-bottom:20px;} /* OLD PRODUCT PAGE*/ /* Product Pages */ #single_product_page_container { width:100% !important; } .single_product_display .product_description, .single_product_display .single_additional_description { margin:0px;font-size:inherit;line-height: inherit;padding:0px; } .product_form {background:#efefef;border:solid 1px #ccc;padding:15px;margin-top:30px;} .product_form label {font-size:0.9em;margin-right:10px;} .wpsc_variation_forms, div.wpsc_product_price {margin:0px !important;font-size:inherit !important;padding:0px !important;} .wpsc_variation_forms {float:left;width:40%;} div.wpsc_product_price {float:right;width:55%;} .single_product_display .wpsc_variation_forms select {display:block;clear:both;} #priceHolder {display:block;clear:both;font-size:1.3em;font-weight:bold;} .wpsc_buy_button_container {float:left;width:100%;clear:both;margin-top:15px;} div.wpsc_loading_animation {float:right;padding:5px 10px 0px 0px;font-size:0.9em;} .single_product_display form.product_form input[type="submit"]{float:right;padding:10px 10px;letter-spacing: inherit;height:auto;} .single_product_display { float:left; padding:0px !important; margin:20px 0px 0px 0px !important; } /* Checkout */ #checkout_page_container { width:100% !important; } #checkout_page_container h3 { font-weight:bold; color:#a44117; } .checkout_cart { text-align:left; text-transform:lowercase; margin-bottom:20px; } .checkout_cart .header th { font-weight:bold; color:#a4161b; } .checkout_cart .spacer td { padding:0px; line-height:2px; } .checkout_cart td { vertical-align: middle; } .wpsc_product_quantity input[name="quantity"] { width:14%; height:24px; border:solid 1px #4b4b4b; background:#dadada; text-align:center; margin-right:2%; float:left;padding:2px 0px; } .wpsc_product_quantity input[name="submit"] { width:80%; margin:0px; } .wpsc_product_quantity input[type="submit"]:hover { cursor:pointer; } .wpsc_product_quantity input[type="submit"] { border:none; color:#fff; padding:6px; background: #830207; background: -moz-linear-gradient(top, #830207 0%, #a3151a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#830207), color-stop(100%,#a3151a)); background: -webkit-linear-gradient(top, #830207 0%,#a3151a 100%); background: -o-linear-gradient(top, #830207 0%,#a3151a 100%); background: -ms-linear-gradient(top, #830207 0%,#a3151a 100%); background: linear-gradient(to bottom, #830207 0%,#a3151a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#830207', endColorstr='#a3151a',GradientType=0 ); text-align:center; } .wpsc_product_name { width:170px; } .wpsc_product_quantity { min-width:75px; } .border { border-right:solid 1px #ccc; } .storyContent .padding { padding: 5px 1.5% 5px 1.5%; } .totaldisplay, .singledisplay { font-weight:bold; font-size:15px; } #checkout_page_container input[name="submit"]:hover { cursor:pointer !important; } .wpsc_checkout_forms .col2-set div[class*="col-"] {float:left;width:48%;} .wpsc_checkout_forms .col2-set div[class*="col-"] + div[class*="col-"] {float:right;} .storyContent .checkout_table td {padding:5px 0px;} .checkout_table label { font-weight:bold; color:#4b4b4b; font-size: 0.9em; } .checkout_table label span { color:#a4161b; } .checkout_table input[type="text"], .checkout_table input[type="email"], .checkout_table input[type="password"] { display:block;width:99%;margin:0px; } .checkout_table label + input { margin-top:5px; } .checkout_table #shippingSameBilling { float:left; margin:0px 0px 0px 20px; width: 6%; } .checkout_table #shippingsameasbillingmessage { float:right; display:block; float:left; margin-top:20px; font-size:0.9em; } .checkout_table.table-2 .wpsc_gateway_container input[type="radio"] { width:auto; float:left; } .checkout_table.table-4 { padding-top:20px; border-top:solid 1px #ccc; font-weight:bold; font-size:1.2em; } .checkout_table h4 { color:#a4161b; } .checkout_table .same_as_shipping_row label { font-size:0.8em; font-weight:500; display:block; float:left; } .checkout_table .total_price { margin-bottom: 5px; font-size: 0.8em; } .checkout_table .title { color:#4B4B4B; } .checkout_cart .wpsc_product_name { font-weight:bold; color:#4B4B4B;padding-left:0px; } .checkout_cart .wpsc_product_name span { font-weight: 500; font-size: 0.85em; clear:left; display:block; } .validation-error{background: rgb(255, 42, 42); padding: 4px 10px; border: 1px solid rgb(185, 36, 36);} .checkout_table .wpsc_buy_button { width:100%; height:auto; margin-top:10px; border:solid 1px #000; color:#fff; text-transform: uppercase; padding:8px 0px; background: #830207; background: -moz-linear-gradient(top, #830207 0%, #a3151a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#830207), color-stop(100%,#a3151a)); background: -webkit-linear-gradient(top, #830207 0%,#a3151a 100%); background: -o-linear-gradient(top, #830207 0%,#a3151a 100%); background: -ms-linear-gradient(top, #830207 0%,#a3151a 100%); background: linear-gradient(to bottom, #830207 0%,#a3151a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#830207', endColorstr='#a3151a',GradientType=0 ); text-align:center; } .checkout_table .wpsc_buy_button:hover { cursor:pointer; } .checkout_table .wpsc_buy_button:disabled { cursor:default;opacity: 0.4;filter: alpha(opacity=40);} .wpsc_single_price { min-width:75px; } .storyContent .wpsc_total_price { min-width:95px; padding-right:0px; } .wpsc_total_price .totaldisplay { display:block; float:left; margin:5px 5px 0px 0px; } .wpsc_total_price input[name="submit"] { width:20px; padding:0px; background:url("images/orderCanel.png") center center no-repeat; border:none; margin-top:5px; } .wpsc_total_price input[name="submit"]:hover { cursor:pointer; } .wpsc_email_address p { margin-bottom:20px; } .vat_notice .prompt, .tc_notice .prompt {font-size:0.7em;} .prompt { color: #2D2D2D !important; font-weight: normal; clear: left; display: block; } .tc_notice .prompt {padding-top:10px;margin-top:10px;border-top:solid 1px #ccc;} .tc_notice .prompt input {margin-right:6px;} /* Specific page CSS*/ .page-id-4735 #tagFooter, .page-id-4752 #tagFooter, .page-id-4737 #tagFooter { display:none; } #subscribeTestimonial .testimonial{ font-style:italic; } #subscribeTestimonial .testimonial + .testimonial{ margin-top:15px; } #subscribeTestimonial h3{ font-size:1.4em; margin-bottom:5px; } #subscribeTestimonial strong { font-style:normal;display:block; } #subscribeTestimonial hr { display:none; } .page-id-101 .storyContent > p { float:left; width:30%; } #contactMap { float:right; width:65%; } #contactMap iframe { width:100%; max-height:165px; } /* Heading colors */ #checkout_page_container h3, .totaldisplay, .red { color:#a4161b; } .twoCol #mainContent {width: 65%; margin: 0; float: left; position:relative; z-index:5;} #mainContent h1 {background: #666; color: #fff; font-size: 1.8em; padding: 10px;} /* breadcrumb */ #breadcrumb {background-color: #666; background-image: url(images/black-bg-30.png); color: #fff; font-size: 0.7em; text-transform: uppercase; padding: 5px 10px 5px 10px; line-height: 10px;} #breadcrumb a, #breadcrumb img, #breadcrumb span {color: #fff; float: left; display: block; margin: 0 10px 0 0;} #breadcrumb span {background: url(images/icon-arrow-right.png) no-repeat; width: 7px; height: 10px;} #breadcrumb img {height: 8px; margin-top: 1px;} /* story */ .story {border-bottom: 1px solid #efefef; padding: 0 0px 20px 0; margin: 0px;} .story + .story {margin-top:20px;} .story h2 {font-size: 1.6em; } .story h2 a {color: #666;} .story .postDate { font-size:0.9em; margin-bottom:12px; display:block; } .story h3 {font-size: 1.4rem; font-weight: normal; letter-spacing: -0.02em; margin: 0 0 12px 0;} .story .image {float: left; width: 30%;} .story .image img {display:block;width: 100%; height:auto;} .story .image .noImage {width: 100%; padding: 50px 0 50px 0; text-align: center; background: #efefef; display: block; text-transform: uppercase; font-size: 0.8em; color: #aaa;} .story .desc {width: 67%; float: right;} .story .desc + .tags {padding-top:10px;} .story .readMore {color: #666;} .story .tags {clear: both; text-transform: uppercase; font-size: 0.7em;} .story div.tags span, .story .tags a {display: block; float: left; margin: 0 5px 5px 0; padding: 2px 4px;} .story .tags a {background: #efefef; color: #666;} .story .tags a:hover {background: #ccc;} .story, .storyContent {padding-right:15px;} /* pagenavi */ #naviHolder {position: relative;float:left;left:50%; margin-top:20px;} #naviHolder .wp-pagenavi {position: relative;float:left;left:-50%;} .wp-pagenavi { font-size:0.8em;} .wp-pagenavi .pages { padding:0px 0px 10px 0px; color:#6e6e6e;border:none;float:none;text-align:center;background:none !important; } .wp-pagenavi span, .wp-pagenavi a { display:block; float:left; margin:0px; color:#999; background-color:#efefef; border:solid 1px #ccc; } .wp-pagenavi span + span, .wp-pagenavi span + a, .wp-pagenavi a + span, .wp-pagenavi a + a {margin-left:6px;} .wp-pagenavi .pages + a, .wp-pagenavi .pages + span {margin-left:0px;} .wp-pagenavi a:hover { color:#fff; } .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi [class*="postslink"], .wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi .extend { width:20px;text-align:center;padding:5px 0px; } .wp-pagenavi .current { color: #fff; border-color: #666; } /* featured story */ #featuredStory.story {padding-right:0px;} #featuredStory h1 { letter-spacing:-0.02em; } #featuredStory div.main {position: relative; width: 100%; margin: 0; max-height: 380px; overflow: hidden;} #featuredStory span.image {display: block; width: 100%; overflow: hidden;} #featuredStory span.image img {width: 100%; height:auto; float: left;} div.storyContent {margin: 15px 0 0 0;} #featuredStory div.main h2 a {position: absolute; bottom: 0px; left: 0px; margin: 0px;} #featuredStory div.main h2 a:hover {cursor: pointer;} #featuredStory h2.relative {position: relative; top: 0px; left: 0px; margin: 10px 0 0 0;} #featuredStory h2 span, #featuredStory h2 strong {background-image: url(images/black-bg-30.png); display: block; float: left; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; letter-spacing: -0.02em; font-size: 0.8em; background-color: #666; } #featuredStory h2 a {color: #fff;} #featuredStory h2 strong {background: #666; font-size: 1.5em; clear: both;} #featuredStory .postDate {position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 8px; font-size: 0.9em; font-weight: 500; color: white;} #featuredStory a {text-decoration:none;} .storyContent ul { list-style: disc; } .storyContent ol { list-style: decimal; } .storyContent ul, .storyContent ol { padding-left:35px; } /* main story */ #story div.main {position: relative; width: 100%; margin: 0; max-height: 310px; overflow: hidden;} #story span.image {display: block; width: 100%; overflow: hidden;} #story span.image img {width: 100%; height:auto; float: left;} #story h1 {position: absolute; bottom: 0px; left: 0px; margin: 0px; } .twoCol #mainContent #story p.intro {font-weight: bold; font-size: 1em;} #story div.storyContent {margin: 15px 0 0 0;} .story .postTitle h2 { margin-bottom:0px; } .singlePost .story {margin-bottom:0px;padding-bottom:0px;border-bottom:none;} .singlePost .story .tags {margin-top:20px;} /* employees */ #employees { float:left; clear:left;} #employees .employee { float:left; width:47%; margin:0px 2% 15px 0px; position: relative; } #employees .employee.two-1 { clear:both; } #employees .employee.two-2 { margin-right:0px; } #employees .employee h3 { margin-bottom:0px; font-size:1.15em; } #employees .employee span[class$="image"] { display: block; position: absolute; top: 0px; left: 0px; width:100px; padding:2px; border:solid 1px #ccc; background-color:#f2f2f2; } #employees .employee span[class$="image"] .cropper { display:block; max-height:100px; border:solid 1px #ccc; overflow:hidden; width:98%; } #employees .employee span[class$="image"] img { width:100%; height:auto; float:left; } #employees .employee span.noimage { padding:43px 2px; text-align:center; color: #aaa; text-transform: uppercase; font-size:0.9em; } #employees .employee .meta { display:block; float:left; width:100%; padding-left:115px; min-height: 110px; } /* conferences & jobs */ #advertisments[data-advert="no"] #conferences, #advertisments[data-advert="no"] #jobs { float: left; margin: 20px 0 20px 0; width:49%;} #advertisments { margin-top:35px; } #advertisments[data-advert="yes"] { display:table; width:100%; } #advertisments[data-advert="yes"] .adverts, #advertisments[data-advert="yes"] #jobs { display:table-cell;vertical-align: top; } #advertisments[data-advert="yes"] .adverts { margin-bottom:0px; width:340px; } #advertisments[data-advert="yes"] #jobs { padding-left:25px; } #advertisments[data-advert="yes"] .adverts div {width:100% !important;max-width:300px !important;} #advertisments[data-advert="yes"] .adverts div div {width:auto !important;} #conferences h2, #jobs h2 { font-size: 1.2em; margin-bottom:0px;} #conferences h2 a, #jobs h2 a {color: #646464; } #conferences .conference, #jobs .job {width: 100%; border-bottom: 1px solid #efefef; padding: 20px 0 20px 0; clear: both; display: block; color: #999999; line-height: 150%;} #conferences .conference:last-child, #jobs .job:last-child {border: 0;} #conferences .conference strong, #jobs .job strong {color: #2d2d2d;} #conferences .conference .image, #jobs .job .image {float: left; display: block; width: 32%; padding-right: 3%; border-right: 1px solid #efefef;} #conferences .conference .image img, #jobs .job .image img {width: 100%; height:auto; margin-right: 20px; display: block;} #conferences .conference span.desc, #jobs .job span.desc {float: right; display: block; width: 63%;} /*#jobs .job [href$=".pdf"] {float:left; clear:left; color:#646464; font-size:0.8em; text-transform:capitalize; background:url('images/IconPDF.png') left center no-repeat; display:block; padding:5px 10px 5px 32px; margin-top:10px;}*/ #jobs .job .direct-link {float:left; clear:left; font-size:0.8em; color:#006BB7;} .home #jobs h2 { font-size:1.5em; padding-left:5%; } .home #jobs img { max-width:150px; max-height:56px; height:auto; } .home #jobs.jobs2 a { height:205px; } .home #jobs.jobs3 .last { width:88%; border-right:none; } .home #jobs .job {width: 39%; float: left; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef; padding: 20px 5% 20px 5%; clear:none; min-height:82px;} .home #conferences .conference { min-height:82px;} .home #conferences .conference .date { display:block; } .home #jobs .job.item2 {border-right: 0;} .home #jobs .job.item1 {clear:left;} .home #jobs .job:hover {background: #efefef;} .home #jobs .job:last-child {border-bottom: 0;} .home #jobs .job span {display: block; color: #000; line-height: 150%;} .home #jobs .job span.position {font-weight: bold; letter-spacing: -0.02em;} .home #jobs .job span.company {color: #666; margin-bottom: 10px;} #jobList { float:left; width:45%; min-width:170px; } #jobList div { float:left; width:97% !important; } #jobList div div { float:left; width:97% !important; padding:1.6% !important; } #jobList div div div { margin:0px !important; } #jobSearch { float:left; width:45%; min-width:170px; margin-left:20px; } #jobSearch div { float:left; width:97% !important; } #jobSearch div div { float:left; width:97% !important; padding:1.6% !important; } #jobSearch div div div { margin:0px !important; } /* * Special Reports */ #specialReports h2 { font-size:1.3em; } .specialSector { float:left; clear:left; width:100%; margin-bottom: 20px; } #legacyReports .heading { font-size:1.6em; margin:20px 0px 5px 0px; } .imageHolder { display: block; float: left; padding: 2px; border: solid 1px #D2D2D2; background: #F1F1F1; margin-bottom: 5px; } .imageHolder img { float: left; border: solid 1px #CCC; width:100%; height:auto; max-height: 184px; } .latestReport img { opacity:0.65; filter:alpha(opacity=65); } .latestReport .notice { color:#646464; display:block; clear: left; display: block; font-weight: 500; font-size: 0.8em; font-style: italic; text-align:center; width:100%; } .specialReport { display:block; float:left; margin:0px 2% 20px 0px; position:relative; width: 22%; } .specialReport.four4 { margin-right:0px; } .specialReport.four1 { clear:both; } .specialReport .pdfName { display:block; clear:left; width:100%; text-align:center; color:#646464; font-weight:500; font-size:0.9em; } .tableizer-table td, .storyContent td { padding:5px; } .theTestimonial { float:left; width:98%; clear:left; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc; position:relative; } .theTestimonial:last-child { border-bottom:none; } #mainContent .theTestimonial .col { width:100%; margin-right:0px; } #mainContent .theTestimonial .contentTwo { display:none; } .theTestimonial img { float:left; width:20%; height:auto; margin-right:2%; } .theTestimonial .testimonialContent { float:right; width:78%; } .theTestimonial .testimonialContent p { margin-bottom:0.1em !important; } .theTestimonial .testimonialContent strong { clear:left; display:block; } .theTestimonial .more { position: absolute; bottom: -1px; right: 20px; font-size: 0.9em; padding: 6px; background-color: #CCC; color:#666; } .theTestimonial .more:hover { cursor:pointer; color:#2d2d2d; } #clients { float:left; margin-bottom:20px; padding-top:90px; } #clients img { float:left; margin-right:20px; width:100px; height:auto; } /* * rightcontent */ .twoCol #rightContent {width: 35%; float: right; margin: 0; position: relative; z-index:10; padding:0;} .twoCol #rightContent .sideCont {padding:10px; background: #f2f2f2;} .twoCol #rightContent .additionalContent {background:#fff;padding:10px;} #rightContent .shadow {position: absolute; top: 0px; left: -30px;} #regionFilter {background: #5e5e5e; color: #fff; margin: 0px 0px 10px 0px; padding: 10px;} #regionFilter h2 {font-weight: bold; letter-spacing: -0.02em; font-size: 2em; margin: 0 0 10px 0;} #regionFilter select {width: 100%; padding: 5px;margin:0px;} #rightContent #sectors li {margin: 0; display: block; margin: 0px;} #rightContent #sectors li + li {margin-top:10px;} #rightContent #sectors li a {display: block; padding: 10px 20px 10px 10px; color: #fff; background: #666; font-weight: bold; clear: both;} #sectorDrop a.offshore-wind, .offshore-wind .wp-pagenavi a:hover, .offshore-wind .wp-pagenavi .current, #rightContent #sectors li a.offshore-wind {background: #00aad0;} #sectorDrop a.wave-tidal, .wave-tidal .wp-pagenavi a:hover, .wave-tidal .wp-pagenavi .current, #rightContent #sectors li a.wave-tidal {background: #0c2c5d;} #sectorDrop a.onshore-wind, .onshore-wind .wp-pagenavi a:hover, .onshore-wind .wp-pagenavi .current, #rightContent #sectors li a.onshore-wind {background: #a44117;} #sectorDrop a.solar, .solar .wp-pagenavi a:hover, .solar .wp-pagenavi .current, #rightContent #sectors li a.solar {background: #d9c800;} #sectorDrop a.bio, .bio .wp-pagenavi a:hover, .bio .wp-pagenavi .current, #rightContent #sectors li a.bio {background: #008000;} #sectorDrop a.company-news, .company-news .wp-pagenavi a:hover, .company-news .wp-pagenavi .current, #rightContent #sectors li a.company-news {background:#A4161B;} #sectorDrop a.comment, .comment .wp-pagenavi a:hover, .comment .wp-pagenavi .current, #rightContent #sectors li a.comment {background:#ff0000;} .post-type-archive-events .wp-pagenavi a:hover, .post-type-archive-events .wp-pagenavi .current, #sectorDrop a.politics, .politics .wp-pagenavi a:hover, .politics .wp-pagenavi .current, #rightContent #sectors li a.politics {background: #828282;} #sectorDrop a.hydro, .hydro .wp-pagenavi a:hover, .hydro .wp-pagenavi .current, #rightContent #sectors li a.hydro {background: #1eac94;} #sectorDrop a.medium-wind, .medium-wind.wp-pagenavi a:hover, .medium-wind.wp-pagenavi .current, #rightContent #sectors li a.medium-wind {background: #503085;} #sectorDrop a.geo, .geo .wp-pagenavi a:hover, .geo .wp-pagenavi .current, #rightContent #sectors li a.geo {background: #804374;} #sectorDrop a.grid, .grid .wp-pagenavi a:hover, .grid .wp-pagenavi .current, #rightContent #sectors li a.grid {background: #ff9900;} ul#sectorDrop li a:hover, #rightContent #sectors li a:hover {background: #3d3d3d;} #rightContent #sectors a img {float: right; margin: 5px -10px 0 0;} #rightContent #sectors ul li ul li {font-size: 0.8em;margin:0px;} #rightContent #sectors ul li ul li + li {border-top: 1px solid #ccc;} #rightContent #sectors ul li ul li a {padding: 10px; margin: 0; background: #f2f2f2 !important; color: #666;} .twoCol #rightContent #adverts {background: #d9d9d9; padding: 20px;} .twoCol #rightContent #adverts div + div { margin-top:20px !important; } .twoCol #rightContent #adverts object, .twoCol #rightContent #adverts embed {display:block; float:none; margin:0 auto; width:300px; } .twoCol #rightContent #adverts a {text-align:center;width: 300px; max-width: 100%; display: block; position: relative; margin: 0 auto 20px auto; float: none;} .twoCol #rightContent #adverts div {width:100% !important; margin-bottom:0px !important; } .twoCol #rightContent #adverts a img {max-width:100%; height:auto; float:none; } .twoCol #rightContent #adverts div:last-child, .twoCol #rightContent #adverts a:last-child {margin-bottom: 0px !important;} .twoCol #rightContent #adverts a.textLink {margin:0 0 0 0px; color: #000;} .twoCol #rightContent #adverts a.textLink:hover {text-decoration: underline;} .twoCol #rightContent #adverts .add160 { max-width:160px; } .twoCol #rightContent #adverts #vidContainer { display:block; float:left; max-width:100%; margin:0px; clear: both; } .twoCol #rightContent #adverts .videoPlace { display:block; float:left; max-width:100%; margin-bottom:0px; position:relative } .twoCol #rightContent #adverts .videoPlace span { position:absolute; top:10px; left:0px; color:#fff; width:93%; text-align:center; z-index:10; padding:3.5%; display:block; } .twoCol #rightContent #adverts .videoPlace .blackOverlay { display:block; position:absolute; top:0px; left:0px; padding:0px; z-index:8; width:100%; height:100%; } .twoCol #rightContent #adverts .videoPlace img { float:left; width:100%; max-height:151px; height:auto; display:block; position:relative; z-index:7; } .twoCol #rightContent #adverts .videoPlace img.vidNav { position:absolute; bottom:-5px; left:0px; z-index:9; } /* * tag footer */ .footerContainer {clear:both;margin-top:20px;} #tagFooter {background: #efefef; padding: 20px;} #tagFooter .col {width: 46%; float: left;} #tagFooter .col h2 {font-size: 1.4em; font-weight: bold; letter-spacing: -0.02em; color: #666; margin: 0 0 10px 0; border-bottom:none;} #tagFooter .col a {color: #999;} #tagFooter .col + .col {float: right;} #tagFooter .col select {width: 100%; padding: 2% 0px;margin:0px;} #archiveTags { text-transform:capitalize; } /* * footer */ #footer .left { float:left; } #footer .right { float:right; } #footer .adverts [class*="advert-"] { max-width:468px; width:468px; } #footer .adverts .advert-left { float:left; } #footer .adverts .advert-right { float:right; } #footer .adverts [class*="advert-"] a, #footer .adverts [class*="advert-"] embed { width:100% !important; } #footer {border-top: 1px solid #efefef; padding: 20px 0 20px 0; margin: 20px 0 0 0; font-size: 0.7em; line-height: 180%; color: #3d3d3d;} #footer .finalFooter a {color: #3d3d3d;} #footer .finalFooter .nav {float: left;} #footer .finalFooter .nav li {display:block;float:left;} #footer .finalFooter .nav li + li {margin: 0 0 0 10px;border-left: 1px solid #cccccc;padding-left:10px;} #footer .social {float: right;} #footer .social .buttons {float:right;} #footer .social .buttons a {width:40px;} #footer .social a {display: block;float:left;} #footer .social a img {display: block;} #footer .social a + a {margin-left:10px;} #footer #link { display: block;float: right;clear: both;margin-top:5px;} /* * Advertisers Chart */ #chartHolder { position: relative; padding-right:200px; } #chartHolder #chart { width:450px; margin: 0px; padding: 0px; display: block; float:left; cursor: pointer; position:absolute; right:-140px; top:0px; z-index:1; } #chartData { border-collapse: collapse; box-shadow: 0 0 1em rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5); background-position: 0 -100px; position:relative; z-index:2; } #chartData td { padding: 4px 8px; border: 1px dotted #666; text-align: left; cursor: pointer; text-transform: uppercase; } #chartData td.highlight, #chartData tr:hover td {background: #f0f0f0;} /* * newsletter signup slideout & form */ #newsletterSignup {position: relative; z-index:500; } #newsletterForm {position: fixed; right: -500px; top: 50px; width: 480px; padding: 0px 10px; background: #acd2ec; color: #333; line-height: 150%; font-size: 0.75em; z-index:9999;} #newsletterForm .hidden { display:none;} #newsletterForm .close {position: absolute; top: 10px; right: 10px; cursor: pointer; color: #fff; font-weight: bold; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 1.2em; background: #006bb7;} #newsletterForm .close:hover {background: #333;} #newsletterForm .col {float: left; width: 43.5%; padding: 5% 3%;} #newsletterForm .col img {width: 100%; height:auto;} #newsletterForm p, #newsletterForm ul, #newsletterForm ol, #newsletterForm .wpcf7 div {margin: 0 0 0.75em 0; clear: both;} #newsletterForm form { position:relative; } #newsletterForm form .wpcf7-form-control-wrap { display:block; float:left; } #newsletterForm form .wpcf7-not-valid-tip { top: 3px !important; left:3px !important; width:98% !important; } #newsletterForm form .trial_title .wpcf7-not-valid-tip { background: transparent !important; left: 65px !important; top: 1px !important; } #newsletterForm form .wpcf7-response-output { display: block; position: absolute; left: -238px; top: 315px; width: 190px; } #newsletterForm form .trial_submit { position:relative; } #newsletterForm form .trial_submit .ajax-loader { max-width: 20px; height: auto; position: absolute; top: 7px; left: -30px; } #newsletterForm label {float: left; display: block; width: 100%; font-weight: bold; letter-spacing: -0.02em;} #newsletterForm label span { clear: left; display: block; font-weight: normal; font-size: 0.9em; } #newsletterForm input, #newsletterForm textarea {display: block; width: 100%; padding: 3px;} #newsletterForm input[type="submit"] {background: #006bb7; color: #fff; border: 1px solid #15547f; font-weight: bold; letter-spacing: -0.02em; text-align: left; cursor: pointer; font-size: 1.3em; padding: 5px;} #newsletterForm .wpcf7-form [class*="trial_"] { width:100%; } #newsletterForm input[type="submit"]:hover {background: #15547f;} .wpcf7-form-control-wrap span {display:none !important;} .wpcf7-not-valid {border-color:red !important;} #newsletterSignup .newsletterSignup { background: #006bb7; padding: 10px; cursor: pointer; color: #fff; text-transform: uppercase; /*width: 100px; */ height: 20px; line-height: 20px; letter-spacing: -0.02em; font-weight: 800; text-align: center; position: fixed; right: 0px; top: 80px; transform: rotate(-90deg); transform-origin: 80% 40%; -ms-transform: rotate(-90deg); -ms-transform-origin: 80% 40%; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 80% 40%; -moz-transform: rotate(-90deg); -moz-transform-origin: 80% 40%; -o-transform: rotate(-90deg); -o-transform-origin: 80% 40%; } #mainContent .adverts #DCF257394228 { float:left; } #mainContent .adverts #DCF257394226 { float:right; } /* * sector styles */ /* * sector borders */ .sectorPosts .col h2.offshore-wind, .offshore-wind .wp-pagenavi .current, .offshore-wind .wp-pagenavi a:hover, #mainContent.offshore-wind .border {border-color: #00AAD0;} .sectorPosts .col h2.wave-tidal, .wave-tidal .wp-pagenavi .current, .wave-tidal .wp-pagenavi a:hover, #mainContent.wave-tidal .border {border-color: #0C2C5D;} .sectorPosts .col h2.onshore-wind, .onshore-wind .wp-pagenavi .current, .onshore-wind .wp-pagenavi a:hover, #mainContent.onshore-wind .border {border-color: #A44117;} .sectorPosts .col h2.solar, .solar.wp-pagenavi .current, .solar.wp-pagenavi a:hover, #mainContent.solar .border {border-color: #D9C800;} .sectorPosts .col h2.bio, .bio .wp-pagenavi .current, .bio .wp-pagenavi a:hover, #mainContent.bio .border {border-color: #008001;} .sectorPosts .col h2.company-news, .company-news .wp-pagenavi .current, .company-news .wp-pagenavi a:hover, #mainContent.company-news .border {border-color:#A4161B;} .sectorPosts .col h2.comment, .comment .wp-pagenavi .current, .comment .wp-pagenavi a:hover, #mainContent.comment .border {border-color:#ff0000;} .sectorPosts .col h2.grid, .grid .wp-pagenavi .current, .grid .wp-pagenavi a:hover, #mainContent.grid .border {border-color:#ff9900;} .sectorPosts .col h2.politics, .politics .wp-pagenavi .current, .politics .wp-pagenavi a:hover, #mainContent.politics .border {border-color: #828282;} .sectorPosts .col h2.hydro, .hydro .wp-pagenavi .current, .hydro .wp-pagenavi a:hover, #mainContent.hydro .border {border-color: #1EAC94;} .sectorPosts .col h2.medium-wind, .medium-wind .wp-pagenavi .current, .medium-wind .wp-pagenavi a:hover, #mainContent.medium-wind .border {border-color: #503085;} .sectorPosts .col h2.geo, .geo .wp-pagenavi .current, .geo .wp-pagenavi a:hover, #mainContent.geo .border {border-color: #804374;} /* * sector colours */ .sectorPosts .col article a.offshore-wind, #mainContent.offshore-wind .colour {color: #00AAD0;} .sectorPosts .col article a.wave-tidal, #mainContent.wave-tidal .colour {color: #0C2C5D;} .sectorPosts .col article a.onshore-wind, #mainContent.onshore-wind .colour {color: #A44117;} .sectorPosts .col article a.solar, #mainContent.solar .colour {color: #D9C800;} .sectorPosts .col article a.bio, #mainContent.bio .colour {color: #008001;} .sectorPosts .col article a.company-news, #mainContent.company-news .colour {color: #A4161B;} .sectorPosts .col article a.comment, #mainContent.comment .colour {color:#ff0000;} .sectorPosts .col article a.grid, #mainContent.grid .colour {color:#ff9900;} .sectorPosts .col article a.politics, #mainContent.politics .colour {color: #828282;} .sectorPosts .col article a.hydro, #mainContent.hydro .colour {color: #1EAC94;} .sectorPosts .col article a.medium-wind, #mainContent.medium-wind .colour {color: #503085;} .sectorPosts .col article a.geo, #mainContent.geo .colour {color: #804374;} /* * sector background colours */ #mainContent.offshore-wind .background, #mainContent.offshore-wind #featuredStory .postDate {background-color: #00AAD0 !important;} #mainContent.wave-tidal .background, #mainContent.wave-tidal #featuredStory .postDate {background-color: #0C2C5D !important;} #mainContent.onshore-wind .background, #mainContent.onshore-wind #featuredStory .postDate {background-color: #A44117 !important;} #mainContent.solar .background, #mainContent.solar #featuredStory .postDate {background-color: #D9C800 !important;} #mainContent.bio .background, #mainContent.bio #featuredStory .postDate {background-color: #008001 !important;} #mainContent.company-news .background, #mainContent.company-news #featuredStory .postDate {background-color:#A4161B !important;} #mainContent.comment .background, #mainContent.comment #featuredStory .postDate {background-color:#ff0000 !important;} #mainContent.grid .background, #mainContent.grid #featuredStory .postDate {background-color:#ff9900 !important;} #mainContent.politics .background, #mainContent.politics #featuredStory .postDate {background-color: #828282 !important;} #mainContent.hydro .background, #mainContent.hydro #featuredStory .postDate {background-color: #1EAC94 !important;} #mainContent.medium-wind .background, #mainContent.medium-wind #featuredStory .postDate {background-color: #503085 !important;} #mainContent.geo .background, #mainContent.geo #featuredStory .postDate {background-color: #804374 !important;} /* * Fix Internet Explorer */ #ie9 #mainNav ul li a { font-weight: 700;} div.sharedaddy { margin:20px 0px 0px 0px; } div.sharedaddy h3 { margin-top:6px; line-height:1.3em; } div.sharedaddy div.sd-block { padding:16px 0px; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; } div.sharedaddy .sd-content li { margin-bottom:0px; margin-top:5px !important; margin-bottom:0px !important; } .shareThis { margin-top:20px; padding:16px 0px 16px 90px; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; position:relative; } .shareThis label { font-weight:bold; position:absolute; top:16px; left:0px; font-size:0.9em; } /* * Responsive */ @media screen and (max-width: 1100px) { #header {border:none;} #mainNav.container { max-width:100%; padding:0px; } .containerInner {padding-left:10px;padding-right:10px;} } @media screen and (max-width: 960px) { #header #logo {width:215px;} #header .newsletters {width:170px;height:103px;} #header .newsletters img {width:75px;} #header .socialSearch { padding-right:190px; margin-top:30px; } #header .search, #header .social {clear:none;} #header .social {margin:0px;} #header .social strong {display:none;} #header .social .buttons { display:block; clear:both; } #header .search {position:absolute;top:0px;right:0px;top:46px;} #header .search label {display:none;} #header .socialSearch { padding-top:50px !important; } #sectorSelector {display:none;} #mainNav #menu-top-menu {display:table;width:100%;} #mainNav #menu-top-menu li {display:table-cell;float:none;text-align:center;} #mainNav #menu-top-menu li a {padding:14px 4px;} #tickerEvents { position:absolute; top:2px; right:190px; } #tickerEvents .marquee { width:118px; } .sectorPosts .mainCol, .sectorPosts .mainCol.col-3 .block {width:47.5%;margin-right:0px;} .sectorPosts .mainCol.col-1, .sectorPosts .mainCol.col-3 .block {padding-right:2.5%;} .sectorPosts .mainCol.col-2 {border-right:none;float:right;} .sectorPosts .mainCol.col-3 {clear:both;width:100%;padding-top:20px;margin-top:20px;border-top:solid 1px #ccc;} .sectorPosts .mainCol.col-3 .block {float:left;border-right:solid 1px #ccc;} .sectorPosts .mainCol.col-3 .block + .block {float:right;padding:0px;border-right:none;} .sectorPosts .row {padding-right:0px;} #advertisments { margin-top:20px; padding-top:20px; border-top:1px solid #CCC; } #advertisments[data-advert="yes"] .adverts, #advertisments[data-advert="yes"] #jobs { clear:both; display:block; width:auto; } #advertisments[data-advert="yes"] .adverts div { max-width:340px; box-sizing: border-box; } #advertisments[data-advert="yes"] #jobs {margin-top:20px;padding-left:0px;} #advertisments[data-advert="no"] #conferences, #advertisments #jobs { width:100%; margin-top:20px; padding-top:20px; border-top:solid 1px #ccc; } .home #conferences h2, .home #jobs h2 { margin-bottom:10px;padding:0px; } .home #conferences .conference {min-height:1px;width:47.5%;float:left;clear:none;padding:0px 2.5% 0px 0px;border-bottom:none;border-right:solid 1px #ccc;} .home #conferences .conference + .conference {float:right;border-right:none;padding:0px;} .home #conferences .conference .name {margin-bottom:5px;} .home #conferences .conference .image {border-right:0px;} .home #jobs {border-bottom:solid 1px #ccc;} .home #jobs .job {padding:0px;border:none;width:47.5%;margin-bottom:15px;position: relative;} .home #jobs .job:hover {background:none;} .home #jobs .job.item1 {padding-right:2.5%;border-right:solid 1px #ccc;} .home #jobs .job.item2 {float:right;} .home #jobs img {position:absolute;top:0px;left:0px;} .home #jobs .job span.position {padding-left:160px;} #regionFilter h2 {font-size:1.5em;} #employees .employee .meta { padding-left:95px; min-height:100px; } #employees .employee span[class$="image"] { width: 80px; } } @media screen and (max-width: 930px) { #specialReportsMini img.nl4 {display:none;} } @media screen and (max-width: 900px) { #header .newsletters { display:none;} } @media screen and (max-width: 870px) { #employees .employee { clear: both; float: left; width: 100%; } #employees .employee span[class$="image"] { width: 100px; } } @media screen and (max-width: 820px) { #employees .employee .meta { padding-left:85px; min-height:90px; } #employees .employee span[class$="image"] { width: 100px; } #employees .employee .meta { padding-left:115px; min-height: 110px; } } @media screen and (max-width: 750px) { #banner .mobileTitle {display:block;} #banner .firstYes .left .h2 {display:none;} } @media screen and (max-width: 720px) { #headerContent { position:relative; margin-top:10px; padding-top:29px; } #headerContent.isSearch {border-bottom:solid 1px #ccc;} #headerContent .containerInner {padding:0px;} #header #logo {margin:4px 0px 4px 10px;width:102px;} .newsletterSignup {display:none;} #mainNav.container {padding:5px 0px;} #mainNav #menu-top-menu {display:none;} #header .socialSearch { width:auto; float:right; margin-top:0px !important; padding:0px !important; } #header .socialSearch.hasSectors { position:static; } #header .socialSearch.hasSectors div.social { margin:0px; } #header .socialSearch div.social {float:left;padding:10px 0px 10px 10px;border-left:solid 1px #ccc;} #header .social #bulletinButton {background-image:url('images/icon-bulletinBtn.png');width:24px;} #header .socialSearch .buttonSearch {position:relative;display:block;float:left;padding:10px;margin-left:10px;border-left:solid 1px #ccc;} .buttonSearch.active:after {content:'';display:block;height:3px;width:100%;position:absolute;top:100%;margin-top:-2px;left:0px;background:#eaeaea;} #header .socialSearch .buttonSearch.active {background:#eaeaea;} #header .socialSearch .buttonSearch img {display:block;} #header .socialSearch .search {display:none;} #tickerEvents { position:absolute; top:0px; left:0px; right:0px; border:none; height:28px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:0px 0px 0px 118px; margin:0px; } #tickerEvents strong, #tickerEvents .marquee { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #tickerEvents strong { position:absolute; left:0px; top:0px; } #tickerEvents .marquee { margin-left:0px; width:100%; } #header #sectorSelector { display:block;margin:0px;} #header #sectorSelector .trigger.active {padding-bottom:6px;} #header #sectorSelector .trigger.active:after { content:''; display:block; position:absolute; top:100%; left:0px; height:6px; width:100%; background:#262223; } #mobileMenuTrigger {display:block;position:relative;font-weight:bold;color:#fff;float:left;padding:6px 10px 6px 40px;} #mobileMenuTrigger .lines {display:block;position:absolute;top:6px;left:5px;} #mobileMenuTrigger .line {display:block;background:#fff;height:3px;width:22px;} #mobileMenuTrigger .line + .line {margin-top:3px;} #header #mainNav #sectorSelector .trigger {padding-top:6px !important;padding-bottom:6px !important;} #header #sectorSelector .trigger .arrow {top:4px;} #mobileMenuTrigger.active:after {content:'';display:block;height:6px;width:100%;position:absolute;top:100%;left:0px;} #mobileMenuDrop, #mobileMenuTrigger.active:after, #mobileMenuTrigger {background: #720f12;} #mobileMenuDrop #menu-top-menu {display:block;width:auto;padding:10px;} #mobileMenuDrop #menu-top-menu li {display:block;float:none;text-align:left;} #mobileMenuDrop #menu-top-menu li + li {margin-top:4px;} #mobileMenuDrop #menu-top-menu li a {background:#a6171d;color:#fff;padding:10px;} #mobileMenuDrop #menu-top-menu li.current_page_item a, #mobileMenuDrop #menu-top-menu li a:hover {background:#fff;color:#720f12;} .home #conferences .conference, .home #jobs .job {width:100%;padding-right:0px !important;margin-bottom:0px;border-right:none !important;min-height:60px;margin-bottom:10px;} .home #conferences .conference + .conference, .home #jobs .job + .job {border-top:solid 1px #ccc;padding-top:10px;margin-top:10px;} .home #jobs .job + .job img {top:10px;} .home #jobs .job img {padding-right:10px;border-right:solid 1px #ccc;} .home #jobs .job span.position {padding-left:170px;font-weight:normal;} .home #conferences .conference .image {width:150px;padding-right:0px;border:none;margin-right:20px;} .home #conferences .conference span.desc {width:auto;float:none;} #mobileMenuDrop, #mobileSectorDrop {display:block;} .toggleContent { display:block; padding:10px 25px 0px 25px !important; border-bottom:solid 1px #ccc; position: relative; } .toggleContent:before, .toggleContent:after { content:''; display:block; position:absolute; top:100%; width:100px; height:1px; background:#ccc; } .toggleContent:before { left:-100px; } .toggleContent:after { right:-100px; } .toggleContent.buttons3 span { float:left !important; width:31%; } .toggleContent.buttons3 span + span{ margin-left:3%; } .toggleContent span { display:block; float:left; width:48%; border-style: solid; border-width:1px 1px 0px 1px; border-color:#ccc; font-weight:bold; text-align:center; font-size:1.2em; padding:6px 0px; position: relative; background:#eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toggleContent span + span {float:right;} .toggleContent span.active { background:#fff; } .toggleContent span.active:after { content:''; display:block; height:3px; width:100%; position:absolute; top:100%; left:0px; background:#fff; margin-top:-1px; } .twoCol #mainContent, .twoCol #rightContent {width:100%;} #rightContent .shadow, #rightContent .sideCont {display:none;} .twoCol #rightContent #adverts {margin-top:20px;} .story, .storyContent {padding-right:0px;} .specialReport { width:30%; } .specialReport.four4 { margin-right: 2%; } .specialReport.four1 { clear:none; } .specialReport.three1 { clear:both; } .specialReport.three3 { margin-right:0px; } .sectorPosts .mainCol .heading, .sectorPosts .mainCol.col-2, .sectorPosts .mainCol.col-3 {display:none;} .sectorPosts .mainCol.col-3 {margin-top:0px;padding-top:0px;border-top:none;} .sectorPosts .mainCol, .sectorPosts .mainCol .block, .sectorPosts .mainCol .col { float:none !important; border:none !important; width:100% !important; padding-right:0px !important; } .sectorPosts .mainCol .col + .col, .sectorPosts .mainCol .block + .block {margin-top:20px;} .sectorPosts .mainCol h2 {margin-bottom:8px;} .sectorPosts .mainCol a {margin:0px !important;position:relative;min-height:1px !important;} .sectorPosts .mainCol h2, .sectorPosts .mainCol article {float:none;width:auto;padding:0px 6px;} .sectorPosts .mainCol article + article {margin-top:10px;} .sectorPosts .mainCol article a span {display:block;} .sectorPosts .mainCol article a .title {padding-right:100px;} .sectorPosts .mainCol article a .date {position:absolute;top:0px;right:0px;font-size:0.9em !important; padding-left: 10px; border-left:solid 1px #ccc;} .checkout_cart {border:solid 1px #ccc;} .checkout_cart tr + tr .first {border-top:solid 1px #ccc !important;} .checkout_cart thead {display:none;} .checkout_cart tbody td { display:block; width:55%; padding:5px 5% 5px 40% !important; border:none !important; background:#e9e9e9; position:relative; } .checkout_cart .alt td {background:#F9F9F9;} .checkout_cart td:before { content:''; display:block; position: absolute; top:5px; left:5px; font-weight:normal !important; text-transform: capitalize; font-size: 0.9em; color:#000; } .checkout_cart td.wpsc_product_name:before {content:'Name';} .checkout_cart td.wpsc_product_quantity:before {content:'Quantity';} .checkout_cart td.wpsc_product_price:before {content:'Price';} .checkout_cart td.wpsc_product_VAT:before {content:'VAT';} .checkout_cart td.wpsc_product_total:before {content:'Total';} .containerInner.footerContainer, #tagFooter {padding:0px;} #tagFooter {background:none;} #tagFooter .col {width:auto;float:none !important;} #tagFooter .col + .col, #tagFooter .col + .menuFooter, #tagFooter .menuFooter li + li {margin-top:3px;} #tagFooter .menuFooter li {display:block;float:none;} #tagFooter .dropContent {display:none;} #tagFooter h2 {background:url('images/footerNav_plus.png') 96% center no-repeat;} #tagFooter h2, #tagFooter .menuFooter a {padding:8px 15px;background-color:#efefef;color:#5f5f5f !important;margin-bottom:0px !important;display:block;float:none;font-size:1.2em !important;font-weight:bold;line-height:1.1em;} #tagFooter .menuFooter a:hover, #tagFooter h2:hover, #tagFooter .active h2 {color:#fff !important;background-color:#646464;} #tagFooter h2:hover {background-image:url('images/footerNav_plusLight.png');} #tagFooter .active h2 {background-image:url('images/footerNav_minus.png');} #tagFooter .active .dropContent {display: block;} #tagFooter .tagCloud a{display:block;font-size:0.9em !important;padding:8px 20px;color:#000;background-image: url('images/footerNav_arrowDark.png');background-position: 96% center;background-repeat: no-repeat;} #tagFooter .tagCloud a + a{border-top:solid 1px #e2e2e2;} #tagFooter .tagCloud a:hover{background-color:#a6171d;color:#fff;background-image: url('images/footerNav_arrowLight.png');} #tagFooter .selectHolder {padding:8px 15px;} #footer {margin-left:10px;margin-right:10px;} #footer .social .buttons a {width:24px;} #contactMap { clear:both;margin-top:15px;float:left; width:100%; } #contactMap iframe { max-height:200px; } } @media screen and (max-width: 670px) { #header .newsletters {display: none;} #header .social { margin-bottom:0px; } #header .search { margin-bottom:7px; } } @media screen and (max-width: 640px) { .page-id-101 .storyContent > p { float:left; width:100%; } } @media screen and (max-width: 600px) { #newsletterSignup {display: none;} #conferences, #jobs {width: 100%; margin: 20px 0 0 0;} #featuredStory h2 {font-size: 1em;} #header .social strong { margin-left:0px; } #header .search { margin-top:15px; } } @media screen and (max-width: 580px) { #jobList { width:95%; } #jobSearch { width:95%; margin-top:5px; margin-left:0px; } #topAd object { height:auto; max-height: 90px; } .wpsc_checkout_forms .col2-set div[class*="col-"] { width:100%;float:left;clear:both; } .wpsc_checkout_forms .col2-set div[class*="col-"] + div[class*="col-"] {margin-top:25px;} .table-1 .headSpacer {display:none;} } @media screen and (max-width: 550px) { .twoCol #mainContent h1 {font-size:1.2em;padding-top:5px;padding-bottom:5px;} #featuredStory h2 span {font-size:0.9em;} #featuredStory h2 strong {font-size:1.2em;} .story .postTitle h2 {font-size:1.1em;} .story .postDate {font-size:0.8em;} .story .image {width:35%;} .story .desc {width:62%;} #newsletterSignup { display:none !important; } #employees .employee span[class$="image"] { width: 80px; } #employees .employee .meta { padding-left:95px; min-height:90px; } } @media screen and (max-width: 525px) { #header .search { float:left; clear:left; margin:5px 0px 10px 0px; } } @media screen and (max-width: 500px){ .advert.ad1, .advert.ad2 {width: 100%; margin: 0 0 10px 0;} .advert.ad1 a, .advert.ad2 a {margin: 0;} .toggleContent {padding-left:10px !important;padding-right:10px !important;} #specialReportsMini img.nl3 {display:none;} #chartHolder {padding:7px 7px 0px 7px;overflow:hidden} #chart {position:relative;top:auto;right:auto;clear:both;width:150%;margin-left:-25%;} #bulletForms #getForms li { float:none; width:auto; } } @media screen and (max-width: 450px) { .home .adverts div div {width:100% !important; } .home .adverts div + div {margin-top:10px !important;} .home #jobs .job img {width:100px;} .home #jobs .job span.position {padding-left:120px;} .specialReport { width:46%; margin-right: 0px !important } .specialReport.two1 { clear: both; } .specialReport.two2 { float: right; clear: none !important; margin-right: 4% !important; } .toggleContent span {font-size:1em;} .woo-addtocart .woo-option{display:block; width:100%;} .woo-addtocart .woo-price{display:block; width:100%;} .woo-addtocart .woo-submit{text-align:left;} .woocommerce table.shop_table thead{display:none;} .woocommerce table.shop_table tr, .woocommerce-page table.shop_table tr{display:block} .woocommerce table.shop_table td, .woocommerce-page table.shop_table td{padding:5px 12px; display:block;border-top:none} .woocommerce table.shop_table td.product-subtotal{border-bottom:1px solid rgba(0,0,0,0.1)} .woocommerce table.shop_table tr.cart_item, .woocommerce-page table.shop_table tr.cart_item{border-bottom:1px solid rgba(0,0,0,0.1)} .woocommerce table.shop_table td.product-subtotal:last-child{border-bottom:none} .woocommerce table.shop_table tr.cart_item:last-child, .woocommerce-page table.shop_table tr.cart_item:last-child{border-bottom:none} .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity{margin:0;} .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions input{display:block; width:100%;} .woocommerce table.shop_table td.product-remove{text-align:right} .woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove{display:inline-block} .woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input{width:100%; margin-bottom:10px;} } @media screen and (max-width: 400px) { #content .advert {clear: both; margin: 0 0 10px 0; width: 100%;} #content .ad1 a, #content .ad2 a {margin: 0;} #specialReportsMini img {width:100px;} }