body {font-family: Arial} p {margin-bottom: 10px; font-size: 12px; line-height: 18px} p a {color: #E43E2C; font-size: inherit} a {text-decoration: inherit; color: inherit} .aligncenter {text-align: center; margin: 0 auto} .landing.content table.no-spacing td {padding: 0; border: 0 none} /** Basic helper classes **/ .clear {clear: both; height: 0} .left {float: left} .right {float: right} .hidden {display: none} .ajax-loading {display: none; float: right; margin: 6px 10px 0 0} /** Basic typography **/ h1, h1 a {font-size: 36px; color: #11204c; margin-bottom: 10px; border-bottom: 1px solid #11204c; margin-top: 10px; line-height: 38px} h3, h3 a {color: #11204c; font-size: 14px; font-weight: bold; line-height: 21px} h1 a, h3 a {text-decoration: none} h2 {color: #11204c; font-weight: bold; font-size: 14px} a.downloadlink {color: #E43E2C; padding-bottom: 10px;margin: 10px 0;float: left;width: 100%} /** Basic structure **/ #wrapper {width: 960px; margin: 0 auto; text-align: left} .content {width: 650px; margin: 0 20px; float: left; border: 1px solid #11204c; padding: 10px; background: #f3f4f6} /** Forms **/ input {color: #9f9f9f} form.pretty label {display: block; float: left; width: 100px; line-height: 25px} form.pretty input {display: block; float: left; width: 200px; padding: 5px; height: 15px} form.pretty input.button {width: auto; height: auto} /** Header **/ #header #logo-primary {float: left} #header #logo-secondary {float: right} #header #login {float: right; width: 190px; padding: 20px} #header input {border: 1px solid #d5d5d5; width: 178px; color: #9f9f9f; font-size: 11px; padding: 5px; margin-bottom: 3px} #loginform input.input {border: 1px solid #d5d5d5; width: 178px; color: #9f9f9f; font-size: 11px; padding: 5px; margin-bottom: 3px} #header input#login-button {width: 62px; padding: 0; border: 0 none; float: right} #header #not-registered-link a {color: #11204c; text-decoration: none; font-weight: bold; line-height: 25px} #header .tagline {color: #11204c; font-size: 14px; padding-top: 50px; display: block} /** Header when logged in **/ #header .logged-in-as {display: block; float: right; clear: both; color: #11204c; font-weight: bold; line-height: 18px} #header .username {display: block; float: right; clear: both; color: #4b4b4b; line-height: 18px; margin-bottom: 6px} #header .logout-link {display: block; float: right; clear: both} /** Navigation **/ #navigation-wrapper {clear: both; height: 32px; background: #11204c; color: #FFF; margin-bottom: 20px} #navigation-wrapper a {text-decoration: none; color: #FFF} #navigation-wrapper a span {color: #E43E2C} #navigation-wrapper ul {width: 700px; float: left} #navigation-wrapper li {float: left; display: block; line-height: 32px; border-right: 1px solid #495885; } #navigation-wrapper li.sf-sub-indicator {padding-right: 10px} #navigation-wrapper li a {padding: 0 13px; display: block; line-height: 32px; text-transform: uppercase; font-weight: bold} #navigation-wrapper #nav-left {background: url(../images/menu_background-left.gif) no-repeat; width: 2px; height: 32px; float: left} #navigation-wrapper #nav-right {background: url(../images/menu_background-right.gif) no-repeat; width: 2px; height: 32px; float: left} #navigation-wrapper #navigation {width: 956px; float: left; background: url(../images/menu_background.gif)} #navigation-wrapper ul li a.current {height: 32px; color: #FFF; background: url(../images/menu_current.gif) no-repeat bottom center} #navigation-wrapper ul li a:hover {height: 32px; color: #FFF; background: #e43e2c} /** Sub navigation **/ #navigation li ul {padding-top: 2px; width:auto} #navigation li ul li {margin-left: 0; border-right:none; padding-right:0; width: 200px} #navigation li ul li a {padding-left: 15px} #navigation #search {float: right; width: 210px; margin-top: 3px} #navigation #search input {width: 118px} #navigation #search input#search-button {width: 62px} /** WordPress menu styles **/ #navigation-wrapper ul li.current-menu-item a, #navigation-wrapper ul li.current-post-ancestor a {height: 32px; color: #FFF; background: url(../images/menu_current.gif) no-repeat bottom center} #navigation-wrapper ul ul li.current-menu-item a {background-image: none} #navigation-wrapper ul ul li:hover ul {left: 0} #navigation-wrapper ul ul ul {top: 30px; left: 0} #navigation-wrapper ul ul ul li a {font-size: 10px; text-transform: none; padding: 0 0 0 30px} /** Breadcrumbs **/ #breadcrumbs {margin-bottom: 20px; color: #E43E2C; font-weight: bold; font-size: 12px} #breadcrumbs span.label {color: #E43E2C} #breadcrumbs a {text-decoration: none; color: #11204C; font-size: 12px} /** Sidebar **/ #sidebar {width: 230px; float: left} #sidebar a {color: #4a4a4a; text-decoration: none} #sidebar .widget {background: url(../images/background_widget.jpg) no-repeat bottom; margin-bottom: 20px; padding: 10px; border: 1px solid #11204C} #sidebar .widget h3 {color: #11204c; font-weight: bold; font-size: 12px; text-transform: uppercase; margin-bottom: 10px} #sidebar .widget img {margin-left: 9px} #sidebar .widget ul li {list-style-image: url(../images/list_round-bullet.jpg); margin: 0 0 5px 20px; font-size: 11px} #sidebar #register-now-button {margin-top: 20px} #sidebar h3.no-of-results span {float: right} /** tag cloud **/ .tag-link-6, .tag-link-7, .tag-link-8, .tag-link-9, .tag-link-10, .tag-link-11, .tag-link-12, .tag-link-13, .tag-link-14, .tag-link-15, .tag-link-16, .tag-link-17, .tag-link-18, .tag-link-19, .tag-link-20, .tag-link-21, .tag-link-22, .tag-link-23, .tag-link-24, .tag-link-25, .tag-link-26, .tag-link-27, .tag-link-28, .tag-link-29, .tag-link-30, .tag-link-31, .tag-link-32, .tag-link-33, .tag-link-34, .tag-link-35, .tag-link-36, .tag-link-37, .tag-link-38, .tag-link-39, .tag-link-40 {color: #4a4a4a; text-decoration: none; line-height: 1em; height: auto} /** Footer **/ #footer {clear: both; border-top: 1px solid #dcdee4; margin: 20px; padding: 10px 0; overflow: auto} #footer a {color: #9f9e9e; text-transform: uppercase; text-decoration: none; line-height: 40px} #footer .middle {width: 538px; text-align: center; float: left} /** Intro **/ #intro {padding: 20px; background: url(../images/background_intro-text.jpg) no-repeat #11204c bottom; width: 880px; margin: 0 0 20px 20px} #intro p {font-size: 18px; color: #11204c; line-height: 20px; color: #FFF} #intro a {font-size: 18px; color: #e43e2c; text-decoration: none} #intro img {display: inline} #intro h1 {color: #FFF} #intro h1 span, h1 span, #intro span {color: #e43e2c} #intro #huge-register-button {margin-top: 24px} /** Homepage hero **/ #hero p {font-size: 11px} #hero #hero-navigation li {background: #c1c5d1; width: 298px; height: 109px; float: left; padding: 10px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #c1c5d1} #hero #hero-navigation li.left {margin-left: 0} #hero #hero-navigation li.selected {background: #999fb2; border: 1px solid #11204c} #hero #hero-navigation li img {float: left; margin-right: 10px} #hero #hero-navigation li .details {width: 180px; float:left} #hero #hero-navigation li h4 a {color: #11204c; text-decoration: none; font-size: 13px; font-weight: bold} #hero #hero-navigation li p {border-bottom: 1px solid #FFF; padding-bottom: 10px} #hero #hero-navigation li span.read-more {float: right; color: #11204c} #hero #hero-slides .entry {width: 630px; clear: both; height: 145px; padding: 20px 0; border-top: 1px solid #dcdee4; background: top right no-repeat} #hero #hero-slides .entry.first {border-top: 0 none} #hero #hero-slides .entry img {width: 210px; margin-right: 20px; float: left} #hero #hero-slides .entry .details {width: 400px; float: left; height: 145px; position: relative} #hero #hero-slides .entry .details h4.type {color: #ced2e0; font-size: 18px; margin-bottom: 10px; text-transform: uppercase} #hero #hero-slides .entry .details h3 a {color: #11204c; font-size: 18px; margin-bottom: 10px; text-decoration: none} #hero #hero-slides .entry .details .date {font-size: 10px; color: #11204c} #hero #hero-slides .entry .details .number-of-comments a {color: #11204c; background: url(../images/comments-number-bubble.jpg) left no-repeat; padding-left: 20px; float: right; text-decoration: none} #hero #hero-slides .entry .details .post-meta span img {width: 24px} #latest-entries .entry {width: 650px; clear: both; height: 145px; padding: 20px 0; border-top: 1px solid #dcdee4; background: top right no-repeat; margin-top: 20px} #latest-entries .entry.first {border-top: 0 none} #latest-entries .entry a.thumbnail {width: 210px; height: 145px; display: block; float: left; margin-right: 20px} #latest-entries .entry .details {width: 420px; float: left; position: relative} #latest-entries .entry .details h4.type {color: #ced2e0; font-size: 18px; margin-bottom: 10px; text-transform: uppercase} #latest-entries .entry .details h3 a {color: #11204c; font-size: 18px; margin-bottom: 10px; text-decoration: none} #latest-entries .entry .details .date {font-size: 10px; color: #11204c} #latest-entries .entry .details .number-of-comments a {color: #11204c; background: url(../images/comments-number-bubble.jpg) left no-repeat; padding-left: 20px; float: right; text-decoration: none} #latest-entries .entry .details .post-meta {position: relative} #latest-entries .entry .details .post-meta, #latest-entries .entry .details .post-meta a {font-size: 10px; line-height: 24px} .post-meta span {float: left; line-height: 24px; margin-right: 10px} .post-meta span img {width: 24px; margin-right: 5px !important; float: left} /** Single **/ #single h1 {font-size: 22px; line-height: 24px} #single p {color: #525252; font-size: 12px; line-height: 18px} /** Single sidebar **/ #sidebar .post-meta dl {margin-bottom: 10px} #sidebar .post-meta dl dt {font-size: 10px; text-transform: uppercase; font-weight: bold; color: #11204c; line-height: 30px; float: left; width: 60px; border-bottom: 1px solid #dcdee4} #sidebar .post-meta dl dd {float: right; width: 130px; line-height: 30px; text-align: right; border-bottom: 1px solid #dcdee4} #sidebar .post-meta dl dt.number-of-comments {height: 40px; line-height: 40px; color: #11204c; background: url(../images/comments-number-bubble-2.jpg) left no-repeat; padding-left: 20px; width: 100px} #sidebar .post-meta dl dd.number-of-comments {height: 32px; line-height: 40px; width: 70px; margin-top: 8px} #sidebar .latest-comment p {font-style: italic} #sidebar .latest-comment .author {color: #e43e2c; font-weight: bold} /** Comments **/ #the-comments {margin-bottom: 20px} #the-comments h3 {color: #11204c; font-size: 14px; text-transform: uppercase; width: 650px; height: 40px; line-height: 40px; border-top: 1px solid #dcdee4; border-bottom: 1px solid #dcdee4} #the-comments h3 span {color: #e43e2c; text-transform: none; float: right; font-size: 12px} #the-comments .comment-list li {margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #CCC; list-style: none} #the-comments .comment-list .comment-text {font-style: italic} #the-comments .comment-list .comment-meta .author, #the-comments .comment-list .comment-meta .author a {font-size: 14px; color: #11204c; font-weight: bold; text-decoration: none; display: block} #the-comments .comment-list .comment-meta .date {color: #11204c; font-size: 12px} #the-comments .comment-list .comment-meta .date span {float: right} #the-comments .comment-list .comment-meta .reply-to {color: #11204C; text-decoration: none; font-weight: bold; float: right} #the-comments #respond h3 {border: 0 none} #the-comments #respond .column {float: left; width: 350px; padding: 0} #the-comments #respond .column.content {width: 700px} #the-comments #respond input, #the-comments #respond textarea {width: 340px; color: #9f9f9f; border: 1px solid #d5d5d5; padding: 5px} #the-comments #respond textarea {width: 638px; height: 92px} #the-comments #respond #submit-comment-button {width: auto; padding: 0; border: 0 none; float: right} /** Nested comments **/ #the-comments .comment-list li .depth-2 {margin-left: 20px} #the-comments .comment-list li .depth-3 {margin-left: 40px} #the-comments .comment-list li .depth-4 {margin-left: 60px} #the-comments .comment-list li .depth-5 {margin-left: 80px} #the-comments .comment-list li .depth-6 {margin-left: 100px} #the-comments .comment-list li .depth-7 {margin-left: 120px} #the-comments .comment-list li .depth-8 {margin-left: 140px} #the-comments .comment-list li .depth-9 {margin-left: 160px} /** Registration form **/ #register-to-view-the-rest {width: 650px; padding-top: 10px} #please-register {height: 40px; line-height: 40px; border-top: 1px solid #dcdee4; border-bottom: 1px solid #dcdee4; margin-bottom: 12px} #register-to-view-the-rest h3 {font-size: 13px} #register-form {margin-bottom: 20px; width: 662px} #register-form .column {float: left; width: 320px; padding: 0} #register-form .column.business {margin-left: 10px; width: 330px} #register-form input {width: 308px; color: #9f9f9f; border: 1px solid #d5d5d5; padding: 5px} #register-form input.error {border-color: #E43E2C} #register-form #submit-register-button {width: auto; padding: 0; border: 0 none; float: right; margin-right: 20px} #register-form #registration-errors {color: #E43E2C; margin-bottom: 5px} #register-form .tos-acceptance {font-size: 10px} #register-form .tos-acceptance a {color: #E43E2C; font-weight: bold; font-size: 10px} #the-comments #respond textarea.error {border-color: #E43E2C} /** Search **/ #sidebar #search-results-info span {color: #525252; font-weight: normal; font-size: 12px} #search-results {} #search-results .result {margin-bottom: 20px; border-bottom: 1px solid #dcdee4; padding-bottom: 20px} #search-results .result h3 a {text-transform: none; font-size: 18px; margin-bottom: 10px} #search-results .result .the-date {color: #e43e2c; font-weight: bold; line-height: 25px} #search-results .result .view-more {float: right} /** Pagination **/ #listing-navigation {height: 25px; margin: 20px 0} #listing-navigation .previous {width: 100px; float: left} #listing-navigation .previous .previous-link {float: left} #listing-navigation .number-of-results {width: 450px; float: left; text-align: center; line-height: 25px} #listing-navigation .next {width: 100px; float: left} #listing-navigation .next .next-link {float: right} /** Login form **/ #loginform {width: 200px; margin: 0 auto} #nav {width: 200px; margin: 0 auto} #backtoblog {width: 200px; margin: 0 auto} /** Misc **/ h1.section-header a {border-bottom: 0 none} /** Tables **/ .content table {border: 0 none; margin-bottom: 10px} .content table tr {border: 0 none} .content table tr.odd {background: #E3E4E6} .content table tr.header td {background: #11204C} .content table tr.header td p strong, .content table tr.header td{color: #FFF; font-weight: bold} .content table td {border: 0 none; text-align: left; padding: 2px 5px} .content table td p {margin-bottom: 0} /** Lists **/ .content ul li {list-style-image: url(../images/list_round-bullet.jpg); margin: 0 0 5px 20px; font-size: 12px} .content #hero ul li {list-style-image: none} .content ol li {list-style: decimal; margin: 0 0 5px 20px; font-size: 12px} /** Settings **/ #settings-form label {width: 130px; font-size: inherit; display: block; float: left} #settings-form input.submit {color: #4A4A4A} /** Author page **/ img#author-page-profile-pic {float: left; margin: 0 10px 10px 0} /** Gravity forms **/ .content ul.gform_fields li {list-style-image: none; margin-left: 0} .gform_wrapper input.button {background: url(http://ehub.edenred.co.uk/wp-content/themes/ehub/assets/images/button_submit-comment.jpg); border: 0 none; width: 86px; height: 25px; text-indent: -9999px; font-size: 0; line-height: 0; display: block} /** WP Polls **/ .wp-polls p {text-align: left !important} .wp-polls p strong {font-weight: normal} .wp-polls ul {margin-left: 0} .wp-polls strong {font-weight: normal} .wp-polls #submit-vote {background: url(http://ehub.edenred.co.uk/wp-content/themes/ehub/assets/images/button_vote.jpg) no-repeat; border: 0 none; width: 206px; height: 26px} #sidebar .widget .wp-polls ul li{margin-left: 0} /* LAST UPDATED BY lborrowman@googlemail.com on 23/11/2010 */ .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 18%; left: 18%; width: 640px; height: 440px; padding: 0px 20px; background-color: white; z-index:1002; overflow: hidden; } .close-lightbox { position: absolute; float: right; right: 0px; margin-top: 2px; z-index:1003; margin-right: 0px; width: 30px; height: 30px; cursor: pointer; } #register-to-view-the-rest input { line-height: 25px; height: 25px; padding: 0px 5px;} #single p.notice, p.error{ color: #E43E2C; font-weight: bold; } div.login-errors{ font-weight: bold; margin: 0 auto; width: 300px; } div.login-errors a{ text-decoration: underline }