/* Reset styles ---------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body {line-height:1; } ol, ul {list-style:none; } blockquote, q {quotes:none; } blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; } :focus {outline:0; } ins {text-decoration:none; } del {text-decoration:line-through; } table {border-collapse:collapse; border-spacing:0; } /* General ---------------------------------------------- */ body {background-color:#fff; border-style:none; color:#000; font:70% Arial, Helvetica, sans-serif; line-height:1em; margin:0; padding:0; text-align:left; } h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; } input, select, textarea {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; vertical-align:top; } a {color:#253c8b; } .clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden; } .nowrap {white-space:nowrap; } .hidden {display:none; } .tlc {background-position:0 0; background-repeat:no-repeat; left:-1px; position:relative; top:-1px; z-index:0;} .trc {background-position:100% 0; background-repeat:no-repeat; right:-2px; position:relative; z-index:0;} .blc {background-position:0 100%; background-repeat:no-repeat; bottom:-2px; position:relative; left:-2px; z-index:0;} .brc {background-position:100% 100%; background-repeat:no-repeat; position:relative; right:-2px; z-index:0;} .left {float:left;} .right {float:right;} /* links ---------------------------------------------- */ a.standOut {background:url("/static/img/sprite-icons.gif") -128px -562px no-repeat; display:inline-block; font-size:1.1em; line-height:1.6em; padding:1px 8px 0 10px;} p a.standOut {font-size:1em;} /* cfa: Call for action button ---------------------------------------------- */ .cfa {clear:right; float:left; font-family:Arial, Helvetica, sans-serif; width:100%;} .cfa a {color:#fff; margin-bottom:7px; float:left; display:block; text-decoration:none; width:282px;} .cfa a span {cursor:pointer; display:block;} .cfa a .btnTop {background:url("/static/img/bg-cfa.png") 0 0 no-repeat; height:7px; width:282px;} .cfa a .btnContent {background:url("/static/img/bg-cfa.png") 0 50% repeat-y; color:#fff; font-size:1.3em; line-height:1em; min-height:15px; padding:0 15px 1px 15px; text-align:right; vertical-align:middle; width:252px;} .cfa a .btnBottom {background:url("/static/img/bg-cfa.png") 0 100% no-repeat; width:282px; height:9px; /*margin-top:-1px;*/} .cfa a:hover .btnTop {background-position:-302px 0;} .cfa a:hover .btnContent {background-position:-302px 50%;} .cfa a:hover .btnBottom {background-position:-302px 100%;} .cfa p {clear:both; color:#6b6b6b; float:left; font:1.1em Verdana, Geneva, sans-serif; line-height:1.3em; padding:0 1px; width:282px;} .cfa p em {color:#6b6b6b;} .cfa.medium {width:100%} .cfa.medium a {width:160px;} .cfa.medium a .btnTop {background-position:-1208px 0; height:5px; width:160px;} .cfa.medium a .btnContent {background-position:-1208px 50%; font-size:1.1em; min-height:10px; padding:0 10px 1px 10px; width:140px;} .cfa.medium a .btnBottom {background-position:-1208px 100%; height:5px; width:160px;} .cfa.medium a:hover .btnTop {background-position:-1388px 0;} .cfa.medium a:hover .btnContent {background-position:-1388px 50%;} .cfa.medium a:hover .btnBottom {background-position:-1388px 100%;} .cfa.small {width:100%;} .cfa.small a {width:80px;} .cfa.small a .btnTop {background-position:-1928px 0; height:6px; width:80px;} .cfa.small a .btnContent {background-position:-1928px 50%; font-size:1.1em; min-height:10px; padding:0 10px 2px 10px; width:60px;} .cfa.small a .btnBottom {background-position:-1928px 100%; height:5px; width:80px;} .cfa.small a:hover .btnTop {background-position:-2028px 0;} .cfa.small a:hover .btnContent {background-position:-2028px 50%;} .cfa.small a:hover .btnBottom {background-position:-2028px 100%;} .cfa.white a {color:#2a574d;} .cfa.white a .btnTop {background-position:-604px 0;} .cfa.white a .btnContent {background-position:-604px 50%; color:#2a574d;} .cfa.white a .btnBottom {background-position:-604px 100%;} .cfa.white a:hover .btnTop {background-position:-906px 0;} .cfa.white a:hover .btnContent {background-position:-906px 50%;} .cfa.white a:hover .btnBottom {background-position:-906px 100%;} .cfa.medium.white a .btnTop {background-position:-1568px 0;} .cfa.medium.white a .btnContent {background-position:-1568px 50%;} .cfa.medium.white a .btnBottom {background-position:-1568px 100%;} .cfa.medium.white a:hover .btnTop {background-position:-1748px 0;} .cfa.medium.white a:hover .btnContent {background-position:-1748px 50%;} .cfa.medium.white a:hover .btnBottom {background-position:-1748px 100%;} .cfa.small.white a .btnTop {background-position:-2128px 0;} .cfa.small.white a .btnContent {background-position:-2128px 50%;} .cfa.small.white a .btnBottom {background-position:-2128px 100%;} .cfa.small.white a:hover .btnTop {background-position:-2228px 0;} .cfa.small.white a:hover .btnContent {background-position:-2228px 50%;} .cfa.small.white a:hover .btnBottom {background-position:-2228px 100%;} .cfa.more {font-size:1.1em; line-height:1.5em;} .cfa.more a {background:url("/static/img/arrow-2-right.gif") 100% 6px no-repeat; margin:2px 3px 5px 3px; float:left; padding-right:10px; text-align:right; text-decoration:none; width:auto;} .cfa.more a:hover {background-image:url("/static/img/arrow-2-right-hover.gif"); color:#2a574d; text-decoration:underline;} .cfa.more1 {font-family:Verdana; margin-top:-13px;} .cfa.more2 {font:1.1em Verdana; margin:-20px 0 20px 0;} .cfa.more2 a, .cfa.more2 a:hover {background:none; text-decoration:underline;} .cfa.fa {} .cfa.fa a {background:url("/static/img/bg-fa-button.gif") 0 0 no-repeat; color:#fff; margin-bottom:7px; min-width:280px; float:left; text-decoration:none; width:auto;} .mggg-homepage .cfa.fa a {background-image:url("/static/img/bg-fa-button-home.png")} .cfa.fa a .btnContent {background:url("/static/img/bg-fa-arrow-right.gif") 100% 0 no-repeat; color:#fff; font-size:1.3em; line-height:1em; min-height:32px; padding:7px 15px 0 15px; text-align:left; vertical-align:inherit; width:auto;} .mggg-homepage .cfa.fa a .btnContent {background-image:url("/static/img/bg-fa-arrow-right.png");} .cfa.fa a:hover .btnContent {background-position:100% 0;} .cfa.fa.add a .btnContent {background:url("/static/img/bg-fa-ic-plus.gif") 100% 0 no-repeat;} .cfa.fa.finished a {background:url("/static/img/bg-fa-button.gif") 100% 0 no-repeat;} .cfa.fa.finished a .btnContent {background:url("/static/img/bg-fa-ic-finished.gif") 0 0 no-repeat; text-align:right; } .cfa.fa.medium a {background-image:url("/static/img/bg-fa-button-medium.png"); min-width:160px;} .cfa.fa.medium a:hover {} .cfa.fa.medium a .btnContent {background-image:url("/static/img/bg-fa-arrow-right-medium.gif"); font-size:1.1em; min-height:24px; padding:5px 15px 0 15px;} .cfa.fa.medium.add a .btnContent {background-image:url("/static/img/bg-fa-ic-plus-medium.gif");} .cfa.fa.medium.finished a {background-image:url("/static/img/bg-fa-button-medium.png");} .cfa.fa.medium.finished a .btnContent {background-image:url("/static/img/bg-fa-ic-finished-medium.gif");} .cfa.fa.medium span.button {background:url("/static/img/bg-fa-button-medium.png") 0 0 no-repeat; color:#fff; margin-bottom:7px; min-width:160px; float:left; text-decoration:none; width:auto;} .cfa.fa.medium span.button input {background:transparent url("/static/img/bg-fa-arrow-right-medium.gif") 100% 100% no-repeat; border:none; color:#fff; cursor:pointer; font:1.1em Arial, Helvetica, sans-serif; line-height:1.1em; height:27px; margin:-3px 0 0 0; padding:0 15px 0 15px; vertical-align:top; text-align:left; width:160px;} .cfa.fa.medium.add span.button input {background:transparent url("/static/img/bg-fa-ic-plus-medium.gif") 100% 100% no-repeat;} .cfa.fa.medium.finished span.button {background:url("/static/img/bg-fa-button-medium.png") 100% 0 no-repeat;} .cfa.fa.medium.finished span.button input {background:url("/static/img/bg-fa-ic-finished-medium.gif") 0 100% no-repeat; text-align:right; } .cfa.right {float:right;} .cfa.right a {float:right;} .cfa.right p {clear:both;float:right;} .cfaRow {float:left; width:100%;} .cfaRow .cfa {width:282px;} .cfaRow .cfa.medium {width:160px;} .cfaRow .cfa.small {width:80px;} /* Wrapper ---------------------------------------------- */ #wrapper {min-height:480px; width:100%; z-index:0; } .accesNav {display:inline; left:-900em; position:absolute; text-decoration:none; top:0;} /* Head ---------------------------------------------- */ .head {background:url("/static/img/bg.gif") 0 100% repeat-x; min-height:124px; min-height:54px; padding:15px 0 11px 0; position:relative; width:100%;} .noline {background:none;} /* Header ---------------------------------------------- */ #header {margin:0 auto; position:relative; width:950px;} /* logo ---------------------------------------------- */ .logo img {height:31px;} /* System navigation ---------------------------------------------- */ #systemNav {background-color:#fff; float:right; padding-right:1px; width:640px;} #systemNav ul {float:right; margin-top:1px;} #systemNav ul li {background:url("/static/img/bg-nav-separator.gif") 100% 1px no-repeat; float:left; font-size:1.1em; line-height:1.1em; list-style-type:none; margin-top:6px; padding:0 5px;} #systemNav ul li a {color:#6b6b6b; padding:0 3px 0 2px; text-decoration:underline;} #systemNav ul li a:hover {color:#333;} #systemNav ul li span {color:#000; padding:0 3px 0 2px;} #systemNav ul li.countries a, #systemNav ul li.countries span {text-transform:uppercase;} #systemNav ul li.textSize {background-position:100% 4px; bottom:3px; padding:0 7px 3px 5px; position:relative;} #systemNav ul li.textSize a, #systemNav ul li.textSize span {padding:0 2px; position:relative; text-transform:uppercase;} #systemNav ul li.textSize .small {font-size:1em; bottom:-1px} #systemNav ul li.textSize .medium {font-size:1.2em;} #systemNav ul li.textSize .large {font-size:1.3em;} #systemNav ul li ul {margin-top:0; float:none;} #systemNav ul li ul li {background:none; float:left; font-size:1em; line-height:1em; list-style-type:none; margin-top:0; padding:0;} /* Searchbox ---------------------------------------------- */ #searchBox {background:url("/static/img/bg-searchBox.png") 0 0 no-repeat; min-height:22px; float:right; margin-left:14px; padding:2px 0 0 9px; width:226px;} #searchBox input {background-color:#fff; border:0; color:#999; font-size:1.1em; font-style:italic; line-height:1.1em; padding:0;} #searchBox #querytext {padding-top:3px; float:left; width:202px; vertical-align:top;} #searchBox #search {background:url("/static/img/bt-search.png") 0 0 no-repeat; cursor:pointer; float:right; height:15px; margin-top:3px; text-indent:-900em; width:10px;} /* Extra navigation ---------------------------------------------- */ #extraNav {color:#333; font-size:1.1em; position:absolute; right:2px; text-align:right; /*top:35px;*/ width:250px; z-index:100;} #extraNav ul {float:right;} #extraNav ul li {float:left; line-height:1em; list-style-type:none; margin-top:6px; padding-left:6px; text-transform:uppercase;} #extraNav ul li a {color:#6b6b6b; text-decoration:underline;} #extraNav ul li a:hover {color:#333;} #extraNav ul li span {color:#333;} /* Logged In box ---------------------------------------------- */ #loggedin {background:url("/static/img/bg-loggedin.png") no-repeat; float:right; font-size:1.1em; height:64px; margin:-35px 0 0 0; width:270px;} #loggedin ul {margin:10px 0 0 27px; display:inline-block; height:12px; overflow:hidden;} #loggedin li {border-left:#a7d5c5 1px solid; display:inline-block; float:left; line-height:1em; padding:0 7px;} #loggedin li:first-child{border:none; font-weight:bold;} #loggedin li a {color:#278059;} #loggedin li a:hover {color:#2a574d;} #loggedin p {clear:both; float:left; overflow:hidden; height:32px; line-height:1.3em; padding:4px 10px 0 13px;} /* Global navigation ---------------------------------------------- */ #globalNavWrapper {clear:both; padding:37px 0 8px 3px; width:947px; position: relative;} #globalNavWrapper .cfa {bottom:7px; position:absolute; right:0; width:160px;} #globalNavWrapper .cfa a {margin-bottom:0;} ul.globalNav {list-style-type:none; margin:10px 0 0 0; padding:0;} ul.globalNav li {background:#fff url("/static/img/bg-globalNav-separator.gif") 100% 2px no-repeat; color:#333; display:inline-block; line-height:1.4em; list-style:none; padding:0 8px 0 7px;} ul.globalNav li:last-child {background:#fff;} ul.globalNav li a {color:#333; font-size:1.3em; text-decoration:none;} ul.globalNav li a:hover {color:#278059; text-decoration:underline;} ul.globalNav li a.selected {color:#002d67; font-weight:700;} /* Main navigation ---------------------------------------------- */ #mainNav {background:url("/static/img/bg-mainNav.png") 0 0 repeat-x; margin-bottom:5px; position:relative; width:950px; z-index:0;} #mainNav div {background-position:0 0; background-repeat:no-repeat; height:8px; width:8px; z-index:0;} #mainNav div.tlc {background-image:url("/static/img/tlc-mainNav.png"); left:0; position:absolute; top:0;} #mainNav div.trc {background-image:url("/static/img/trc-mainNav.png"); position:absolute; right:0; top:0;} #mainNav div.blc {background-image:url("/static/img/blc-mainNav.png"); bottom:0; left:0; position:absolute;} #mainNav div.brc {background-image:url("/static/img/brc-mainNav.png"); bottom:0; position:absolute; right:0;} #mainNav ul {z-index:0; padding-left:1px;} #mainNav ul > li {display:inline-block; height:40px; margin-left:-0.25em; list-style-type:none;} #mainNav ul > li:first-child {margin-left:0;} #mainNav ul > li:last-child {background:none;} #mainNav ul > li > a {color:#fff; display:inline-block; font-size:1.25em; line-height:1em; margin:0; padding:14px 13px 12px 13px; text-decoration:none;} #mainNav ul > li > a:hover {background:url("/static/img/bg-mainNav-hover.png") 0 0 repeat-x;} #mainNav ul > li > a.selected {background:url("/static/img/bg-mainNav-selected.png") 0 0 repeat-x; font-weight:700;} .secondLevel {background:url("/static/img/bg-mainNav-secondLevel.gif") 0 0 repeat-y; display:inline-block; color:#000; width:100%; z-index:0;} .secondLevel ul {display:inline;} .secondLevel ul > li {display:inline-block; font-size:1.1em; line-height:1.15em; padding:0 1px 0 1px; margin-left:-3px; position:relative; width:134px;} .secondLevel ul > li:first-child {margin:0;} .secondLevel ul > li.seven {width:132px;} .secondLevel ul > li:nth-child(7) {width:132px;} .secondLevel ul li.last-child {width: 122px;} .secondLevel ul > li a { /*background-color:#fff;*/ color:#6b6b6b; display:block; text-decoration:none; position:relative; bottom:0;} .secondLevel ul > li > a {padding:1px 19px 1px 9px;} .secondLevel ul > li > a.selected {font-weight:700;} .secondLevel ul > li.hashChilds a {background:url("/static/img/arrow-1-bottom-special.gif") 126px 100% no-repeat;} .secondLevel ul > li.hashChilds:last-child a {background-position:124px 100%;} .secondLevel ul > li a:hover, .secondLevel ul > li a.hover {color:#278059; text-decoration:underline;} .secondLevel ul > li.hover {background:none; color:#278059;} .secondLevel ul > li.hover > a {color:#278059;} .secondLevel ul > li ul {background:#fff url("/static/img/border-mainNav-thirdLevel.gif") 0 0 no-repeat; border-bottom:#a7d5c5 solid 1px; display:none; left:-1px; padding-top:6px; position:absolute; top:100%; width:165px; z-index:999;} .secondLevel ul > li:nth-child(1) ul {background:#fff url("/static/img/border-mainNav-thirdLevel-first.gif") 0 0 no-repeat; left:0; } .secondLevel ul > li ul li {background:url("/static/img/bg-mainNav-thirdLevel.gif") 0 0 repeat-y; display:block; font-size:1em; line-height:14px; margin:0; padding:5px 10px; width:145px;} .secondLevel ul > li ul li:first-child {padding:11px 10px 5px 10px; width:145px;} .secondLevel ul > li ul li:last-child {padding:5px 10px 11px 10px; width:145px;} .secondLevel ul > li ul li.hover {background:url("/static/img/bg-mainNav-thirdLevel.gif") 0 0 repeat-y;} .secondLevel ul > li ul li > a {color:#6b6b6b; padding:1px 0;} .secondLevel ul > li ul li > a:hover {color:#278059; text-decoration:underline;} .secondLevel ul > li.hashChilds ul li > a {background:#fff;} .secondLevel ul > li.seven ul {background-image:url("/static/img/border-mainNav-thirdLevel-seven.gif"); left:-31px;} /* content ---------------------------------------------- */ #content {margin:0 auto; padding:10px 0; position:relative; width:960px;} /* Breadcrumb ---------------------------------------------- */ .breadcrumb {float:left; padding-left:15px; width:945px; min-height:24px;} .breadcrumb ol {float:left;} .breadcrumb ol li {background:url("/static/img/arrow-1-right.gif") 0 0.3em no-repeat; float:left; font-size:1em; line-height:1em; padding:0 6px 0 8px;} .breadcrumb ol li:first-child {background:none; padding-left:0;} .breadcrumb a {color:#6b6b6b;} .breadcrumb a:hover {color:#333;} .breadcrumb span {color:#333;} /* Jump to navigation ---------------------------------------------- */ .jumptoNav {background:url("/static/img/bg-jumpto-l.gif") 0 0 no-repeat; float:right; margin-bottom:20px;} .jumptoNav div {float:left; height:21px; padding:3px 5px 0 11px;} .jumptoNav select {border:0; color:#6b6b6b; float:left; font-size:1.1em; margin:1px 4px 0 2px; padding-left:2px; width:260px;} .jumptoNav input.submit {background:transparent url("/static/img/bg-jumpto-submit.gif") 0 0 no-repeat; margin:-3px 0 0 -1px; border:0; cursor:pointer; float:left; width:23px; height:24px; text-indent:-900em;} /* format ---------------------------------------------- */ .format {float:left; min-height:200px; width:100%;} .format .divRow {float:left; padding-bottom:25px; width:100%;} .format.homePage > .divRow:first-child {padding-bottom:13px;} .format.homePage > .divRow:first-child .column:first-child {margin-left:15px;} .format .divRow .column {margin-bottom:0;} .format .divRow .column {margin-left:30px; margin-right:0;} .format .divRow .column:first-child {margin-left:24px; margin-right:2px;} /* Column ---------------------------------------------- */ .column {float:left; font-family:Verdana, Geneva, sans-serif; margin:0 15px 25px 15px; width:290px;} .divRow.sizeSmall .column, .divRow.sizeSmall .column .line { height: 220px; } .divRow.sizeMedium .column, .divRow.sizeMedium .column .line { height: 240px; } .divRow.sizeLarge .column, .divRow.sizeLarge .column .line { height: 260px; } .divRow.sizeLarge .column.flexibleHeight {height:auto;} .divRow.sizeSmall .column .teaser { height: 210px; } .divRow.sizeMedium .column .teaser { height: 230px; } .divRow.sizeLarge .column .teaser { height: 250px; } .column a {color:#278059;} .column a:hover {color:#2a574d;} .column a.extern {background:url("/static/img/ic-extern.gif") 100% 5px no-repeat; padding-right:11px;} .column a.backto {background:url("/static/img/sprite-buttons-small-left.gif") -167px -160px no-repeat;color: #278059; clear:both; font-size:1.1em; float:left; line-height:24px; padding:8px 0 8px 31px; text-decoration:none;} .column a.backto.right {float:right;} .navBottom.right {margin-right:15px;} .fullWide .navBottom.right {margin-right:0; width:100%;} .navBottom .backTo {background:url("/static/img/sprite-buttons-small-left.gif") -167px -160px no-repeat;color: #278059; clear:both; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; float:right; line-height:24px; padding:8px 0 8px 31px; text-decoration:none;} .column a.backto:hover {background-position:-119px -112px; text-decoration:underline;} .column a.rateThis {background:url("/static/img/sprite-icons.gif") -384px -305px no-repeat; font-size:1.1em; line-height:1.4em; margin:0; padding:0 0 3px 24px; text-decoration:none;} .column a.rateThis:hover {text-decoration:underline;} .column dl {margin-bottom:12px;} .column dd {color:#6b6b6b; font-size:1.1em; line-height:1.45em; } .column h1 {color:#2a574d; font-size:26px; font-weight:100; line-height:28px; padding:7px 0 2px 0;} .customerService .column h1 {max-width:500px;} .faqPage .column h1 {color:#333; font-size: 1.515em; font-weight:bold; line-height:1.28em; margin-top:10px; padding-bottom:9px;} .column h2 {color:#2a574d; font-size:1.6em; font-weight:100; line-height:1em; padding:22px 0 7px 0;} .column .headerH2 {color:#2a574d; font-size:1.6em; font-weight:100; line-height:1em; padding:22px 0 9px 0;} .homePage .column h2, .horizontalSidebar .column h2 {padding:11px 10px 0 10px; color:#000; font-size:1.5em;} .splitPage .column h2 {padding:11px 10px 4px 10px; color:#000; font-size:1.5em;} .column h2.subTitle {clear: left; color:#2a574d; display:block; font-size:1.25em; font-weight:100; line-height:1.3em; padding:0 0 12px 0;} /*.column .audienceSwitcher + h2.subTitle {padding-bottom:2px;}*/ .column .heading2 {padding-top:0;} .column h3 {color:#2a574d; font-size:1.5em; font-weight:100; line-height:1em; padding:13px 0 3px 0;} .column h4 {color:#2a574d; font-size:1.25em; font-weight:100; line-height:1em; padding:13px 0 4px 0;} .customerService.column h4 {color:#342d28;} .column h5 {color:#2a574d; font-size:1.15em; font-weight:100; line-height:1em; padding:13px 0 5px 0;} .column h6 {color:#2a574d; font-size:1.05em; font-weight:100; line-height:1em; padding:13px 0 6px 0;} .column img.left {margin:3px 11px 3px 0;} .vote .column img.left {margin:3px 18px 15px 0;} .column img.right {margin:3px 0 3px 11px;} .homePage .column img.right {float:right; margin:15px 10px;} .vote .column img.right {margin:3px 0 15px 18px;} .relatedContent .fb_iframe_widget {padding-bottom:15px;} .column p {color:#333; font-size:1.1em; line-height:1.45em; padding-bottom:12px;} .column a.external {display:inline-block; font-size:1.1em; padding-top:10px;} .homePage .column p {padding:8px 10px 12px 10px; text-overflow:ellipsis;} .column ul.list, .column span.list {padding:8px 10px 12px 5px; } .column .list li, .column span.list span {background-position:-582px -101px; padding-bottom: 0; padding-top: 5px;} .column .files .list li, .column .files span.list span {background-position:0 -681px; padding-left: 20px;} .column .list .spec {color:#666;} span.list span {display:block;} .homePage .column div.text {padding-bottom: 35px;} .homePage .column p.inline {height:auto;} .vote .column p {padding-bottom:28px;} .vote .divRow .column .richText p {padding-bottom:12px;} .vote .divRow .column .richText h2 + p {padding-bottom:0;} .column p.intro {color:#333; font:1.25em Arial, Helvetica, sans-serif; line-height:1.7em; padding:9px 0 12px 0;} .column ul, .column span.list, .column div.faqAnswer ul {margin-bottom:12px;} .column ul li, span.list span, .column div.faqAnswer ul li {background:url("/static/img/sprite-icons.gif") -288px -404px no-repeat; color:#333; font-size:1.2em; height:1%; line-height:1.35em; margin-left:5px; padding:0 0 2px 11px;} .faqContent .column li {font-size: 1.34em; line-height:1.43em;} .column ul li ul, .column div.faqAnswer ul li ul {margin:4px 0 2px 0;} .column ul li ul li, .column div.faqAnswer ul li ul li {background:url("/static/img/sprite-icons.gif") -288px -404px no-repeat; font-size:1em; margin-left:5px; padding:0 0 2px 11px;} .column ol, .column div.faqAnswer ol {list-style:decimal; margin:0 0 12px 30px;} .column ol li, .column div.faqAnswer ol li {color:#333; font-size:1.2em; line-height:1.35em; padding-bottom:2px;} .column ol li a, .column div.faqAnswer ol li a {display:inline-block;} .column table {font-size:1em; line-height:1em; width:100%; margin-bottom:12px;} .column table caption {display:none;} .column table th { text-align:left;} .column .edgedContainer table thead th {background:#fff url("/static/img/bg-table.gif") 100% 100% no-repeat; color:#2a574d; font-family:Arial, Helvetica, sans-serif; font-weight:100; letter-spacing:0.06em; padding:6px 6px 12px 6px; text-transform:uppercase; vertical-align:bottom;} .column .edgedContainer table thead th:last-child {background:#fff;} .column table thead th.smallest {width:80px;} .column table thead th.small {width:120px;} .column table thead th.medium {width:160px;} .column table thead th.large {width:200px;} .column table thead th.largest {width:240px;} .column .edgedContainer table tbody th {background:#2e9a76 url("/static/img/bg-table-tbody-th.png") 100% 100% repeat-x; border-bottom:#fff solid 1px; border-right:#fff solid 1px; color:#fff; cursor:pointer; font-weight:100; font:1.1em Verdana, Geneva, sans-serif; line-height:1.5em; padding:8px 45px 8px 6px; text-align:left; vertical-align:top;} .column .edgedContainer table tbody th:hover{background-image:url("/static/img/bg-table-tbody-th-hover.png")} .column table tbody th:hover a {text-decoration:underline;} .column .edgedContainer table tbody th a {color:#fff; text-decoration:none;} .column .edgedContainer table tbody th a:hover {color:#fff; text-decoration:underline;} .column table tbody td, .column table thead th, .column table tbody th {background-color:#ddf1ef; border-bottom:#fff solid 1px; border-right:#fff solid 1px; color:#333; font-weight:normal; line-height:1.45em; padding:8px 6px; vertical-align:top;} .column table tbody td.hasCFA {background-color:#c9e9e5; color:#333; vertical-align:middle; padding:0 8px;} .column table tbody td ul {margin:0;} .column table tbody td ul li {background-position:-288px -405px; font-size:1em; line-height:1.45em;} .column table tbody td .cfa a {margin-bottom:0;} .column p span.leadIn {color:#6b6b6b;} .column ul.usp {margin-bottom:22px;} .column ul.usp li {background:url("/static/img/sprite-icons.gif") -320px -371px no-repeat; color:#424242; font-size:1.1em; line-height:1.4em; margin:0; padding:0 0 3px 13px;} .column ul.internalList {margin-bottom:20px;} .column ul.internalList li {background:url("/static/img/arrow-2-bottom.gif") 3px 7px no-repeat; color:#424242; font-size:1.1em; line-height:1.4em; margin:0; padding:0 0 3px 20px;} .column ul.internalList li a {text-decoration:none;} .column ul.internalList li a:hover {text-decoration:underline;} .column div.line, .vote .column.relatedContent div.line {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; float:left; padding-bottom:1px; position:relative; width:100%; z-index:0;} .vote .column div.line {background:none; padding-bottom:0;} .column div.line {background:transparent; min-height:220px; position:relative; z-index:1;} .column.relatedContent div.line {min-height:0;} .column div.line.richText .list li a, .column div.line .richText .list li a {text-decoration:none;} .column div.line .richText .list li a:hover, .column div.line .richText .list li a:hover, .column div.line .richText ul.list.underline li a, .column div.line .richText .cfa.more a, .inlineLinkBlock ul.underline li a, ul.underline li a, ul.list.underline li a, ul.underline li a, .inlineLinkBlock ul.list li a:hover, ul.list li a:hover, .list ul.list li a:hover, .column .block ul.underline li a, .column .searchResultsFaq .list li a:hover, .column .searchResultsFaq .list .cfa.more a, .column span.list span a:hover, .column span.list.underline a {text-decoration:underline;} .column div.line .richText .cfa.more a {clear:both; text-decoration:underline;} .column div.line .richText .cfa.more a:hover, .column div.line .richText .list li a, .column div.line .richText .cfa.more a:hover, .inlineLinkBlock ul.underline li a:hover, ul.underline li a:hover, .list ul.underline li a:hover, .inlineLinkBlock ul.list li a, ul.list li a, .list ul.list li a, .column .block ul.underline li a:hover, .column .searchResultsFaq .list li a, .column .searchResultsFaq .list .cfa.more a:hover, .column div.line .richText ul.list.underline li a:hover, .column span.list span a, .column span.list.underline a:hover {text-decoration:none;} .column div.line .richText .cfa.more a {clear:both;} .homePage .column div.line {min-height:220px;} .homePage .column .note {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; float:left; padding-bottom:1px; position:relative; width:100%; z-index:0; min-height:219px;} .homePage .column .note > div {background:#fffed7; border-width:1px 1px 0 1px; border-color:#a7d5c5; border-style:solid; min-height:213px;} .column div.line.top {background-position:0 0;} .column div.line.extraSpace {margin-top:13px;} .column div.date {background:url("/static/img/bg-dateLine.gif") 0 0.45em repeat-x; color:#6b6b6b; font-size:14px; margin:3px 0 10px 0; padding:0 0 0 10px; width:280px;} .column div.date span {background-color:#fff; padding:0 5px;} .column .richText {float:left; width:100%; word-wrap: break-word;} .column .even {background-color:#f4f4f4;} .column .visual {float:left;} .column .visual img {float:left;} .column .fbButton {padding-bottom:12px;} /* Column: product campaign block ---------------------------------------------- */ .column .campaign {float:left;} .column .campaign img {float:left;} .column .campaign ul.campaigns {margin:0;} .column .campaign ul.campaigns li {background:none; display:none; margin-left:0; padding:0;} .column .campaign ul.campaigns li.selected {display:block;} .column .campaign ul.index {float:right; margin:0;} .column .campaign ul.index li {background:none; color:#333; font:1.1em Arial, Helvetica, sans-serif; float:left; margin:0; padding:5px 0 0 5px;} .column .campaign ul.index li a {background:url("/static/img/bg-numbers.png") 0 -96px no-repeat; color:#2a574d; display:block; height:20px; padding-top:4px; text-align:center; text-decoration:none; width:24px;} .column .campaign ul.index li a:hover {background-position:-96px 0;} .column .campaign ul.index li a.selected {background-position:-48px -48px; color:#fff;} .column .campaign ul.index li span {display:block; padding:4px 3px 0 0;} .column .cfa p {padding-bottom:0;} .splitPage .column .cfa {float:none;} .splitPage .column .cfa:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} /* Column: Blockquote (paragraph) ---------------------------------------------- */ .column .blockQuote {width:270px; background-color:#f4f4f4; border-top:1px solid #acacac; border-bottom:1px solid #acacac; float:right; margin:0 0 26px 0; padding:12px 10px 14px 10px;} .column .blockQuote.left {float:left; margin:0 0 26px 0;} .column .blockQuote h2 {padding-top:0;} .column .blockQuote p {color:#000; font-size:1em; line-height:1.6em;} .fullWide .blockQuote, .halfWide .blockQuote, .twoThirdWide .blockQuote {margin-left:40px;} .fullWide .blockQuote.left, .halfWide .blockQuote.left, .twoThirdWide .blockQuote.left {margin-right:40px;} /* Column: Splitcolumn ---------------------------------------------- */ .column .splitColumn {float:left; width:100%;} .column .splitColumn.line {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; padding-bottom:15px;} .column .splitColumn.information {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; margin-bottom:22px; padding-bottom:9px;} .column .splitColumn > div {float:left; width:290px;} .column .splitColumn > div:nth-child(2) {float:right;} .column .splitColumn .row {float:left; padding-bottom:29px; width:100%;} .column .splitColumn .row > div {float:left; width:290px;} .column .splitColumn .row > div:nth-child(2) {float:right;} .column .splitColumn .blockQuote {margin:11px 0 0 0;} .splitPage .column .splitColumn > div {float:left; width:450px;} /* Column: Triple column ---------------------------------------------- */ .column .tripleColumn {float:left; width:100%;} .column .tripleColumn.line {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; padding-bottom:15px;} .column .tripleColumn .row {float:left; padding-bottom:15px; width:100%;} .column .tripleColumn .row > div {float:left; margin-right:30px;; width:290px;} .column .tripleColumn .row > div:nth-child(3) {float:right; margin:0;} /* Column: Get in Touch ---------------------------------------------- */ .column .block {background-color:#f4f4f4; margin-bottom:10px; padding:0 0 8px 10px;} .homePage .column .block {background-color:#fff;} .column .block h3 {color:#333; font:1.1em Verdana, Geneva, sans-serif; font-weight:700; padding-top:9px;} .column .block img {margin-top:0;} .homePage .column .block p {height:auto; padding:0;} .column .block ul {margin:5px 0 4px 0;} .column .block ul li {color:#6b6b6b;} .column .block ul li a {text-decoration:none;} .column .block ul li a:hover {text-decoration:underline;} .column .block ul li.callusback {background:url("/static/img/sprite-icons.gif") -160px -527px no-repeat; margin:0; padding-left:25px;} /*.homePage .column .block ul li.callusback {background-position:-512px -142px;}*/ .column .block ul li.callus {background:url("/static/img/sprite-icons.gif") -192px -495px no-repeat; margin:0; padding-left:25px;} .homePage .column .block ul li.callus {background-position:-544px -155px;} .column .block ul li.mail2 {background:url("/static/img/sprite-icons.gif") -352px -335px no-repeat; margin:0; padding-left:25px;} .homePage .column .block ul li.mail2 {background-position:-64px -623px;} .column .block ul li.triodos {background:url("/static/img/sprite-icons.gif") -224px -463px no-repeat; margin:0; padding-left:25px;} .column .formElement {background-color:#ddf1ef;} .column .formElement label {display:none;} .column .formElement div {clear:both;} .column .formElement .text {border:1px solid #a5acb2; color:#6b6b6b; font:1em Verdana, Arial, Helvetica, sans-serif; margin:5px 5px 10px 0; padding:4px 2px 5px 4px; width:257px;} .column .formElement .buttons {width:270px;} .column .formElement .button {background:url("/static/img/bg-buttonForm-l.gif") 0 0 no-repeat; clear:none; width:160px;} .column .formElement .button input {background:transparent url("/static/img/bg-buttonForm-r.gif") 100% 100% no-repeat; border:none; color:#fff; cursor:pointer; font:1.1em Arial, Helvetica, sans-serif; line-height:1.1em; height:27px; margin:-3px 0 0 0; padding:0 9px; vertical-align:top; text-align:right; width:160px;} .column .formElement .jumptoNav {background:url("/static/img/bg-selectBox.gif") 0 2px no-repeat; clear:none; float:left; height:21px; padding:5px 0 7px 12px; width:258px;} .column .formElement .jumptoNav select {border:0; color:#6b6b6b; float:left; font-size:1.1em; margin:1px 16px 0 0px; padding-left:2px; width:232px;} .column .formElement .jumptoNav input.submit {background:transparent url("/static/img/bt-submit.gif") 0 0 no-repeat; margin:2px 0 0 0; border:0; cursor:pointer; float:left; width:10px; height:14px; text-indent:-900em;} .column .formElement.horizontal {padding:4px 0 1px 10px;} .column .formElement.horizontal h3 {float:left; padding-right:12px;} .column .formElement.horizontal .jumptoNav {margin-top:2px;} .column .line .richText.announcement {background-color:#fffed6; float:none; min-height:210px;} .sizeMedium .column .line .richText.announcement {margin-bottom:11px; min-height:230px;} .sizeLarge .column .line .richText.announcement {margin-bottom:11px; min-height:250px;} /* Column: Get in Touch (customerService) ---------------------------------------------- */ .customerService .homePage .column .contact {width:610px;} .customerService .homePage .column .contact h2 {color:#000; left:324px; padding:0; position:absolute; top:10px; width:100px; z-index:1;} .customerService .homePage .column .contact .block {background-color:#e6f4f4; min-height:210px; overflow:hidden; padding:0;} .customerService .homePage .sizeMedium .column .contact .block {min-height:230px;} .customerService .homePage .sizeLarge .column .contact .block {min-height:250px;} .customerService .homePage .column .contact .block img {float:left; margin-right:10px;} .customerService .homePage .column .contact .block p {padding-left:10px;} .customerService .homePage .column .contact .block ul {background-color:#f5fbfb; margin-bottom:12px; padding:8px 10px 12px 13px;} .customerService .homePage .column .contact .block ul li {color:#333;} .customerService .homePage .column .contact .block ul li span {color:#666;} .customerService .homePage .column .contact .block ul a {text-decoration:underline;} .customerService .homePage .column .contact .block ul a:hover {text-decoration:none;} .customerService .homePage .column .contact .block .info {overflow:hidden;} .customerService .homePage .column .contact .block img + .info h3:first-child, .customerService .homePage .column .contact .block img + .info p:first-child {padding-top:36px;} /* Column: rates ---------------------------------------------- */ .column .rates {background-color:#ecf8f7; border:#a7d5c5 solid 1px; float:left; margin:7px 0 85px 0; width:288px;} .column .rates ul {margin-bottom:0;} .column .rates ul li {background:none; color:#000; float:left; font-size:1.1em; line-height:1em; margin-left:0; padding:0; position:relative; width:288px;} .column .rates ul li.notvisible {display:none;} .column .rates ul li.selected {display:block;} .column .rates ul li span.text {background-color:#fff; color:#333; float:left; line-height:1.25em; padding:6px 8px 8px 8px; text-decoration:none; width:184px;} .column .rates ul li span.rate {position:absolute; top:27%; right:9px;} /* Column: clickArea ---------------------------------------------- */ .column .clickArea {background-color:#ecf8f7; float:left; margin:3px 0 8px 0; width:930px;} /* clickArea: C&S opening ---------------------------------------------- */ .clickArea div.CSopening {float:left; padding:15px 0 0 85px;} .clickArea div.CSopening ul {margin-bottom:0;} .clickArea div.CSopening ul li {background:none; color:#333; float:left; font:1.65em Arial, Helvetica, sans-serif; line-height:1.15em; margin-left:0; padding:0 18px 13px 0;} .clickArea div.CSopening ul li a {background:url("/static/img/bg-btn.png") 0 -276px no-repeat; display:block; height:79px; text-decoration:none; padding:13px 40px 0 15px; width:187px;} .clickArea div.CSopening ul li a:hover {background-position:-242px -92px;} /* clickArea: Videos ---------------------------------------------- */ .clickArea div.videos {float:left; padding:17px 0 3px 45px;} .clickArea div.videos div.video {color:#333; float:left; font-size:1em; line-height:1.35em; margin-right:19px; padding-bottom:15px; width:196px;} .clickArea div.videos div.video a {display:block; padding:0 3px;} .clickArea div.videos div.video a.visual {background:url("/static/img/bg-videoThumb.gif") 0 0 no-repeat; float:none; height:113px; margin-bottom:5px; padding:4px; position:relative; text-decoration:none; width:188px;} .clickArea div.videos div.video a.visual span {background:url("/static/img/bt-play.png") 0 0 no-repeat; display:block; height:44px; left:73px; position:absolute; text-indent:-900em; top:36px; width:44px;} .clickArea div.videos div.video a.visual:hover span {background-image:url("/static/img/bt-play-hover.png");} .clickArea div.videos div.selected a.visual {background:url("/static/img/bg-videoThumb-active.gif") 0 0 no-repeat; } /* Column: teaser block ---------------------------------------------- */ .column .teaser {margin:9px 0 7px 0;} .horizontalSidebar .column .teaser { margin: 0; } .homePage .column .teaser { margin:0; } .column .teaser {background-color:#f4f4f4; min-height:210px;} .homePage .column .teaser {background-color:#fff;} .customerService .homePage .column .teaser {background-color:#f4f4f4;} .column .teaser h2 {font:1.25em Arial, Helvetica, sans-serif; padding:11px 7px 4px 9px;} .homePage .column .teaser h2 {font-size:1.5em; line-height:1em; padding:11px 7px 0 9px;} .column .teaser p {color:#000; font-size:1em; line-height:1.65em; padding:0 9px;} .homePage .column .teaser p {font-size:1.1em; height:auto; line-height:1.45em; padding:8px 9px 0 9px;} .column .teaser .image {background-color:#e7e7e7; clear:both; width:100%;} .column .teaser .cfa { margin:16px 0 0 5px; width:282px;} .column .teaser .cfa.more {padding:0; width:100%;} .column .teaser .cfa.more a {margin-right:9px;} .column .project h2 {float:right; padding:9px 9px 2px 9px;} .homePage .column .project h2 {float:left;} .column .project .cfa.more {margin-top:0;} .column .project .image {text-align:center;} .column .projectDescription {border-bottom:#d9d9d9 solid 1px; float:left; padding-bottom:9px; width:100%;} .column .projectDescription h3 {font:1.1em Verdana, Geneva, sans-serif; padding:1px 0 4px 0;} .column .projectDescription p {color:#6b6b6b; font-size:1.1em; line-height:1.5em; padding:0;} .column .projectDescription p.intro {color:#333; font:1.1em Verdana, Geneva, sans-serif; line-height:1.5em; padding:0;} .column .projectDescription .image {float:left; padding:0 10px 5px 0;} .teaser h2 {margin-bottom:8px;} /* Column: fake list ---------------------------------------------- */ .column span.list {display:block;} .column p span.list {display:block; margin:0; padding:0;} .column p span.list span {font-size:1.08em; height:1%;} /* Column: Animationbox ---------------------------------------------- */ .column .animationBox {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; position:relative; padding-bottom:24px;} /* Column: watch Video Container ---------------------------------------------- */ .column .watchVideoContainer {background-color:#f4f4f4; float:left; margin-bottom:9px; width:100%;} .column .watchVideoContainer .watchVideo {margin:0 auto; width:560px;} /* Column: folder structure ---------------------------------------------- */ .column .folderPath {color:#333; font-size:1.1em; padding:14px 0 16px 0} .column .folders {float:left; padding:2px 0 21px 0; width:100%;} .column .folders ul {margin-bottom:0;} .column .folders ul li {background:url("/static/img/bg-folders-line.gif") 0 100% repeat-x; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; line-height:1.35em; margin-left:0; padding:0 0 2px 0;} .column .folders ul li a {color:#1e6f64; display:block; padding:6px 0px; text-decoration:none;} .column .folders ul li a:hover {text-decoration:underline;} /* Column: location ---------------------------------------------- */ .column .location {float:left; padding-bottom:17px; width:100%;} .column .location h2 {padding:13px 0 6px 0;} /* Column: address ---------------------------------------------- */ .column .address {float:right; width:305px;} .column .address h3 {font-size:1.3em; padding:7px 0 10px 0;} .column .address ul li {font-size:1.1em; line-height:1.45em;} .column .address address {color:#333; font-size:1.1em; font-style:normal; line-height:1.65em;} /* Map Canvas ---------------------------------------------- */ #map_canvas {position:relative;} /* Column: Google Map Wrapper ---------------------------------------------- */ .column .googleMapWrapper {float:left; height:260px; width:270px; position:relative;} .column .googleMapWrapper .note, #map_canvas .note {position:absolute; bottom:5px; left:5px; background:url("/static/img/bg-notification3-bottom.png") left bottom no-repeat; display:inline-block; min-height:18px; width:260px; padding:0;} #map_canvas.small .note {left:15px;} #map_canvas.medium .note {left:175px;} #map_canvas.large .note {left:335px;} .column .googleMapWrapper .note .innernote, #map_canvas .note .innernote {background:url("/static/img/bg-notification3-top.png") left top no-repeat; padding:0; margin-top:-6px; min-height:6px;} .column .googleMapWrapper .note .innernote p, #map_canvas .note .innernote p {padding:6px 9px 5px 9px;} /* Column: project view ---------------------------------------------- */ .projectView {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; float:left; margin-bottom:25px; padding-bottom:7px; width:100%;} .projectView .visual {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; margin-bottom:18px; padding-bottom:25px; width:100%;} .projectView .thumbOverview {float:left; width:100%;} .projectView .thumbOverview div.row {float:left; height:178px; width:100%;} .projectView .thumbOverview div.row div {color:#6b6b6b; float:left; line-height:1.4em; min-height:146px; margin:0; padding:0; width:140px;} .projectView .thumbOverview div.row div:first-child {padding-right:10px;} .projectView .thumbOverview div.row div a {display:block; padding-left:6px;} .projectView .thumbOverview div.row div a.thumb {padding:3px;} .projectView .thumbOverview div.row div a.thumb:hover {background:url("/static/img/bg-thumb-hover.gif") 0 0 no-repeat;} .projectView .thumbOverview div.row div span {display:block; padding-left:6px;} .projectView .pageNav {background-color:#f4f4f4; color:#a7d5c5; float:left; font-size:1.1em; line-height:1.1em; padding:9px 0 6px 0; text-align:right; width:100%;} .projectView .pageNav a.next {background:url("/static/img/arrow-double-right.gif") 100% 4px no-repeat; cursor:pointer; margin-right:10px; padding:0 17px 0 10px;} .projectView .pageNav a.next:hover {background-image:url("/static/img/arrow-double-right-hover.gif");} .projectView .pageNav a.previous {background:url("/static/img/arrow-double-left.gif") 0 4px no-repeat; cursor:pointer; padding:0 10px 0 17px;} .projectView .pageNav a.previous:hover {background-image:url("/static/img/arrow-double-left-hover.gif");} .projectView .pageNav span.next {background:url("/static/img/arrow-double-noitems-right.gif") 100% 4px no-repeat; color:#999; cursor:pointer; margin-right:10px; padding:0 17px 0 10px;} .projectView .pageNav span.previous {background:url("/static/img/arrow-double-noitems-left.gif") 0 4px no-repeat; color:#999; cursor:pointer; padding:0 10px 0 17px;} /* mggg Carrousel ---------------------------------------------- */ .carrousel {clear:both;} .carrousel .carrouselpanes {clear:both; overflow:hidden; padding-bottom:15px; width:940px;} .mgggSearch .carrouselpanes {width:940px;} .mgggSearch .mgggProjectViewAcc .carrouselpanes {width:480px;} .carrousel .carrouselpanes .item {float:left; line-height:1.4em; margin:0 10px 0 0; min-height:270px; padding:0; width:198px;} .mgggSearch .carrouselpanes .item {margin-right:8px; min-height:200px; width:148px;} .mgggSearch .mgggProjectViewAcc .carrouselpanes .item {width:148px;} .carrousel .carrouselpanes .selected {background:#f0faf9;} .carrousel .carrouselpanes .lastitem {margin-right:0;} .mgggSearch .carrousel .carrouselpanes .itemText {height:50px; word-wrap: break-word;} .carrousel .carrouselpanes p {padding:0;} .carrousel .carrouselpanes .metainfo {color:#707070; display:block; font:1em Verdana; padding:0 0 5px 0;} .carrousel .carrouselpanes .metainfo a {color:#707070; font:1em Verdana; padding:0; text-decoration:none;} .carrousel .carrouselpanes img {margin-bottom:5px;} .carrousel .carrouselpanes .itemText h2.hidden {display:none;} .carrousel .carrouselpanes .itemText h2 {display:block; font-size:1.3em; line-height:1.3em; padding:0 0 3px 0; width:auto; word-wrap:break-word; overflow:hidden; max-height:54px;} .carrousel a.browse {display:none;} .column .carrouseltabs {float:right; margin:0; padding:0;} .column .carrouseltabs li {background:none; float:left; margin:0; padding:0; text-indent:0; list-style-type:none;} .column .carrouseltabs li a {display:inline-block; height:20px; margin:0; padding:0 6px; text-align:center; text-decoration:none; width:auto;} .column .carrouseltabs li a.current {background:#2e9a76; color:#fff;} /* mggg Carrousel Javascript enabled ---------------------------------------------- */ .jcarrousel {margin-top:12px; position:relative; width:100%;} .jcarrousel .incarrousel {background:#d2edea url("/static/img/bottom-shadow.png") 0 100% repeat-x; clear:both; overflow:hidden; padding:12px 12px 27px 12px;} .jcarrousel .carrouselpanes {clear:both; height:132px; padding:0; position:relative; width:907px;} .jcarrousel .carrouselpanes .items {background:none; margin:0 0 0 -1px; overflow:hidden; padding:0; position:absolute; width:20000em;} .jcarrousel .carrouselpanes .item {float:left; height:132px; margin:0 7px 0 0; min-height:210px; overflow:hidden; padding:0; width:197px;} .jcarrousel .carrouselpanes .lastitem {margin-right:7px;} .jcarrousel .carrouselpanes .metainfo {color:#fff; font-size:1.1em; margin-bottom:5px;} .jcarrousel .carrouselpanes .metainfo a:hover {} .jcarrousel .carrouselpanes img {display:block; position:absolute;} .jcarrousel .carrouselpanes .itemText {background:url("/static/img/carousel-text-1.png") 0 10px no-repeat; bottom:70px; height:auto; padding:15px 10px 10px 10px; position:absolute; width:177px; z-index:90;} .jcarrousel .carrouselpanes .itemText .descriptionText {height:0; overflow:hidden;} .jcarrousel .carrouselpanes .itemText h2 {overflow:hidden;} .jcarrousel .carrouselpanes .itemText h2, .jcarrousel .carrouselpanes .itemText p, .jcarrousel .carrouselpanes .itemText a {color:#fff; line-height:1.2em;} .jcarrousel .carrouselpanes .itemText p a {overflow:hidden; text-decoration:none;} .jcarrousel .carrouselpanes .itemText a:hover {text-decoration:underline;} .jcarrousel .carrouselpanes .itemText h2 {display:block; max-height:17px; overflow:hidden; width:177px;} .jcarrousel .carrouselpanes .itemText h2 a {display:block; text-decoration:none;} .jcarrousel a.browse {cursor:pointer; display:inline-block; position:absolute; top:35%; height:29px; text-indent:-2000px; width:29px; z-index:95;} .jcarrousel a.nextPage {background:url("/static/img/next.png") 0 0 no-repeat; right:4px;} .jcarrousel a.prevPage {background:url("/static/img/previous.png") 0 0 no-repeat; left:4px;} .jcarrousel .image5 {background:url("/static/img/green-transparent.png") 0 0 repeat-x; height:132px; position:absolute; right:0; top:12px; width:103px; z-index:99;} .column .jcarrousel .carrouseltabs {position:absolute; right:8px; top:-28px; z-index:90;} /* mggg small Carrousel ---------------------------------------------- */ .smallcarrousel .incarrousel {margin:0 0 0 -14px; overflow:hidden; padding:14px 14px 0 14px; position:relative;} .smallcarrousel .carrouselpanes {padding-bottom:0; width:286px;} .smallcarrousel .carrouselpanes .item {margin-right:14px; min-height:210px; width:289px;} .smallcarrousel a.browse {font-size:1.2em; bottom:0; height:auto; text-indent:0; top:auto; width:auto;} .smallcarrousel a.nextPage {background:url("/static/img/arrow-2-right.gif") 100% 2px no-repeat; cursor:pointer; margin:0 12px 14px 0; padding:0 11px 0 10px;} .smallcarrousel a.prevPage {background:url("/static/img/arrow-2-left.gif") 0 2px no-repeat; cursor:pointer; margin:0 0 14px 12px; padding:0 10px 0 11px;} /* mggg project view ---------------------------------------------- */ .filterContent {float:left; width:100%;} .mgggProjectView {background:#f0faf9; float:left; position:relative; width:930px;} .mgggSearch .mgggProjectView {background:#fff; width:940px;} .mgggProjectLeftView {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; width:300px;} .mgggProjectView .leftcolumn {float:left; padding:15px 16px 15px 14px; width:289px;} .mgggSearch .mgggProjectView .leftcolumn {width:470px;} .mgggProjectView .rightcolumn {float:left; padding:15px 0;} .mgggProjectView h2 {padding:0 0 15px 0; color:#333; font-size:1.6em;} .mgggProjectView h3 {padding:0 0 10px 0; color:#333; font-size:1.5em;} .mgggProjectView h4 {padding:0 0 5px 0; color:#2a574d; font:normal 1.2em Verdana;} .mgggProjectView h3 a, .mgggProjectView h4 a {color:#2a574d; text-decoration:none;} .mgggProjectView .thumbOverview div.row div a {font-size:1.1em;} /* mggg tooltip ---------------------------------------------- */ .mgggProjectView .tooltip {overflow:hidden;} .mgggProjectView .itemInfo {background:url("/static/img/overlay-top.png") 0 0 no-repeat; display:none; margin:-150px 0 0 -40px; padding-top:8px; position:absolute; z-index:998;} .mgggProjectView .itemInfoContent {background:url("/static/img/overlay-bottom.png") 0 100% no-repeat; padding:8px 16px 28px 16px; width:198px;} .mgggProjectView .itemInfoContent h3 {clear:none; color: #278059; display:block; font-size:1.3em; line-height:1.3em; padding:0 0 3px 0; width:auto;} .mgggProjectView .itemInfoContent h3 a {color: #278059; text-decoration:underline;} .mgggProjectView .itemInfo .moreLink {text-decoration:none;} /* mggg tooltip how to search ---------------------------------------------- */ .mgggProjectView .howToSearch {margin-top:10px; overflow:hidden;} .mgggProjectView .howToSearchLink {color: #278059; float:right; font:normal 1.2em Verdana;} .mgggProjectView .howToSearch div {clear:both; overflow:visible;} .mgggProjectView .howToSearch .itemInfo {background:url("/static/img/overlay-top-lft.png") 0 0 no-repeat; display:block; margin:20px 0 0 0; overflow:hidden; padding:0 0 0 9px; position:relative;} .mgggProjectView .howToSearch .itemInfo1 { margin:20px 0 0 190px; position:absolute;} .mgggProjectView .howToSearch .inneritemInfo {background:url("/static/img/overlay-top-rght.png") 100% 0 no-repeat; padding:8px 0 0 0;} .mgggProjectView .howToSearch .itemInfoContent {background:url("/static/img/overlay-bottom-lft.png") 0 100% no-repeat; margin-left:-9px; padding:0 0 0 9px; width:auto;} .mgggProjectView .howToSearch .inneritemInfoContent {background:url("/static/img/overlay-bottom-rght.png") 100% 100% no-repeat; padding:0 0 24px 0;} .mgggProjectView .howToSearch .itemInfoText {background:url("/static/img/overlay-lft.png") 0 0 repeat-y; margin-left:-9px; padding:0 0 0 9px;} .mgggProjectView .howToSearch .inneritemInfoText {background:url("/static/img/overlay-rght.png") 100% 0 repeat-y; margin-left:0; max-width:600px; overflow:hidden; padding:0 9px 0 9px;} .mgggProjectView .closeLink {background:url("/static/img/close.png") 0 0 no-repeat; display:block; height:15px; position:absolute; right:10px; text-indent:-999px; top:10px; width:15px;} /* mggg project filter ---------------------------------------------- */ .mgggSearch h1 {margin-bottom:10px;} .mgggSearch .mgggFilter {background:#f0faf9; margin-bottom:15px; overflow:hidden; padding:8px 12px 10px 12px; width:916px;} .mgggSearch .mgggFilter .leftcolumn {padding:10px 0 0 15px; width:290px;} .mgggSearch .mgggFilter .rightcolumn {padding:10px 15px 0 15px; width:275px;} .mgggFilter .filterOptionsToggler {background:url("/static/img/more.png") 0 0 no-repeat; font-size:1.1em; padding:2px 0 5px 30px;} .mgggFilter .filterOptionsToggler.less {background:url("/static/img/less.png") 0 0 no-repeat;} .mgggFilter .filterOptions1 {display:none;} .mgggSearch .paging {clear:both; margin-bottom:5px; overflow:hidden; padding-left:14px; width:926px;} .mgggSearch .pagingBttm {margin-bottom:10px;} .mgggSearch .numberResults {font:normal 1.3em Arial; float:left;} /* mggg browse list ---------------------------------------------- */ .mgggFilter .leftcolumn .browseList {margin-left:15px;} .browseList h3 {font:normal 1.5em Arial; padding-top:5px;} .browseList h4 {padding:1px 15px 3px 0; width:100%;} .browseList h4 a {clear:both; display:block; text-decoration:none; width:100%;} .browseList h4:hover {background:#d2edea;} .column .browseList ul {margin:0 0 5px 0; padding:0; width:100%;} .browseList ul li {background:none; clear:both; margin:0; padding:0 15px 0 0; position:relative;} .browseList ul li ul li {background:none; margin-left:0; padding:0;} .browseList ul li a {clear:both; display:block; padding:0 15px 2px 15px; text-decoration:none; width:100%;} .browseList ul li.selected a {background:#d2edea; font-weight:bold;} .browseList ul li a:hover {background:#d2edea;} .browseList ul li a.moreOptionsLink {background:url("/static/img/arrow-down.png") 100% 50% no-repeat; display:inline-block; padding-right:10px; width:auto;} .browseList ul li a.lessOptionsLink {background:url("/static/img/arrow-up.png") 100% 50% no-repeat; bottom:0; position:absolute;} .browseList ul li a.moreOptionsLink .less, .browseList ul li a.lessOptionsLink .more {display:none;} .browseList ul li a.lessOptionsLink .less {display:block;} .browseList ul li .moreOptions {display:none; margin:0; padding:0; position:static;} .browseList ul li .positionOptions {padding:0; position:static;} .column .browseList ul li .positionOptions ul {margin:0; padding:0 10px 20px 0;} /* mggg map navigation ---------------------------------------------- */ .mgggProjectView .regionNav {margin-bottom:8px;} .mgggProjectView .regionNav li {background:none; border-left:1px solid #bce4df; display:inline; font-size:1em; line-height:1em; list-style:none; padding:0 0 0 8px;} .mgggProjectView .regionNav li:first-child {border:none; padding:0;} .mgggProjectView .regionNav li a, .mgggProjectView .regionNav li span {font:normal 1.1em Arial; text-decoration:none;} .mgggProjectView .regionNav li.active a, .mgggProjectView .regionNav li.active span {font:bold 1.1em Arial;} .mgggProjectView .mapLegend1 {margin-top:4px; margin-left:0px; width:600px;} .mgggSearch .mapLegend1 {width:438px;} .mgggProjectView .mapLegend1 li {background:none; float:left; font-size:1em; line-height:1em; list-style:none; padding:0 10px 0 0; width:275px;} .mgggSearch .mapLegend1 li {width:391px} .mgggSearch .mgggProjectView .mapLegend1 li {clear:both; display:block; float:none; padding-bottom:5px;} .mgggProjectView .mapLegend1 li span {color:#666; display:inline-block; float:left; font:normal 1em Arial; max-width:245px; padding-top:4px; text-decoration:none;} .mgggProjectView .mapLegend1 li img {float:left;} .column .sectorNav {clear:both; float:left; margin:0 0 10px 0; padding:0; width:100%;} .column .sectorNav li {background:url("/static/img/arrow-1-right.gif") 100% 4px no-repeat; display:inline; font-size:1.1em; line-height:1em; margin:0 6px 0 0; padding:0 6px 0 0;} .column .sectorNav li.lastitem {background:none; padding:0;} .column .sectorNav li a, .column .sectorNav li span {text-decoration:none;} /* mggg google map infowindow ---------------------------------------------- */ .mgggProjectViewAcc #mgggMap, .mgggSearch .mgggProjectViewAcc #mgggMap {display:block;} .mgggSearch #mgggMap {display:none;} #mgggMap .map {min-height:474px; width:438px;} #mgggMap .googlepopup {position:absolute; background:url("/static/img/google-popup.png") no-repeat;} #mgggMap.stick {bottom:auto; position:fixed; top:0; z-index:98;} #mgggMap.stickBottom {bottom:0; position:absolute; top:auto; z-index:98;} .infowindow, .infowindow_novisual {line-height:1.1em; font:1em Verdana; position:relative; padding:0 12px 0 12px;} .infowindow strong, .infowindow_novisual strong {color:#278059; display:block; padding-bottom:2px; text-decoration:underline;} .infowindow div, .infowindow_novisual div {color:#000; display:block; padding:6px 0 0 0; } .infowindow .metaInfo {color:#707070; padding-top:1px;} .infowindow .ethumb {display:block; left:0; margin-bottom:10px; position:relative; top:3px;} .infowindow a.moreInfo {text-decoration:underline; padding-top:3px; display:inline;} .closeImage {margin: 5px 12px 0 0; cursor: pointer;} /* mggg quote block ---------------------------------------------- */ .quoteBlock {background:url("/static/img/quote.gif") 0 0 no-repeat; padding-left:35px;} .quoteBlock p {color:#666; font:normal 1.3em/1.4em Verdana;} .quoteBlock .more {color:#666; font:normal 1.2em/1.3em Verdana;} .quoteBlock a {text-decoration:none;} /* mggg searchbox ---------------------------------------------- */ .searchBox {margin-bottom:30px; overflow:hidden;} .searchBox div {clear:both; overflow:hidden;} .searchBox div div {clear:none; margin-bottom:0; padding-top:0;} .searchBox label {cursor:pointer; font:normal 1.3em Arial; float:left; margin-right:10px; line-height:1.9em;} .searchBox .text {border:1px solid #a5acb2; color:#6b6b6b; float:left; font:1.1em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:4px 2px 6px 4px; width:252px} .searchBox .button input {background:transparent url("/static/img/search-bttn.gif") 100% 100% no-repeat; border:none; color:#fff; cursor:pointer; line-height:1.1em; height:26px; overflow:hidden; padding:0; width:26px;} .searchBoxRight {bottom:-3px; float:right; margin:10px 0 0 0; position:relative; min-width:290px;} .searchBox .messageTop {margin-bottom:10px; padding:0;} .searchBox .message p {color:#e00120; font-weight:bold; margin-bottom:10px; text-transform:none;} .searchBox .message span.messageHint {color:#e00120; display:block; line-height:1.1em; padding:10px 0 10px 0; width:260px;} .searchBox .message span.messageVisual {float:left; height:14px; padding:5px 8px 0 2px; width:14px;} .searchBox .message ul {list-style:none; margin:0 0 10px 0; padding:0;} .searchBox .message label {color:#e00120;} .searchBox .message li {background:none; color:#e00120; margin-left:0; padding:0;} .searchBox .message li label {float:none; font-weight:bold;} .searchBox .message li span {color:#000; display:block; padding-bottom:3px;} .searchBox .message select {border:#f58292 solid 1px; color:#e00120;} .searchBox .message textarea {border:#f58292 solid 1px; color:#e00120;} .searchBox .message input.text {border:#f58292 solid 1px; color:#e00120;} .searchBox .message input.file {border:#f58292 solid 1px; color:#e00120;} .searchBox .message .collection label {color:#e00120;} /* mggg searchterms ---------------------------------------------- */ .searchTerms {background:#fffed6; clear:both; font-size:1.3em; margin-bottom:7px; overflow:hidden; padding:8px; width:924px;} .searchTerms a, .searchTerms a:hover {color:#333; margin-right:10px; padding:0 0 2px 0; text-decoration:none;} .searchTerms .closeLink, .searchTerms .closeLink:hover {background:url("/static/img/close.png") 100% 2px no-repeat; padding-right:20px; line-height:19px;} .searchOptions {padding:8px; width:924px;} /* mggg overlay ---------------------------------------------- */ .filterContent {float:left; position:relative; width:100%;} .overlay {background-image:url("/static/img/bg-overlay.png"); left:0; top:0; position:absolute; width:100%; height:100%; z-index:99;} .inneroverlay {text-align:center;} .inneroverlay img {margin:55px auto 0 auto; left:50%; position:fixed;} .format .divGreyRow {background:#f7f7f7;} .format .divGreyRow a {text-decoration:none;} ul.projectsList li {background:url("/static/img/sprite-icons.gif") -128px -563px no-repeat; font-size:1.1em; line-height:1.6em; padding:1px 8px 0 10px;} ul.projectsList li a {text-decoration:none;} .selectedProject {background:#f0faf9; margin:0 -13px; overflow:hidden; margin-bottom:20px; padding:15px;} .relatedContent .selectedProject h2 {text-transform:none;} .selectedProject a.projectRating, .selectedProject a.projectRating:hover {background:url("/static/img/star.png") 0 0 no-repeat; display:inline-block; font:1.2em Verdana; margin-left:-5px; padding:0 0 4px 20px; text-decoration:underline;} .errorText {color:#ff0000; font:normal 1.1em Arial;} .selectedProject .leftcolumn { float:left; margin-right:10px; width: 140px;} .selectedProject .rightcolumn p {font-size:1em;} /* Column: project locatio ---------------------------------------------- */ .projectLocation {float:left; width:100%;} .relatedContent .projectLocation {padding-bottom:6px;} .projectLocation div.row {float:left; width:100%;} .projectLocation div.row div {float:left; line-height:1.4em; margin:0; padding:0 0 10px 0; width:140px;} .projectLocation div.row div span {color:#6b6b6b; font:1em Arial, Helvetica, sans-serif; line-height:1.45em;} .projectLocation div.row div strong {display:block; font-size:1.1em; line-height:1.5em; padding-bottom:5px;} .projectLocation div.row div a.thumb {display:block; padding:3px;} .projectLocation div.row div a.thumb:hover {background:url("/static/img/bg-thumb-hover.gif") 0 0 no-repeat;} .projectLocation div.row div:first-child {padding-right:10px;} .projectLocation div.row div form {margin:0; padding:0;} .projectLocation div.row div form label {display:none;} .projectLocation div.row div form div {clear:both; padding:0;} .projectLocation div.row div form .text {border:1px solid #a5acb2; color:#6b6b6b; font:1em Verdana, Arial, Helvetica, sans-serif; font-style:italic; margin:5px 5px 10px 0; padding:4px 2px 5px 4px; width:132px;} .projectLocation div.row div form .buttons {width:140px;} .projectLocation div.row div form .button {background:url("/static/img/bg-buttonForm-l.gif") 0 0 no-repeat; clear:none; width:70px;} .projectLocation div.row div .button input {background:transparent url("/static/img/bg-buttonForm-r.gif") 100% 100% no-repeat; border:none; color:#fff; cursor:pointer; font:1.1em Arial, Helvetica, sans-serif; line-height:1.1em; height:27px; margin:-3px 0 0 0; padding:0 9px; vertical-align:top; text-align:right; width:80px;} .projectLocation div.row p {padding-bottom:10px;} .projectLocation .searchBox label { clear:both; float:none;} /* Column: Message text ---------------------------------------------- */ .column .messageText {} .column .messageText ul li {color:#2A574D;} .column .messageText h2.message {color:#e00120;} .column .messageText ul.message li {color:#e00120;} /* Column: Clickable visual ---------------------------------------------- */ .column .clickableVisual {background-color:#ecf8f7; min-height:214px; position:relative;} .column .clickableVisual h2 {color:#000; padding-bottom:9px;} .column .clickableVisual img {} .column .clickableVisual ul {margin-bottom:0;} .column .clickableVisual ul li {background:none; font-size:0.9em; left:0; margin:0; padding:0; position:absolute; top:0;} .column .clickableVisual ul li a {color:#000;} .column .clickableVisual ul li a:hover {text-decoration:none;} .column .clickableVisual ul li a.color1 {color:#fff;} .column .clickableVisual ul li#schenkgeld {left:29px; top:68px; width:47px; text-align:center;} .column .clickableVisual ul li#liquiditeiten {left:38px; top:114px;} .column .clickableVisual ul li#venture {left:159px; top:75px;} .column .clickableVisual ul li#obligaties {left:129px; top:150px;} .column .clickableVisual ul li#aandelen {left:260px; top:152px;} .column .clickableVisual ul li#groeneCulturele {left:120px; top:110px; width:106px; text-align:center;} .column .clickableVisual ul li#sociaalEthische {left:246px; top:110px; width:100px; text-align:center;} .column .clickableVisual ul li#vastgoed {left:194px; top:147px; width:52px; } .homePage .column .richText .cfa, .customerService .column .richText .cfa {left:0px; position:absolute; bottom:7px;} .splitPage .column .richText .cfa {position:static;} .homePage .column .richText .teaser .cfa, .customerService .column .richText .teaser .cfa {left:0px; position:absolute; bottom:7px;} .homePage .column .richText .cfa.fa, .customerService .column .richText .cfa.fa {bottom: 0;} .homePage .column .richText .cfa.fa.medium, .customerService .column .richText .cfa.fa.medium {bottom:4px;} .homePage .column .tabWrapper .richText .cfa, .customerService .column .tabWrapper .richText .cfa {position: static;} /* Column: MGGG homepage. ---------------------------------------------- */ .column .mggg-homepage {float:left; width:100%;} .column .mggg-homepage h2 {color:#2a574d; font-size:30px; font-weight:100; left:0; line-height:0.95em; position:absolute; top:0; width:200px;} .column .mggg-homepage .cfa {left:5px; position:absolute; bottom:7px;} /* Column: Size possibilities ---------------------------------------------- */ .home {width:950px; margin:0 5px 20px 5px;} .fullWide {width:930px;} .mgggSearch .fullWide {width:940px;} .homePage .fullWide p {height:auto; padding:0 0 12px 0;} .splitPage .column p {font-size:1em; line-height:18px; padding:0 10px;} .halfWide {width:610px;} .twoThirdWide {width:610px;} /* Form-Column ---------------------------------------------- */ .form-column {float:left; font-family:Verdana, Geneva, sans-serif; margin:0 15px 25px 15px; width:610px;} .form-column .forms-disabled h1 {color:#2a574d; font-size:26px; font-weight:100; line-height:28px; padding:7px 0 2px 0;} .form-column .forms-disabled p {color:#333; font-size:1.1em; line-height:1.45em; padding-bottom:12px;} /* Column: Product (Product page with tabs) ---------------------------------------------- */ .product.column {margin-bottom:0;} .product h1 {padding-top:0;} .product .visual {padding-right:30px; width:290px;} .product .campaign {padding-left:30px; width:290px;} .product .richText {float:left; padding-top:6px; width:610px;} .product .cfa {width:282px;} /* Audience switcher * * Only certain elements get the classname .js * It is faster for a browser to render css with * selectors as short as possible. * next to that the class active is set only * in JavaScript. It is useless to add the class * 'js' in the selector. ---------------------------------------------- */ .navBottom.right {text-align:right; width:100%;} .navBottom .audienceSwitcher {clear:both; float:right; margin:0; width:920px; position:inherit;} .navBottom .audienceSwitcher .audienceDropdown {/*left:0;*/ /*text-align:left;*/} .navBottom .audienceSwitcher .audienceItems {display:inline; float:none; padding-top:3px; position:absolute;/* width:inherit;*/ text-align: left; width:920px;} .navBottom .audienceSwitcher .audienceSwitcherTitle {display:inline; float:none;} .sectionTitle { float: left; } .audienceSwitcher { /* Default JS / NOJS */ float: left; cursor: pointer; height:15px; line-height: 15px; margin: 18px 0 0 0; font-size: 1.1em; display: inline; position: absolute;} .audienceSwitcher .audienceDropdown {font-family:Arial, Helvetica, sans-serif; font-size:1.1em;} /* * IF JS is unavailable */ /*.navBottom .audienceSwitcher { display: none; }*/ .audienceSwitcher .audienceSwitcherTitle { display:block; float:left; line-height:20px; margin-bottom:0; margin-left:10px; margin-top:-3px;} .audienceSwitcher .audienceItems { margin-left:10px; line-height:20px; margin-top:-3px; position:absolute; white-space:nowrap; } .js .audienceSwitcher .audienceItems { position:static; width: 245px; } .audienceSwitcher .item { border-left: 2px solid #6b6b6b; padding: 0 0 0 10px; margin-left: 10px; white-space: nowrap; } .audienceSwitcher .item a { color: #278059; } .audienceSwitcher .item.first { border: none; padding: 0; margin: 0; } /* * IF JS is available */ .js .audienceSwitcher {float:left; position:relative; z-index:2;} .js .navBottom.right {text-align:left; width:100%;} .js .navBottom .audienceSwitcher {position:relative;} .js .navBottom .audienceSwitcher.active {margin-top:15px; top:-10px;} .js .navBottom .audienceSwitcher {clear:both; display:block; float:right; margin:0; width:250px; } .js .navBottom .audienceSwitcher .audienceSwitcherTitle {float:right;} .js .navBottom .audienceSwitcher .audienceItems {float:left; padding-top:0; width:245px;} .audienceSwitcher.active { /* onclick */ height: auto; margin-left:20px;} .js .audienceSwitcher .audienceItems {float:left; width: 245px; } .js .audienceSwitcher .audienceSwitcherTitle { color: #278059; display: block; font-weight: normal; line-height:15px; margin-top:0; text-decoration: underline; margin-bottom: 10px; width:auto;} .js .audienceSwitcher .audienceDropdown { background: #fff; position: absolute; white-space: nowrap; height: 8px; left: 0; overflow: hidden; padding: 0 0 10px 0; top: 0; width: 250px; } .audienceSwitcher.active .audienceDropdown { /* onclick */ background: #fff url(/static/img/arrow-down-filled-black.gif) no-repeat /*96.5%*/ 100% 15px; height: auto; border: 1px solid #6b6b6b; padding: 9px; margin-left: -10px; top: -10px; right: 10px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; } .audienceSwitcher.active .audienceDropdown .audienceSwitcherTitle { /* onclick */ color: #333; margin-left:0; text-decoration: none; } .js .navBottom .audienceSwitcher .audienceDropdown {left:auto; right:0; text-align:inherit;} .js .navBottom .audienceSwitcher.active .audienceDropdown .audienceSwitcherTitle {float:left;} .js .audienceSwitcher .audienceItems { margin-left: 0; } .audienceSwitcher.active .item { background: url("/static/img/arrow-2-right.gif") no-repeat 100% 6px ; border: none; display: block; margin: 0; padding-left: 0; } .audienceSwitcher.active .item { color: #253C8B; } /* Brandbox ---------------------------------------------- */ .brandBox {background-color:#fff; border:#d9d9d9 solid 1px; float:left; margin-top:4px; width:948px; z-index:1} .brandBox div.tlc {background-image:url("/static/img/bg-brandbox-tlc.gif");} .brandBox div.trc {background-image:url("/static/img/bg-brandbox-trc.gif");} .brandBox div.blc {background-image:url("/static/img/bg-brandbox-blc.gif");} .brandBox div.brc {background-image:url("/static/img/bg-brandbox-brc.gif"); min-height:288px;} .brandBoxNavWrapper {background:url("/static/img/brandbox-transparent.png") 2px 0 no-repeat; overflow:hidden; bottom:-1px; font-family:Arial, Helvetica, sans-serif; left:-2px; position:absolute; width:950px; z-index:3; padding-top:9px;} .brandBoxNav {background:url("/static/img/bg-brandbox-nav.png") 0 -1px no-repeat; border-top:1px solid #278059;} .brandBoxNav ul {overflow:hidden; margin:0; position:relative; top:-1px;} .brandBoxNav ul li {background:none; float:left; margin:0; overflow:hidden; padding:8px 0 10px 0; margin-left:-1px; position:relative;} .brandBoxNav ul li.activeSlide {background:url("/static/img/brandbox-nav-active.png") 0 0 no-repeat;} .brandBoxNav ul li:first-child {margin-left:0;} .brandBoxNav ul li a, .brandBoxNav ul li span {border-right:1px solid #a7d5c5; display:block; height:31px; line-height:1.15em; padding:3px 12px 0 12px; text-align:center; text-decoration:none; width:137px;} .brandBoxNav ul li.activeSlide a, .brandBoxNav ul li.activeSlide span {border-right:none; color:#2a574d; padding-right:13px;} .brandBoxWrapper {display:block; height:289px; overflow:hidden; position:relative; width:946px; z-index:1;} .brandBoxWrapper .item {display:none; position:absolute; left:950px; width:946px; z-index:2} .brandBoxWrapper .item.selected {display:block; left:0; z-index:1} .brandBoxWrapper .item h2 {font-size:25px; font-weight:400; line-height:23px; margin-bottom:0; padding:26px 0 0 0;} .brandBoxWrapper .item p {height:auto; padding:8px 0 0 0; font-family:Arial, Helvetica, sans-serif} .brandBoxWrapper .item p a {background:url("/static/img/arrow-2-right.gif") 100% 4px no-repeat; padding-right:10px;} .brandBoxWrapper .item .richText {float:none; left:0; padding-left:23px; position:absolute; top:0; width:614px;} .brandBoxWrapper .item .related {bottom:40%;left:auto; padding:0; right:0; top:10%; width:279px;} .brandBoxWrapper .item .related h3 {color:#000; font-size:26px; padding-bottom:0;} .brandBoxWrapper .item .related p {color:#424242; font-size:18px; line-height:20px; padding-bottom:20px;} .brandBoxWrapper .item .related a {background:url("/static/img/sprite-buttons-medium.png") 0 -224px no-repeat; display:block; font:1.1em Arial, Helvetica, sans-serif; min-height:32px; padding:9px 0 0 40px; text-decoration:none;} .brandBoxWrapper .item .related a:hover {background-position:-64px -160px; text-decoration:underline;} .brandBoxWrapper .item .relatedImage {left:auto; right:0; padding:0; position:absolute; top:0; width:299px;} .brandBoxWrapper .item .richText .color2 {color:#fff;} .brandBoxWrapper .linkText {display:none;} .actions {bottom:13px; height:24px; position:absolute; right:12px; width:70px; z-index:200} .actions a {background:url("/static/img/sprite-buttons-stop-play.png") 0 0 no-repeat; display:block; float:right; height:24px; margin-left:4px; text-indent:-900em; width:24px;} .actions .hidden {display:none;} .actions a.resume, .actions a.resume:hover {background-position:-32px -72px;} .actions a.pause, .actions a.pause:hover {background-position:-96px -8px;} .brandBoxWrapper .flashContainer {background:url("/static/img/bg-flash.png") 0 0 no-repeat; height:220px; left:0; padding:8px; position:absolute; top:0; width:632px} .brandBoxWrapper .flashContainer .flash {display:block;} .brandBoxWrapper .flashContainer .flash embed {margin:auto; position:relative;} .vote .flashContainer {background:#f4f4f4; margin-bottom:32px; text-align:center;} /* Edged Container ---------------------------------------------- */ .edgedContainer {background-color:#fff; border:#a7d5c5 solid 1px; float:left; margin:8px 0 10px 0; width:100%;} .edgedContainer div.tlc {background-image:url("/static/img/tlc-edgedContainer.gif");} .edgedContainer div.trc {background-image:url("/static/img/trc-edgedContainer.gif");} .edgedContainer div.blc {background-image:url("/static/img/blc-edgedContainer.gif");} .edgedContainer div.brc {background-image:url("/static/img/brc-edgedContainer.gif"); padding:10px 5px 19px 4px;} .forms {margin:3px 0 21px 0; width:608px;} .forms div.brc {padding:8px 10px 0 8px;} .acts {margin:3px 0 21px 0; width:378px;} .acts div.brc {min-height:370px; padding:14px 17px 0 17px;} .mggg {width:928px;} .mggg div.brc {padding:12px 9px 15px 8px; position:relative;} div.edgedText h2 {background-color:#c9e9e5; color:#333; float:left; font:1.65em Arial, Helvetica, sans-serif; line-height:1.2em; margin:0 0 13px 0; padding:10px 10px 8px 10px; text-align:left; width:570px} div.edgedText .richText {background-color:#ecf8f7; float:none; margin-bottom:10px; padding:0 0 2px 0;} div.edgedText .richText p {padding-left:10px; padding-bottom:10px;} div.edgedText .richText ul {margin-left:11px;} div.edgedCFA {clear:both; padding:10px 0; width:100%;} /* Form ---------------------------------------------- */ .form {float:left; width:590px;} .form fieldset {background-color:#ecf8f7; border:0; margin-bottom:15px; padding:0 0 6px 0; position:relative;} .form fieldset.noLegend {padding:6px 0 0 0;} .form legend {background-color:#c9e9e5; color:#333; float:left; font:1.65em Arial, Helvetica, sans-serif; line-height:1.2em; margin:0 0 10px 0; padding:10px 10px 8px 10px; text-align:left; width:570px} .form span.explanation {color:#333; position:absolute; right:9px; top:14px;} .form span.explanation span {color:#2a574d;} .form div {clear:both; margin-bottom:9px; overflow:hidden;} .form div div {clear:none; margin-bottom:0;} .form label {cursor:pointer; float:left; line-height:1.9em;} .form label.front {line-height:1.2em; padding:5px 6px 10px 11px; width:179px;} .form span.mandatory {color:#2a574d; float:right; line-height:0.9em; padding:1px 0 0 15px;} .form .text {border:1px solid #a5acb2; color:#6b6b6b; padding:4px 2px 5px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:257px; margin:0 5px 6px 0;} .form .file {border:1px solid #a5acb2; color:#6b6b6b; padding:4px 2px 5px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:257px; margin:0 5px 0 0;} .form select {border:1px solid #a5acb2; color:#6b6b6b; padding:3px 2px 4px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:265px; margin:0 5px 0 0;} .form textarea {border:1px solid #a5acb2; color:#6b6b6b; padding:4px 2px 5px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:367px; margin:0 5px 0 0; height:79px; overflow:auto;} .form .radio {float:left; height:15px; margin:3px 8px 0 0;} .form .checkbox {float:left; height:15px; margin:3px 8px 0 0;} .form input.front {margin-left:11px;} .form .buttons {float:right; padding:5px 0 11px 0; width:395px;} .form .button {background:url("/static/img/bg-buttonForm-l.gif") 0 0 no-repeat; clear:none; float:left; text-align:right; width:160px;} .form .button.vote {background:url("/static/img/bg-buttonFormVote-l.gif");} .form .button input {background:transparent url("/static/img/bg-buttonForm-r.gif") 100% 100% no-repeat; border:none; color:#fff; cursor:pointer; font:1.1em Arial, Helvetica, sans-serif; line-height:1.1em; height:27px; margin:-3px 0 0 0; padding:0 9px; vertical-align:top; text-align:right; width:160px;} .form .buttons .cfa.fa.medium {width:160px;} .form .right {float:right;} .form span.hint {float:left; font-style:italic; line-height:1.9em; margin-right:8px; white-space:nowrap;} .form span.hint label {float:none; font-size:1em; line-height:1em; margin:0; padding:0;} .form .collection {width:380px; float:left; margin:0;} .form .collection div {float:left;} .form .collection label {margin-right:15px} .form .collection label {float:none;} .form .vertical div {float:none; overflow:auto;} .form .twoColumn {width:190px; float:left; margin-bottom:5px;} .form .char2 {width:19px;} .form .char4 {width:31px;} .form .char5 {width:37px;} .form .char7 {width:58px;} .form .char8 {width:66px;} .form .char19 {width:136px;} .form .messageTop {margin-bottom:10px; padding:0 10px;} .form .message p {color:#e00120; font-weight:bold; margin-bottom:10px;} .form .message span.messageHint {color:#e00120; float:right; line-height:1.1em; padding:7px 0 1px 0; width:392px} .form .message span.messageVisual {float:left; height:14px; padding:5px 8px 0 2px; width:14px;} .form .message ul {list-style:none; margin:0 0 10px 0; padding:0;} .form .message .front {color:#e00120;} .form .message li {background:none; color:#e00120; margin-left:0; padding:0;} .form .message li label {float:none; font-weight:bold;} .form .message li span {color:#000; display:block; padding-bottom:3px;} .form .message select {border:#f58292 solid 2px; color:#e00120; padding:2px 1px 2px 4px;} .form .message textarea {border:#f58292 solid 2px; color:#e00120; padding:2px 1px 2px 4px;} .form .message input.text {border:#f58292 solid 2px; color:#e00120; padding:3px 2px 4px 4px;} .form .message input.file {border:#f58292 solid 2px; color:#e00120; padding:2px 1px 2px 4px;} .form .message .collection label {color:#e00120;} .vote .column .form p {font-size:1em; padding:10px;} .form .visual.buttons {padding:0 10px 11px; width:570px;} .form .visual.buttons img {float:left;} .form .visual.buttons .button, .form .visual.buttons .button input {width:280px;} .form .visual.buttons .button {float:right; margin-top:20px;} .form .addFriend {background:#d7f1ee; border:1px solid #76b098; display:block; margin:5px 0 5px 196px; text-align:center; text-decoration:none; width:263px;} .form .addFriend:hover, .addFriend:focus {background:none; border:1px solid #278059;} .form .addFriend span {background:url("/static/img/sprite-icons.gif") -607px -65px no-repeat; cursor:pointer; display:inline-block; padding:6px 0 6px 18px;} .form .closeLink {background:url("/static/img/close.png") 0 0 no-repeat; display:block; float:right; height:15px; margin-right: 106px; text-indent:-999px; width:15px;} .contactInfo {background-color:#f4f4f4; float:left; margin-bottom:10px; width:590px;} .contactInfo h2 {color:#6b6b6b; font-size:1.25em; padding:16px 0 14px 0; text-transform:uppercase;} .contactInfo p {padding:0;} .contactInfo img.left {margin:0 15px 0 0;} .contactInfo img.right {margin:0 0 0 15px;} /* Extern ---------------------------------------------- */ .form.extern div {float:left; margin-bottom:0; overflow:visible; position:relative;} .form.extern .collection {width:370px;} .form.extern .text1 {color:#333; padding:4px 2px 5px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:257px; margin:0 5px 6px 0;} .form.extern .text1 {margin:0; padding:0;} .form.extern .text2 {margin:0 0 0 219px; padding:0;} .form.extern .buttons {margin:auto;} .form.extern div.buttons div {float:none; margin:auto;} .form.extern, .form.extern .cfa.fa.medium.finished span.button input {font-family:Verdana, Geneva, sans-serif;} .form.extern legend {background:url("/static/img/bg-legend.png") 0 0 no-repeat; margin-bottom:8px;} .form.extern span.mandatory {background: url("/static/img/required.gif") left center no-repeat; height:13px; padding:0; width:5px;} .form.extern span.explanation img {margin-top:-1px;} .form.extern label.front {padding: 5px 6px 7px 11px; width:202px;} .form.extern .text {border:1px solid #abadb3; margin:0; padding:0;} .form.extern span.examplespan {display: none;} .form.extern input[type="text"], .form.extern input[type="password"], .form.extern select, .form.extern textarea {font-family:Verdana, Arial, sans-serif; font-size:1em; margin-right:0; margin-top:5px; padding-left:1px; width:180px;} .form.extern .buttons {float:none;} .form.extern .cfa.fa.medium.finished span.button input {background:url("/static/img/bg-fa-ic-finished.gif") 0 0 no-repeat; font-size:1.1em; font-weight:bold; height:34px; line-height:33px; padding-bottom:5px; text-align:right;} .form.extern .cfa.fa.medium.finished span.button {background: url("/static/img/bg-fa-button.gif") no-repeat scroll 100% 0 transparent; height:34px; padding-top:3px;} .form.extern div .helpIconWrapper {float:left; position:inherit;} .helpIconImg, .errorsImg {margin-left:14px; margin-top:4px;} .helpIconImg:hover {cursor:pointer;} .form.extern div .helpIconInfo {background:#fff; border:1px solid #abdcd6; bottom:0; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; left:46px; line-height:1.3em; padding:7px; position:absolute; width:180px; z-index:100;} .form.extern .messages {margin-bottom:23px;} .form.extern .messages label, .form.extern .messages span.messageHint {color:#e00120;} .form.extern .messages input.text1 {border:1px solid #e00120;} .form.extern .messages span.messageHint {display:block; float:left; left:220px; line-height:1.1em; padding:3px 0 13px 0; position:absolute; top:20px; width:280px;} .form.extern .messages .errorsImg {float:left;} .form.extern .message input.text1 {border:#f58292 solid 2px; color:#e00120; padding:3px 2px 4px 4px;} .smallForm {margin:22px 0; width:290px;} .smallForm legend {width:270px;} .smallForm label.front {line-height:1.8em; max-width:260px; width:260px;} .smallForm label {max-width:230px; width:230px;} .smallForm .text {margin:0 0 0 10px;} .smallForm .cfa a, .smallForm .cfa .button {margin-left:11px;} /* searchBox MGGG ---------------------------------------------- */ .searchBoxMGGG {float:left; padding-left:10px; width:298px;} .searchBoxMGGG h2, .homePage .searchBoxMGGG h2 {line-height:1.25em; padding:5px 10px 15px 0;} .homePage .mggg h2 {color:#2a574d; font-size:1.6em; padding-bottom:7px;} .searchBoxMGGG form {float:left; width:288px;} .searchBoxMGGG form fieldset {border:0; margin:0; padding:0 0 6px 0;} .searchBoxMGGG form legend {display:none;} .searchBoxMGGG form p {text-transform:uppercase; padding-bottom:10px;} .searchBoxMGGG form p.resultMessage {text-transform:none;} .searchBoxMGGG form div {clear:both; margin-bottom:6px;} .searchBoxMGGG form div div {clear:none; margin-bottom:0;} .searchBoxMGGG form div#moreOptions {padding-top:18px;} .searchBoxMGGG form label {color:#333; cursor:pointer; display:block; font-weight:700; padding-bottom:9px;} .searchBoxMGGG form .radio {float:left; height:15px; margin:3px 5px 0 0; width:15px;} .searchBoxMGGG form .text {border:1px solid #a5acb2; color:#6b6b6b; float:left; padding:4px 2px 5px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; width:249px; margin:0 0 6px 0;} .searchBoxMGGG form .checkbox {border:#1c5180 solid 1px; height:13px; margin:1px 7px 0 0; padding:0; vertical-align:top; width:13px;} .searchBoxMGGG form .collection {width:288px; float:left; margin:0;} .searchBoxMGGG form .collection div {float:left; padding-bottom:15px;} .searchBoxMGGG form .collection label {float:left; font-weight:100; padding:5px 20px 0 0;} .searchBoxMGGG form a.moreOptionsToggler {background:url("/static/img/ic-plus1.gif") 1px 0 no-repeat; color:#278059; display:block; padding:1px 0 4px 20px; text-decoration:none;} .searchBoxMGGG form a.moreOptionsToggler:hover {text-decoration:underline;} .searchBoxMGGG form a.less {background-image:url("/static/img/ic-min1.gif");} .searchBoxMGGG form .buttons {float:left; padding:5px 0 11px 0; width:298px;} .searchBoxMGGG form .button {background:url("/static/img/bg-buttonForm-l.gif") 0 0 no-repeat; clear:none; float:left; text-align:right; width:280px;} .searchBoxMGGG form .button input {background:transparent url("/static/img/bg-buttonForm-r.gif") 100% 100% no-repeat; border:none; color:#fff; cursor:pointer; font:1.1em Arial, Helvetica, sans-serif; line-height:1.1em; height:27px; margin:-3px 0 0 0; padding:0 9px; vertical-align:top; text-align:right; width:280px;} .searchBoxMGGG form ul {margin:2px 0 1px 0;} .searchBoxMGGG form ul li {background:none; font-size:1em; margin:0; padding:0 0 6px 0;} .searchBoxMGGG form ul li label {display:inline; font-weight:100;} .searchBoxMGGG form ul li ul {margin:5px 0 12px 0;} .searchBoxMGGG form ul li ul li {background:none; padding:0 0 3px 20px;} .searchBoxMGGG form ul li ul li label {color:#6b6b6b;} .searchBoxMGGG form .messageTop {margin-bottom:10px; padding:0;} .searchBoxMGGG form .message p {color:#e00120; font-weight:bold; margin-bottom:10px; text-transform:none;} .searchBoxMGGG form .message span.messageHint {color:#e00120; display:block; line-height:1.1em; padding:2px 0 7px 0; width:260px;} .searchBoxMGGG form .message span.messageVisual {float:left; height:14px; padding:5px 8px 0 2px; width:14px;} .searchBoxMGGG form .message ul {list-style:none; margin:0 0 10px 0; padding:0;} .searchBoxMGGG form .message label {color:#e00120;} .searchBoxMGGG form .message li {background:none; color:#e00120; margin-left:0; padding:0;} .searchBoxMGGG form .message li label {float:none; font-weight:bold;} .searchBoxMGGG form .message li span {color:#000; display:block; padding-bottom:3px;} .searchBoxMGGG form .message select {border:#f58292 solid 2px; color:#e00120; padding:2px 1px 2px 4px;} .searchBoxMGGG form .message textarea {border:#f58292 solid 2px; color:#e00120; padding:2px 1px 2px 4px;} .searchBoxMGGG form .message input.text {border:#f58292 solid 2px; color:#e00120; margin-right:5px; padding:3px 2px 4px 4px;} .searchBoxMGGG form .message input.file {border:#f58292 solid 2px; color:#e00120; padding:2px 1px 2px 4px;} .searchBoxMGGG form .message .collection label {color:#e00120;} .searchBoxMGGG .projectBox {border-bottom:#d9d9d9 solid 1px; font-size:1em; margin-right:48px; min-height:96px;} .searchBoxMGGG .projectBox h3 {font-size:1.25em; padding-bottom:8px;} .searchBoxMGGG .projectBox span.industry {font-size:1.1em;} .searchBoxMGGG .projectBox p {color:#6b6b6b; padding-top:5px;} .homePage .searchBoxMGGG {height:396px; position:relative;} .homePage .searchBoxMGGG .cfa {bottom:3px; position:absolute;} .homePage .searchBoxMGGG .cfa a {margin-bottom:0;} /* map MGGG ---------------------------------------------- */ .mapMGGG {float:left; font-family:Arial, Helvetica, sans-serif; position:relative; width:438px;} .mapMGGG .mapNav {background-color:#ecf8f7; float:left; padding-left:3px; width:597px;} .mapMGGG .mapNav ul li {background:url("/static/img/bg-mapNav-separator.gif") 100% 16px no-repeat; border-bottom:#fff solid 1px; color:#278059; float:left; font-size:1.1em; margin:0; padding:13px 7px 9px 7px; } .mapMGGG .mapNav ul li a {color:#333;} .mapMGGG .mapNav ul li a:hover {text-decoration:none;} .mapMGGG .mapLegend {background-color:#f4f4f4; float:left; text-align:right; padding:10px 9px 9px 0; width:591px;} .mapMGGG .mapLegend ul {float:right; margin:0;} .mapMGGG .mapLegend ul li {background:none; float:left; font-size:1em; line-height:1.4em; margin:0; padding:2px 0 2px 10px;} .mapMGGG .mapLegend li.branch span {background:url("/static/img/ic-google.gif") 0 0 no-repeat; display:block; padding:0 10px 0 15px;} .mapMGGG .mapLegend li.otherBranch span {background:url("/static/img/ic-google2.gif") 0 0 no-repeat; display:block; padding-left:15px;} #map {height:474px; position:relative; width:438px;} #map.wide {height:521px; width:600px;} #map #notification2wrapper {top:265px; left:172px;} .homePage #map {height:358px;} #map .overlay {right:0;} /* Tab Navigation ---------------------------------------------- */ .tabWrapper {background:transparent url("/static/img/bg-contentLine.gif") 0 100% repeat-x; float:left; margin-bottom:17px; padding:13px 0 29px 0; position:relative; width:100%; z-index:1;} .homePage .tabWrapper {background:none; margin-bottom:0; padding-bottom: 5px;} .customerService .homePage .tabWrapper {padding-top:0;} .homePage > .tabWrapper .tabs {margin:0 14px; width:1300px;} .js .homePage > .tabWrapper .tabs {width: 97%;} .tabs {float:left; font-family:Arial, Helvetica, sans-serif; position:relative; width:1300px; z-index:5;} .js .tabs {background:url("/static/img/bg-tabs.gif") 0 100% repeat-x; width:100%;} .tabs ul {margin:0;} .tabs ul li {float:left; font-size:1.25em; line-height:1em; list-style:none; margin:0 0 1px 0; padding:0; white-space:nowrap;} .tabs ul li a {background:url("/static/img/bg-tab-l.gif") 0 0 no-repeat; color:#6b6b6b; display:block; text-decoration:none;} .tabs ul li a span {background:url("/static/img/bg-tab-r.gif") 100% 0 no-repeat; display:block; height:24px; padding:12px 18px 0 15px;} .tabs ul li a:hover {background-image:url("/static/img/bg-tab-l-hover.gif"); color:#333;} .tabs ul li a:hover span {background-image:url("/static/img/bg-tab-r-hover.gif");} .tabs ul li a.selected {background-image:url("/static/img/bg-tab-l-selected.gif"); color:#2e9a76; font-weight:700;} .tabs ul li a.selected span {background-image:url("/static/img/bg-tab-r-selected.gif");} .homePage .tabContentWrapper p {height:auto;} /* Tab Plus ---------------------------------------------- */ .tabs ul li.plus ul li, .tabs ul li.plus ul li, .tabs ul li.plus ul li a, .tabs ul li.plus:hover ul li a, .tabs ul li.plus ul li a span, .tabs ul li.plus:hover ul li a span, .tabs ul li.plus ul li a:hover, .tabs ul li.plus ul li a:hover span {background:none; margin:0; padding:0;} .tabs ul li.plus {position:relative;} .tabs ul li.plus a span {background-image:url("/static/img/bg-tab-r-plus.gif");} .tabs ul li.plus a.selected {background-image:url("/static/img/bg-tab-l-selected.gif");} .tabs ul li.plus a.selected span {background-image:url("/static/img/bg-tab-r-plus-selected.gif"); color:#69b096; font-weight:700;} .tabs ul li.plus:hover a {background-image:url("/static/img/bg-tab-l-plus-hover.gif"); color:#69b096;} .tabs ul li.plus:hover a span {background-image:url("/static/img/bg-tab-r-plus-hover.gif");} .tabs ul li.plus ul li a.selected {font-weight:100;} .tabs ul li.plus ul {background:#f4fbfa url("/static/img/border-tabs-plus-secondlvl.gif") 100% 0 no-repeat; border:1px solid #b5dcd0; border-top:none; display:none; right:1px; padding:10px 10px 10px 6px; position:absolute; top:31px; width:128px;} .tabs ul li.plus:hover ul {display:block;} .tabs ul li.plus ul li {display:block; float:left; line-height:15px; padding-bottom:5px; text-align:right; white-space:normal; width:100%;} .tabs ul li.plus ul li a, .tabs ul li.plus ul li a span {color:#7e7e7e; display:block; font-size:0.85em; height:100%;} .tabs ul li.plus ul li {white-space:normal;} /* Horizontal Tab Navigation ---------------------------------------------- */ .horizontalTabNav {float:left; min-height:300px; padding:2px 0 0 0; position:relative; width:100%; z-index:9} .horizontalTabs {font-family:Arial, Helvetica, sans-serif; left:-5px; position:absolute; top:5px; width:332px; z-index:10} .actTabs .horizontalTabs {font-family:Verdana, Geneva, sans-serif; width:242px;} .horizontalTabs ul {margin:0;} .horizontalTabs ul li {background:none; font-size:1.1em; line-height:1.1em; list-style:none; height:68px; padding:0;} .actTabs .horizontalTabs ul li {font-size:1.1em; height:auto; line-height:1.45em;} .horizontalTabs ul li a {color:#6b6b6b; display:block; font-style:italic; text-decoration:none; padding:10px 7px 10px 10px;} .actTabs .horizontalTabs ul li a {color:#278059; font-style:normal; text-decoration:underline; padding:12px 18px 0 14px;} .horizontalTabs ul li a span {background:#fff url("/static/img/sprite-horizontalTabNav.gif") 0 0 no-repeat; display:block;} .horizontalTabs ul li a span.callback {background-position:0 -720px; height:48px; padding-left:62px;} .horizontalTabs ul li a span.email {background-position:-192px -528px; height:48px; padding-left:62px;} .horizontalTabs ul li a span.callus {background-position:-385px -336px; height:48px; padding-left:62px;} .horizontalTabs ul li a span.visitus {background-position:-576px -144px; height:48px; padding-left:62px;} .horizontalTabs ul li a span span {background:none; color:#278059; display:block; font-size:1.2em; line-height:1.1em; font-style:normal; height:auto; padding:8px 0 4px 0;} .horizontalTabs ul li a:hover {color:#2a574d;} .horizontalTabs ul li a:hover span {color:#2a574d; cursor:pointer;} .horizontalTabs ul li a:hover span.callback {background-position:-96px -624px} .horizontalTabs ul li a:hover span.email {background-position:-288px -432px} .horizontalTabs ul li a:hover span.callus {background-position:-481px -240px} .horizontalTabs ul li a:hover span.visitus {background-position:-672px -48px} .horizontalTabs ul li a:hover span span {} .horizontalTabs ul li.selected {background:url("/static/img/bg-horizontalTabNav-top.gif") 0 0 no-repeat;} .actTabs .horizontalTabs ul li.selected {background:url("/static/img/bg-horizontalTabNav-small-top.gif") 0 0 no-repeat;} .horizontalTabs ul li.selected a {background:url("/static/img/bg-horizontalTabNav-bottom.gif") 0 100% no-repeat;} .actTabs .horizontalTabs ul li.selected a {background:url("/static/img/bg-horizontalTabNav-small-bottom.gif") 0 100% no-repeat; color:#000; cursor:default; padding-bottom:14px; text-decoration:none;} .horizontalTabs ul li.selected:first-child {background:url("/static/img/bg-horizontalTabNav-top1.gif") 0 0 no-repeat;} .horizontalTabs ul li.selected a span {color:#000;} .horizontalTabs ul li.selected a span.callback {background-color:#ecf8f7; background-position:-96px -624px} .horizontalTabs ul li.selected a span.email {background-color:#ecf8f7; background-position:-288px -432px} .horizontalTabs ul li.selected a span.callus {background-color:#ecf8f7; background-position:-481px -240px} .horizontalTabs ul li.selected a span.visitus {background-color:#ecf8f7; background-position:-672px -48px} .horizontalTabs ul li.selected a span span {color:#000; font-weight:700;} .actTabs .cfa {margin:17px 0 0 18px;} .horizontalTabNav .edgedContainer {float:right;} .horizontalTabContentWrapper {display:none;} .horizontalTabContentWrapper.selected {display:block;} .horizontalTabContentWrapper .block {min-height:inherit;} .horizontalTabContentWrapper .forms div.brc {min-height:272px;} /* Inline Link Block ---------------------------------------------- */ .inlineLinkBlock {float:left; padding-top:10px; width:100%;} .inlineLinkBlock ul {margin-top:3px;} .inlineLinkBlock ul li {color:#6b6b6b;} .inlineLinkBlock ul li a {text-decoration:none;} .inlineLinkBlock ul li a:hover {text-decoration:underline;} .inlineLinkBlock ul li img {vertical-align:bottom;} .inlineLinkBlock ul li.pdf {background:url("/static/img/sprite-icons.gif") 0 -686px no-repeat; padding-left:25px;} .inlineLinkBlock ul li.pdf a span {color:#6b6b6b;} .inlineLinkBlock ul li.faq {background:url("/static/img/sprite-icons.gif") -128px -563px no-repeat; font-size:1.1em; line-height:1.6em; padding:1px 8px 0 10px;} .inlineLinkBlock ul li.print {background:url("/static/img/sprite-icons.gif") -32px -655px no-repeat; display:block; padding-left:25px;} .inlineLinkBlock ul li.sendToFriend {background:url("/static/img/sprite-icons.gif") -64px -623px no-repeat; padding-left:25px;} .inlineLinkBlock ul li.socialMedia {background:none; padding-left:0;} .inlineLinkBlock ul li.socialMedia span {padding-left: 0; margin-left:0;} .inlineLinkBlock ul li.socialMedia .chicklets {padding-left: 20px;} .inlineLinkBlock ul li.word {background:url("/static/img/sprite-icons.gif") -416px -271px no-repeat; padding-left:25px;} .inlineLinkBlock ul li.excel {background:url("/static/img/sprite-icons.gif") -479px -207px no-repeat; padding-left:25px;} .inlineLinkBlock ul li.powerpoint {background:url("/static/img/sprite-icons.gif") -447px -239px no-repeat; padding-left:25px;} .inlineLinkBlock ul li.default {background:url("/static/img/sprite-icons.gif") -223px -463px no-repeat; padding-left:25px;} .inlineLinkBlock ul li span {padding-left:9px;} .inlineLinkBlock .contentNav {margin-top:20px;} .inlineLinkBlock .contentNav li {margin:0;} .inlineLinkBlock1 {float:left; width:100%;} .inlineLinkBlock .contentNav1 {margin-top:10px;} /* Loginbox ---------------------------------------------- */ .loginBox {border:#d8d8d8 solid 1px; padding:10px; width:250px;} .loginBox legend {color:#000; display:block; font-size:1.4em; line-height:28px; margin-bottom:19px; padding:0;} .loginBox label {display:block; font-size:1.1em;} .loginBox input {border:#7dc2a9 solid 1px; color:#333; margin:7px 0 13px 0; padding:4px; width:243px;} .loginBox .submit {float:right; width:150px;} .loginBox .message, .loginBox .message li {color:#f00; font-weight:700;} .loginBox input.message {border:#f00 solid 2px;} /* KVM ---------------------------------------------- */ table.kvmTable {margin-bottom:20px;} table.kvmTable input {border:1px solid #a5acb2; color:#6b6b6b; padding:4px 2px 5px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:150px; margin:0;} table.kvmTable textarea {border:1px solid #a5acb2; color:#6b6b6b; padding:4px 2px 5px 4px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:400px; margin:0; height:79px; overflow:auto;} /* Branch block country list ---------------------------------------------- */ ul.sites {margin:7px 0 12px 0;} ul.sites li {background:none;} ul.sites li {background-position:0 3px; background-repeat:no-repeat;} ul.sites li.NL {background-image:url("/static/img/ic-flag-NL.gif"); padding-left:23px;} ul.sites li.UK {background-image:url("/static/img/ic-flag-UK.gif"); padding-left:23px;} ul.sites li.ES {background-image:url("/static/img/ic-flag-ES.gif"); padding-left:23px;} ul.sites li.BE {background-image:url("/static/img/ic-flag-BE.gif"); padding-left:23px;} ul.sites li.DE {background-image:url("/static/img/ic-flag-DE.gif"); padding-left:23px;} ul.sites li a {text-decoration:none;} ul.sites li a:hover {text-decoration:underline;} /* Article overiew ---------------------------------------------- */ .articleOverview {float:left; padding-bottom:20px; width:100%;} .articleOverview.line {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x;} .articleOverview div.item {background-color:#f4f4f4; float:left; margin-bottom:15px; min-height:90px; width:100%;} .articleOverview div.item div {float:left; padding-left:10px; width:280px;} .articleOverview div.item div h3 {padding:9px 0 5px 0;} .articleOverview div.item div p {font-size:12px; padding-bottom:7px;} .articleOverview div.item img {float:right;} /* Vacancy overview ---------------------------------------------- */ .vacancyOverview {float:left; padding-bottom:20px; width:100%;} .vacancyOverview form fieldset div.row {background-color:#ddf1ef; float:left; margin-bottom:14px; padding:10px 0; width:100%;} .vacancyOverview form fieldset div.row select {border:#a5acb2 solid 1px; color:#333; float:left; font:12px Verdana, Geneva, sans-serif; margin:0 5px 0 10px; padding:3px; width:265px;} .vacancyOverview form fieldset div.row .cfa {margin:0; width:auto;} .vacancyOverview form fieldset div.row .cfa.fa.medium span.button input {background-image:url("/static/img/bg-fa-arrow-right-medium-green.gif");} .vacancyOverview .vacancies .richText h3 {padding:9px 10px 3px 10px;} .vacancyOverview .vacancies .richText p {padding:0 10px 3px 10px;} .vacancyOverview .vacancies .richText dl {margin-left:10px;} /* FAQ ---------------------------------------------- */ div.faq {float:left; margin-top:13px; padding-bottom:20px; width:100%;} div.faqWrapper {background:url("/static/img/bg-faq.gif") 0 0 repeat-y; float:left; width:100%;} .faqNav {float:left; width:290px;} .faqNav .block {border-bottom:#fff solid 1px; margin-bottom:0; min-height:inherit;} .faqNav .block h3 {font-size:1em;} .faqNav ul {clear:left; margin:0; padding:0;} .faqNav ul li {background:#ecf8f7 url("/static/img/bg-faqNav-line.gif") 0 100% repeat-x; display:block; font-size:1em; list-style:none; margin:0; padding:0 10px 0 0;} .faqNav ul li a {color:#333; display:block; padding:7px 20px 8px 10px; text-decoration:none;} .faqNav ul li a:hover {color:#278059; text-decoration:underline;} .faqNav ul li a span {color:#6b6b6b;} .faqNav ul li ul {margin:0; padding:0;} .faqNav ul li ul li {padding-right:0;} .faqNav ul li ul li > span {background:url("/static/img/arrow-1-right.gif") 14px 13px no-repeat; display:block; padding-left:12px;} .faqNav ul li ul li ul {margin-left:12px;} .faqNav ul li.hashChild > span > a {background:url("/static/img/ic-plus.gif") 100% 9px no-repeat;} .faqNav ul li ul li.hashChild > span > a {background:url("/static/img/ic-plus1.gif") 100% 8px no-repeat;} .faqNav ul li.selected {background-color:#fff; font-weight:700; padding-bottom:6px;} .faqNav ul li.selected span a {padding-bottom:2px;} .faqNav ul li.selected > span > a {color:#000; font-weight:bold;} .faqNav ul li.selected > span > a:hover {color:#000;} .faqNav ul li.selected span a span {font-weight:100;} .faqNav ul li.selected ul li {background:#fff; font-size:1em; font-weight:100;} .faqNav ul li.selected span a {padding-bottom:2px;} .faqNav ul li.hashChild.selected > span > a {background:url("/static/img/ic-min1.gif") 100% 8px no-repeat;} .faqContentWrapper {float:right; width:610px;} .faqContentWrapper > .richText:first-child {margin-bottom:37px;} .faqContentWrapper > .richText .inlineLinkBlock {padding:0 0 7px 0;} .faqContentWrapper > .richText .inlineLinkBlock ul {margin:0;} .faqContentWrapper .block {margin-bottom:0; min-height:106px;} .faqContentWrapper h2 {padding-top:7px;} .faqContentWrapper h3 {padding-top:10px;} .faqContentWrapper ul {margin-bottom:7px;} .faqContentWrapper ul li {background:none; font-size:1.1em; margin:0; padding:0 0 7px 0;} .faqContentWrapper ul li a {display:block;} .faqContentWrapper ul li a span {color:#6b6b6b;} .faqPage .tabWrapper { background: transparent; padding-bottom: 0; margin-bottom: 0; } .faqWrap { background: #e6f4f4 url(/static/img/bg-gradient-green.png) repeat-x 0 0; clear: both; overflow: hidden; padding:2px 2px 5px; } .faqWrap .mainPage { padding-bottom: 60px;} .column .faqWrap .nav { float: left; margin-left: -330px; width: 330px; padding: 0; position: relative; top: -1px; } .column .faqWrap .nav > ul { background:url("/static/img/bg-folders-line.gif") 0 100% repeat-x; padding: 0; margin-left: 15px; } .column .faqWrap .nav li:first-child { background-color: transparent; } .column .faqWrap .nav li { background-position: 0 0; padding-bottom:0; padding-top:0; } .column .faqWrap .nav li.list {} .column .faqWrap .nav > ul > li a { padding-left: 19px; margin-left: 0; } .column .faqWrap .nav > ul > li span, .column .faqWrap .nav > ul > li a span {color:#6b6b6b;} .column .faqWrap .nav li a { padding-left: 25px; margin-left: 20px; } .column .faqWrap .nav li .hasChild { background-image: url(/static/img/ic-plus1.png); background-repeat: no-repeat; background-position: 0 9px; padding-left: 20px; } .faqWrap .nav .expanded { background-color: transparent; z-index: 5; position: relative; margin:0; padding: 0; } .faqWrap .nav .expanded li { margin: 0; padding: 0; font-size: 1em; } .faqWrap .nav .expanded ul { margin-top: 0; margin-bottom: 0; padding: 0; } .faqWrap .nav .expanded ul a { background: transparent url("/static/img/sprite-icons.gif") no-repeat scroll -576px -100px; padding-left:25px; } .column .faqWrap .nav .selected { background-color: #fff; border: 1px solid #b5dcd0; border-right: none; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: #342d28;font-weight: bold; left: -10px; margin-bottom:-1px; margin-left: 0px; margin-right: -10px; padding-bottom: 7px; padding-left:29px; position: relative; text-indent: 0;} .column .faqWrap .nav .hasChild.selected { background-image: url(/static/img/ic-plus1.gif); background-repeat: no-repeat; background-position: 6px 9px; padding-left: 25px; } .column .faqWrap .nav .expanded .hasChild.selected { background-position: 9px 9px; padding-left:29px;} .column .faqWrap .nav .expanded ul .hasChild.selected { background-position: 39px 9px; text-indent:0; } .column .faqWrap .nav .expanded ul .selected { margin-left: 0px; text-indent: 0; background-position: -537px -100px; padding-left:58px;} .column .faqWrap .nav .expanded > .hasChild { background-image: url(/static/img/ic-min1.png); background-repeat: no-repeat; background-position: 0 9px; padding-left:19px; } .column .faqWrap .nav .expanded ul ul .selected { text-indent: 67px; background-position: -509px -100px } .column .faqWrap .nav .expanded ul ul ul .selected { text-indent: 50px; background-position: -491px -100px } .column .faqWrap .nav .expanded .expanded .hasChild.selected { background-position: 39px 9px; padding-left:58px; } .column .faqWrap .nav .expanded .expanded .expanded .selected { margin-left: 0px; text-indent: 70px; } .column .faqWrap .nav .expanded ul a { margin-left: 30px; text-indent: 0; } .column .faqWrap .nav .expanded ul ul a { margin-left: 58px; } .column .faqWrap .nav .expanded .expanded ul a { margin-left: 58px; text-indent: 0; } .column .faqWrap .nav .expanded .expanded ul .selected {margin-left:0; padding-left: 86px; text-indent:0;} .faqWrap .faqContent { background: #fff; border: 1px solid #b5dcd0; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; border-radius: 10px; border-top-left-radius: 0; float: left; margin-top:12px; min-height: 200px; margin-left: 330px; position: relative; left: -1px; width: 596px; z-index: 4; } .faqContent .column {font-family:Arial, Helvetica, sans-serif;} .faqContent .column.fullWide { float: left; margin-left:35px; width: 546px; } .faqContent .announcement { background-color: #fffed6; border-top: 1px solid #b5dcd0; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; bottom: 0; color:#342d28; font-size: 1.32em; height: 59px; left: 0; line-height: 59px; position: absolute; text-indent: 15px; width: 100%; } .faqContent .announcementSmall { float:none; font-size:1.25em; padding: 25px 0; color: #6b6b6b; padding:25px 0 10px;} .faqContent h1 { font-size: 1.7em; } .faqContent h2 { font-size: 1.5em; } .faqContent h1 a, .faqContent h2 a { color: #342d28; text-decoration: none; } .faqContent h1 a:hover, .faqContent h2 a:hover { text-decoration: underline; } .faqContent .column p {font-size:1.25em; line-height:1.43em;} .faqContent .breadcrumb { padding: 0; } .faqContent .breadcrumb ol { list-style: none; margin: 0; padding: 0; } .faqContent .breadcrumb li { background-position: 0 8px; padding-left:11px; padding-right:9px; color: #6b6b6b; } .faqContent .breadcrumb span , .faqContent .breadcrumb a { color: #6b6b6b; text-decoration: none; } .faqContent .breadcrumb a:hover { text-decoration: underline; } .faqContent .column .list a { display:block; text-decoration: none; } .faqContent .column .list a.divide { padding-bottom:14px; min-width:290px;} .faqContent .column .list a:hover { text-decoration: underline; } .faqContent .column .questionQuality { background: transparent url("/static/img/bg-folders-line.gif") repeat-x 0 100%; padding: 0; line-height: 3em; } .questionQuality a { cursor: pointer; position: relative; } .questionQuality .questionQualityYes { margin: 0 20px; } .questionQuality .questionQualityYes .icon { background-position: 0 0; } .questionQuality .icon { background: url(/static/img/thumbs.png) 0 -18px; display: inline-block; height: 18px; vertical-align: middle; width: 16px; margin-left: 5px; } .questionQuality .response { background: #ffd; border: 1px solid #ccc; display: block; margin-top: 10px; line-height: 18px; padding: 10px; } .questionQuality .response.yes { background: #ecf4d6; } .arrow { border-color: transparent transparent #ffd transparent; border-style: solid; border-width: 0 40px 16px 0; height: 0; width: 0; position: absolute; bottom: -22px; right: -11px; } .questionQuality .questionQualityYes .arrow { border-bottom-color: #ecf4d6; } .arrowBorder { border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 41px 17px 0; height: 0; width: 0; position: absolute; bottom: -21px; right: -11px; } .faqSearch { border: 1px solid #b5dcd0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:19px 3px 0 1px; padding: 0 16px 7px 16px; position: relative; top: 1px; } .column .faqWrap .nav .faqSearch.selected { left: 0; margin:19px 3px 0 1px; padding-left:16px; text-indent: 0; } .column .faqWrap .nav .faqSearch.searchDone { background-color: #fff; left: 0; margin-right: 0;-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin-right: 0; margin-left: 1px; text-indent: 0; } .faqResultBlock, .faqSearchResults .searchQuery, .faqContent .column .list a.divide { background: transparent url("/static/img/bg-folders-line.gif") repeat-x 0 100%; } .faqContent .column p.searchQuery {font-size:1.3em;} .faqResultBlock { padding-bottom: 12px; padding-top: 20px;} .faqResultBlock h1 { padding-top: 4px; margin-top: 0;} .faqPage .column .faqResultBlock h1 {color:#342d28; font-weight:bold; line-height:1.25em; padding-bottom:12px;} .faqResultBlock h2 { padding-top: 4px; } .faqResultBlock ul { margin-bottom: 2px; } .column .faqResultBlock ul.list, .column.fullWide ul.list {padding-left:0;} .column .faqResultBlock ul.list li, .column.fullWide ul.list li, .column.fullWide .inlineLinkBlock ul li {margin-left:0;} .faqSearch h3 { font-size: 1.3em; text-indent: 3px; } .faqSearch p { margin: 0; padding; 0; } .faqSearch input[type=text] { border: 1px solid #a9a9a9; float:left; font-size:1.15em; height: 20px; padding:3px 4px 0; width: 248px; } .faqSearch input[type=submit] { background: transparent url(/static/img/bt-search-faq.png); border: none; cursor: pointer; line-height:0; width: 30px; height: 25px; text-indent: -1000px; position: relative; left: -2px; } .faqSearch.message {background-color:#fff;} .faqSearch.message h3 {color:#e00120;} .faqSearch.message p {padding-bottom:4px;} .faqSearch.message input[type="text"] {border:#f58292 solid 2px; color:#e00120; height:18px; width:244px;} .faqSearch.message span.messageHint {color:#e00120; font-size:0.9em; line-height:1.1em; max-width:220px; padding:7px 0 1px 3px; width:92px;} .faqSearch.message.selected span.messageHint {font-weight:normal;} .column .line.faqPageBrandBox { background-color: #e6f4f4; } .faqPageBrandBox img { float: left; } .faqPageBrandContent { float: right; width: 290px; margin-right: 10px; } .faqPageBrandDetails { background-color: #f5fbfb; } .homePage .column .faqPageBrandDetails .phone { background-position: -192px -488px; padding-left: 30px; } .homePage .column .faqPageBrandDetails .email { background-position: -352px -330px; padding-left: 30px; } /* sitemap ---------------------------------------------- */ div.sitemap {float:left; width:100%;} div.sitemapWrapper {float:left; width:100%;} .mapSection {background:url("/static/img/bg-contentLine.gif") 0 0 repeat-x; float:left; padding-bottom:19px; position:relative; width:100%;} .mapSection h2 {padding:19px 0 25px 0;} .mapSection .backTo {background:url("/static/img/arrow-2-top.gif") 0 3px no-repeat; line-height:1.2em; font-size:1.1em; padding-left:14px; position:absolute; right:0; top:20px;} .mapSection ul {margin:0 0 0 10px;} .mapSection ul li {background:url("/static/img/arrow-3-right.gif") 0 6px no-repeat; font-size:1.1em; margin-left:0; padding:0 0 9px 10px;} .mapSection ul li a {display:inline-block; padding:0 0 4px 0;} .mapSection ul li ul {margin:0 0 0 7px;} .mapSection ul li ul li {background:url("/static/img/bg-sitemap.gif") 0 0 no-repeat; color:#333; font-size:1em; padding:0 0 0 19px;} .mapSection ul li ul li:last-child {background:url("/static/img/bg-sitemap-last-child.gif") 0 0 no-repeat; padding-bottom:4px;} .mapSection ul li ul li a {color:#333; padding:5px 0 0 0;} .mapSection ul li ul li:last-child > a {padding:5px 0 3px 0;} .mapSection ul li ul li ul {margin:0 0 0 11px;} .mapSection ul li ul li ul li a {color:#6b6b6b;} .mapSection ul li ul li ul li:last-child > a {padding:5px 0 0 0;} /* Accordion ---------------------------------------------- */ .accordion {float:left; width:100%;} .accordionWrapper {float:left; width:100%;} .accordionWrapper .item {float:left; padding-bottom:15px; width:100%;} h2.accordionHeader {float:left; font-size:1.6em; font-weight:100; line-height:1em; min-height:40px; padding:0; position:relative; width:100%; z-index:1} h2.accordionHeader a {background:url("/static/img/bg-harmonica-closed.png") 0 0 no-repeat; color:#278059; display:block; padding:11px 0 11px 12px; text-decoration:none;} h2.accordionHeader a:hover {background-image:url("/static/img/bg-harmonica-closed-hover.png"); color:#2a574d;} h2.accordionHeader a.selected {background-image:url("/static/img/bg-harmonica-open.png");} h2.accordionHeader a.selected:hover {background-image:url("/static/img/bg-harmonica-open-hover.png");} .accordionWrapper .item h3 {} .accordionWrapper .item img.left {margin-right:15px;} .accordionWrapper .cfa {bottom:9px; position:absolute; right:17px; width:450px;} .accordionWrapper .edgedContainer {background-color:#fff; border:#9fd1c6 solid 1px; border-top:0; display:none; float:left; margin:-6px 0 0 0; position:relative; width:928px; z-index:0;} .accordionWrapper .edgedContainer.noJsSelected {display:block;} .accordionWrapper .edgedContainer .blc {background-image:url("/static/img/blc-accordion.gif"); bottom:-1px; left:-1px;} .accordionWrapper .edgedContainer .brc {background-image:url("/static/img/brc-accordion.gif"); right:-2px; padding:17px 15px 12px 13px;} /* Projects ---------------------------------------------- */ .projects {float:left; width:100%;} .projectsWrapper {background:url("/static/img/bg-contentLine.gif") 0 100% repeat-x; float:left; padding-bottom:7px; width:100%;} .projectsWrapper .splitColumn .row {float:left; padding-bottom:15px; width:100%;} .projectsWrapper .splitColumn .row > div {float:left; width:450px;} .projectsWrapper .splitColumn .row > div:nth-child(2) {float:right;} .projectsWrapper .pageNav {background-color:#f4f4f4; color:#a7d5c5; float:left; font-size:1.1em; line-height:1.1em; padding:9px 0 6px 0; text-align:right; width:100%;} .projectsWrapper .pageNav a.next {background:url("/static/img/arrow-double-right.gif") 100% 4px no-repeat; margin-right:10px; padding:0 17px 0 10px;} .projectsWrapper .pageNav a.next:hover {background-image:url("/static/img/arrow-double-right-hover.gif");} .projectsWrapper .pageNav a.previous {background:url("/static/img/arrow-double-left.gif") 0 4px no-repeat; padding:0 10px 0 17px;} .projectsWrapper .pageNav a.previous:hover {background-image:url("/static/img/arrow-double-left-hover.gif");} .projectsWrapper .pageNav span.next {background:url("/static/img/arrow-double-noitems-right.gif") 100% 4px no-repeat; color:#999; margin-right:10px; padding:0 17px 0 10px;} .projectsWrapper .pageNav span.previous {background:url("/static/img/arrow-double-noitems-left.gif") 0 4px no-repeat; color:#999; padding:0 10px 0 17px;} .edgedContainer .projectsWrapper {background:none; padding:6px; width:900px;} .edgedContainer .projectsWrapper .splitColumn .row > div {width:435px;} /* search ---------------------------------------------- */ div.search {float:left; width:924px;} .searchWrapper {float:left; width:617px;} .searchWrapper.noResults {width: 100%;} .searchNav {padding:0 0 10px 0; float:left; width:100%;} .searchNav h2 {color:#333; font:1.1em Verdana, Geneva, sans-serif; font-weight:700; padding:0 0 7px 10px;} .searchNav div {background-color:#ddf1ef; clear:both; overflow:hidden; padding-top:10px;} .searchNav div div {clear:none; margin-bottom:0; padding-top:0;} .searchNav label {cursor:pointer; float:left; line-height:1.9em;} .searchNav .text {border:1px solid #a5acb2; color:#6b6b6b; float:left; font:1em Verdana, Arial, Helvetica, sans-serif; margin:0 5px 0 10px; padding:4px 2px 5px 4px; width:403px} .searchNav .radio {float:left; height:13px; margin:3px 5px 0 0;} .searchNav .button {background:url("/static/img/bg-buttonForm2-l.gif") 0 0 no-repeat; float:left; clear:none; margin-right:10px; width:80px;} .searchNav .button input {background:transparent url("/static/img/bg-buttonForm2-r.gif") 100% 100% no-repeat; border:none; color:#fff; cursor:pointer; font:1.1em Arial, Helvetica, sans-serif; line-height:1.1em; height:27px; margin:-3px -10px 0 0; padding:0 9px; vertical-align:top; text-align:right; width:80px;} .searchNav .collection {background-color:#ecf8f7; border-top:#fff solid 1px; float:left; margin:0; padding:5px 0 4px 0; width:100%;} .searchNav .collection div {background-color:#ecf8f7; float:left; padding:0;} .searchNav .collection label {color:#333; padding-right:15px} .searchNav .collection label {float:none;} .searchNav .collection label.front {padding:5px 10px 10px 11px;} .searchContentWrapper {float:left; width:100%;} ol.rso {font-size:1em; list-style:none; margin:8px 0 23px 0; padding:0;} ol.rso li {padding:0 0 5px 15px; margin:0; } ol.rso li a {display:inline; padding:0;} ol.rso li h3 {font:1.3em Arial, Helvetica, sans-serif; padding-bottom:2px;} ol.rso li h3.default {background:url("/static/img/sprite-icons.gif") -223px -450px no-repeat; padding-left:25px;} ol.rso li h3.pdf {background:url("/static/img/sprite-icons.gif") 0 -673px no-repeat; padding-left:25px;} ol.rso li h3.word {background:url("/static/img/sprite-icons.gif") -416px -257px no-repeat; padding-left:25px;} ol.rso li h3.excel {background:url("/static/img/sprite-icons.gif") -479px -194px no-repeat; padding-left:25px;} ol.rso li h3.powerpoint {background:url("/static/img/sprite-icons.gif") -447px -225px no-repeat; padding-left:25px;} ol.rso li cite {color:#6b6b6b; font-size:0.8em; font-style:normal;} ol.rso li cite span.sector {color:#2a574d; padding-right:2px; text-transform:uppercase;} ol.rso li div.s {color:#333; font-size:0.9em; padding-left:25px;} ol.rso li.suggestions {background-color:#f4f4f4; margin-bottom:10px; padding:2px 15px 15px 15px; position:relative;} ol.rso li.suggestions h3 {padding-bottom:0;} ol.rso li.suggestions .d {color:#6b6b6b; float:right; font:0.9em Arial, Helvetica, sans-serif; padding-top:10px; text-align:right; width:120px;} .searchContentWrapper .pageNav {float:left; padding:14px 0; width:100%;} .searchContentWrapper .pageNav .pageNavContent {background-color:#f4f4f4; color:#a7d5c5; float:left; font-size:1.25em; line-height:1.1em; padding:7px 0 8px 0; text-align:center; width:100%;} .searchContentWrapper .pageNav a {margin-right:15px;} .searchContentWrapper .pageNav a.first-child {margin-left:10px;} .searchContentWrapper .pageNav a.last-child {margin-right:10px;} .searchContentWrapper .pageNav a.next {background:url("/static/img/arrow-double-right.gif") 100% 5px no-repeat; margin-right:10px; padding:0 17px 0 10px;} .searchContentWrapper .pageNav a.next:hover {background-image:url("/static/img/arrow-double-right-hover.gif");} .searchContentWrapper .pageNav a.previous {background:url("/static/img/arrow-double-left.gif") 0 5px no-repeat; margin:0; padding:0 10px 0 17px;} .searchContentWrapper .pageNav a.previous:hover {background-image:url("/static/img/arrow-double-left-hover.gif");} .searchContentWrapper .pageNav a.nexToDots {margin-right:5px;} .searchContentWrapper .pageNav span {color:#333; margin-right:5px} .searchContentWrapper .pageNav span strong {padding:0 2px 0 0; margin-right:7px;} .searchContentWrapper .pageNav span.next {background:url("/static/img/arrow-double-noitems-right.gif") 100% 5px no-repeat; color:#999; margin-right:10px; padding:0 17px 0 10px;} .searchContentWrapper .pageNav span.previous {background:url("/static/img/arrow-double-noitems-left.gif") 0 5px no-repeat; color:#999; margin:0; padding:0 10px 0 17px;} .searchResultsFaq {background-color:#eff8f7; float:right; width:290px;} .searchResultsFaqTitle {padding: 0 10px;} /* Project And Links ---------------------------------------------- */ .projectAndLinks {background:url("/static/img/bg-projectAndLinks-bottom.gif") 0 100% no-repeat; float:left; width:320px;} .projectAndLinks .b1 {background:url("/static/img/bg-projectAndLinks-top.gif") 0 0 no-repeat; float:left; min-height:260px; width:320px;} .projectAndLinks.basic {background:url("/static/img/bg-projectAndLinks-basic-bottom.gif") 0 100% no-repeat; float:left; width:320px;} .projectAndLinks.basic .b1 {background:url("/static/img/bg-projectAndLinks-basic-top.gif") 0 0 no-repeat; float:left; min-height:240px; padding:10px 10px 0 10px; width:300px;} .projectAndLinks.basic .b1 .projectNav {margin-bottom:0;} .projectAndLinks.basic .b1 .projectNav li {background:none; border-top:1px solid #a7d5c5; display:block; height:52px; padding:0; padding-top:12px;} .projectAndLinks.basic .b1 .projectNav li:first-child {border-top:none; padding-top:3px;} /* Fact and Figures ---------------------------------------------- */ .factsAndFigures {float:left; min-height:260px; position:relative; width:610px; z-index:999} .factsAndFigures.wide {min-height:150px; width:930px;} .factsAndFigures div.item {left:10px; position:absolute; top:10px; z-index:10} .factsAndFigures div.item a.text {background:url("/static/img/bg-item-right.png") 100% 0 no-repeat; color:#278059; float:left; font-size:1em; line-height:1em; padding:6px 16px 7px 4px; text-decoration:none;} .factsAndFigures div.item a.image {background:url("/static/img/bg-item-left.png") 0 0 no-repeat; float:left; height:24px; text-indent:-900em; width:23px;} .factsAndFigures div.item div.description {background:url("/static/img/bg-item-bottom.png") 100% 100% no-repeat; display:none; float:left; line-height:16px; padding:0 15px 4px 29px; width:253px;} .factsAndFigures div.item p {color:#278059; font-size:1em; margin-top:-4px; position:relative; } .factsAndFigures div.item.selected {width:297px; z-index:11} .factsAndFigures div.item.selected a.text {background-image:url("/static/img/bg-item-right-selected.png"); clear:right; font-weight:700; padding:8px 16px 8px 4px; width:254px;} .factsAndFigures div.item.selected a.image {background-image:url("/static/img/bg-item-left-selected.png"); height:27px;} .factsAndFigures div.item.selected div.description.noJsSelected {display:block;} /* Fact and Figures - Static positions ---------------------------------------------- */ #fact-00 {left:50px; top:60px;} #fact-01 {left:96px; top:112px;} #fact-02 {left:25px; top:140px;} #fact-03 {left:34px; top:203px;} #fact-04 {left:247px; top:211px;} #fact-05 {left:224px; top:45px;} #fact-06 {left:69px; top:20px;} #fact-07 {left:349px; top:77px;} #fact-08 {left:439px; top:17px;} #fact-09 {left:414px; top:117px;} #fact-10 {left:396px; top:172px;} #fact-11 {left:441px; top:218px;} #fact-12 {left:130px; top:160px;} /* Related content ---------------------------------------------- */ .relatedContent {margin-right:0;} .relatedContent div h2 {color:#2a574d; font-size:1.25em; font-weight:100; letter-spacing:0.03em; line-height:1.5em; padding:10px 0 0 0; text-transform:uppercase;} .relatedContent div img {margin-bottom:4px;} .relatedContent div p, .vote .relatedContent div p {padding-bottom:0;} .relatedContent div .cfa a {margin-bottom:0;} .relatedContent div.richText {padding:9px 0;} .relatedContent div.richText h2 {padding-bottom:4px;} .relatedContent div.inlineLinkBlock .cfa.more {margin-bottom:13px;} .relatedContent div.inlineLinkBlock .contentNav {margin-top:10px;} /* Footer ---------------------------------------------- */ div#footer {border-top:#e7e7e7 solid 5px; color:#333; font:1em Verdana, Geneva, sans-serif; margin:5px auto 0 auto; padding:15px 0 35px 0; width:950px;} div#footer a {color:#6b6b6b;} div#footer a:hover {color:#333;} /* Footer : Footer Link list ---------------------------------------------- */ div#footer div.footerLinks {background:url("/static/img/bg-footerLinks.gif") 0 0 repeat-y; margin-bottom:15px; padding-bottom:9px; width:100%;} div#footer div.footerLinks div {float:left; margin:0 40px 0 10px; width:187px;} div#footer div.footerLinks div:first-child {width:188px;} div#footer div.footerLinks div h3 {font:100 1em Verdana, Geneva, sans-serif; line-height:1.6em; padding:4px 0 6px 0;} div#footer div.footerLinks div ul {float:left;} div#footer div.footerLinks div ul > li {background:url("/static/img/arrow-1-right.gif") 0 7px no-repeat; line-height:1.6em; margin:0; padding-left:10px;} div#footer div.footerLinks div ul > li > a {text-decoration:none;} div#footer div.footerLinks div ul > li > a:hover {color:#333; text-decoration:underline;} /* Footer : Extra Footer Link list ---------------------------------------------- */ div#footer div.sites{background:url("/static/img/bg.gif") 0 0 repeat-x; line-height:2em; padding:13px 10px 0 10px; width:930px;} div#footer div.legal{line-height: 2em; padding:0 10px 0 10px; width:930px;} div#footer div.sites ul li, div#footer div.legal ul li {display:inline-block; padding-right:12px;} div#footer div.sites ul li a, div#footer div.legal ul li a {background-position:0 2px; background-repeat:no-repeat;} div#footer div.sites ul li a.NL {background-image:url("/static/img/ic-flag-NL.gif"); padding-left:20px;} div#footer div.sites ul li a.UK {background-image:url("/static/img/ic-flag-UK.gif"); padding-left:20px;} div#footer div.sites ul li a.ES {background-image:url("/static/img/ic-flag-ES.gif"); padding-left:20px;} div#footer div.sites ul li a.BE {background-image:url("/static/img/ic-flag-BE.gif"); padding-left:20px;} div#footer div.sites ul li a.DE {background-image:url("/static/img/ic-flag-DE.gif"); padding-left:20px;} div#footer div.sites ul li a.triodos {background-image:url("/static/img/ic-triodos.gif"); background-position:4px 0; padding-left:20px;} /* Print footer ---------------------------------------------- */ .printfooter {display:none;} /* Internet Banking notification ---------------------------------------------- */ #notificationwrapper {position:fixed; top:50%; left:35%; width:495px;} #notificationwrapper .notificationinnerwrapper {background:url("/static/img/bg-notification-bottom.png") no-repeat scroll left bottom; margin:0; position:relative; min-height:80px;} #notificationwrapper h2 {background:url("/static/img/bg-notification-top.png") no-repeat scroll left top; top:-42px; width:100%; padding:25px 0 0 65px; min-height:17px; position:absolute; top:-42px; font-size:1.1em; font-family:Verdana, Geneva, sans-serif;} #notificationwrapper p {padding:0 20px 25px 65px; line-height:1.5em; font-size:1.1em; font-family:Verdana, Geneva, sans-serif;} #notificationwrapper p a {color:#278059;} #notificationwrapper p a:hover {color:#2a574d;} /* General Notification ---------------------------------------------- */ #notification2wrapper {position:absolute; top:25%; left:25%; z-index:3; background:url("/static/img/bg-notification2-bottom.png") left bottom no-repeat; display:inline-block; min-height:18px; width:260px; padding:0;} #notification2wrapper .notificationinnerwrapper {background:url("/static/img/bg-notification2-top.png") left top no-repeat; padding:10px 20px 20px 20px; margin-top:-15px; min-height:6px;} #notification2wrapper p {padding-top:10px; line-height:1.5em; font-size:1.1em; font-family:Verdana, Geneva, sans-serif;} #notification2wrapper p a {color:#278059;} #notification2wrapper p a:hover {color:#2a574d;} /* Carousel ---------------------------------------------- */ .headtext {position:relative; width:280px;} .headtext p {left:65px; padding:0; position:absolute; top:17px;} #featureCarousel {width:318px;position:relative;} #featureCarousel ul {list-style:none;} #featureCarousel img {border:0;} #featureCarousel .feature {padding-bottom:50px;position:absolute;top:-1000px;left:-1000px;border:0 solid white;cursor:pointer;text-align:center;} #featureCarousel .feature > div {position:absolute;top:104px;left:0;background:url("/static/img/bg-caption.png"); overflow:hidden; width:100%;} #featureCarousel .feature > div p {margin:0;padding:2px 6px 6px 6px;font-weight:normal;font-size:1.0em; color:white; overflow:hidden; } #featureCarousel .blipsContainer {position:absolute;color:white;right:25px;top:210px;padding:0;margin:0;} #featureCarousel .blipsContainer .blip {margin:3px;height:14px;width:14px;color:white;text-align:center;font-size:10px;border:1px dotted black;} #featureCarousel .blipsContainer .blipSelected {color:white;font-weight:bold;background-color:black;}