/* Copyright (c) 2010, 2011, triptic bv All Rights Reserved. This source is subject to the qdo LICENSE AGREEMENT. Please see the 'license.txt' file for more information. All other rights reserved. THIS CODE AND INFORMATION ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A PARTICULAR PURPOSE. */ /* RESET */ html, body, h1, h2, h3, h4, h5, h6, p, img, fieldset, legend, blockquote { border: 0; margin: 0; padding: 0; } button, input.button { cursor:pointer; width:auto; overflow:visible; white-space:nowrap; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } /* clearfix */ .clear { clear: both; margin: 0; padding: 0; zoom: 1; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } html { height:100%; } body { font-family: "Helvetica Neue", arial, sans-serif; font-size: 15px; height: 100.2%; color:#727272; } /* OVERLAY */ div.menu div.overlay { background: url("../../internet/images/overlay_header_red.png") 50% 0; height:21px; } /* STRUCTURE */ div.sitewrap { position: relative; background:#D9F3F7; height:100.2%; } div.homepage.sitewrap { background:none;} div.sitewidth { width: 984px; position: relative; margin: 0 auto; } div.topnavwrap { } div.topnav { text-align: right; padding: 5px 0; } div.headerwrap { background-color: #FFFFFF; } div.homepage.sitewrap div.headerwrap { background:none;} div.header { } div.header div.inner, div.menu div.inner { padding:0 24px; background:#b4282e;} div.homepage div.header div.inner, div.homepage div.menu div.inner { background:#FFFFFF;} div.mainwrap { width: 100%; background-color: #FFFFFF;} div.homepage.sitewrap div.mainwrap { background:none;} div.main { } div.main>div.inner { padding: 0 24px 70px; } div.homepage div.main>div.inner { padding-left: 0; padding-right: 0; } div.menuwrap {background-color: #FFFFFF; } div.homepage.sitewrap div.menuwrap { background:none;} div.menu { z-index: 1; padding:0 0 7px 0; } /* z-index for ie7 */ div.breadcrumbs { padding: 14px 0; } div.contentwrap { float: right; width: 684px; } div.content { float: left; width: 684px; line-height:25px; } div.content div.inner { padding: 0 10px 40px 10px; } div.widecontent { width: auto; margin: 43px 0; } div.widecontent div.inner { padding:0 24px; } div.homepagewrap div.inner { padding:0 24px; background:#FFFFFF; } div.homepagewrap div.overlay { height:35px; width:100%; margin:275px 0 0 0; background:url("../images/overlay_content_homepage.png") 50% 0 no-repeat; } div.servicemenu { display: inline-block; *display:inline; } div.languagemenu { display: inline-block; *display:inline; } div.searchbox { float:right; padding:44px 0 0 0; } div.aside { float: left; clear: left; width: 228px; background:#FFFFFF; } div.aside>div { margin-top: 24px; } div.footerwrap { clear: both; background:#d9f3f7; } div.footer { } /* clearfix all inners */ div.inner:before, div.inner:after { content: ""; display: table; } div.inner:after { clear: both; } div.inner { zoom: 1; } div.logo { float:left; } a.logo { display: block; padding: 14px 0 6px; } a.logo>span { display:none; margin:2px 0 0 10px; } a.logo:hover>span { display:block; position: absolute; top:90px; left: 40px; color:#FFFFFF;} div.homepage a.logo:hover>span { color:#B4282E;} div.quicklink ol { position: absolute; top: 15px; left: 200px; margin:0; padding: 0; list-style: none; } div.quicklink ol li { float: left; } div.quicklink a { position:absolute; left:0; top:-50em; width:1px; height:1px; overflow:hidden; } div.quicklink a:active, div.quicklink a:focus { position:static; width:auto; height:auto; background: #ffffff; padding: 3px; } /* ELEMENTS */ a { color: #4db4ca; text-decoration:none; } a:hover { text-decoration:underline;} h1 { font-family: "Helvetica Neue", arial, sans-serif; font-size: 2.1em; line-height: normal; font-weight:normal; color: #4db4ca; padding: 0 0 1em 0; } div.homepagewrap h1 { font-family: "capriolaregular", arial, "Helvetica Neue", sans-serif; text-align:center; font-size: 2.6em; padding:10px 60px 20px; } h2 { font-family: "Helvetica Neue", arial, sans-serif; font-size: 1.2em; color: #4db4ca; font-weight:normal; padding: 0; } h2 a, h2 a:hover { color: #4db4ca; } /*TOC*/ h3 { font-family: "Helvetica Neue", arial, sans-serif; font-size: 1.0em; color: #727272; font-weight:bold; padding: 0; } h3 a { color: #727272; } h4 { font-family: "Helvetica Neue", arial, sans-serif; font-size: 1.0em; color: #4db4ca; padding: 0; } h4 a { color: #4db4ca; } ul { margin: 0; padding: 0 0 0 18px; } ol { margin: 0; padding: 0 0 0 30px; } blockquote { margin: 0; padding: 0 0 0 18px; } table { padding: 0; margin: 10px 0; border: 0; width: 100%; } td { padding: 0; margin: 0; } th { text-align: left; padding: 1px 5px; margin: 0; } caption { color: #21428d; text-align: left; } input.button { cursor:pointer; font-family:arial,"Helvetica Neue",sans-serif; font-size:1em; width:auto; overflow:visible; } button { cursor:pointer;} input.button { font-family:arial,"Helvetica Neue",sans-serif; font-size:1em; } .pleft { text-align: left; } .pright { text-align: right; } .pcenter { text-align: center; } .pjustify { text-align: justify; } .vishide { left: -1000em; position: absolute;} hr { border: 0; border-top: 1px solid #444444; } /* NAVIGATION */ /* level 1 menu */ div.menu ul { margin: 0; padding: 0; list-style: none; height: 29px; } div.menu ul li { float: left; position: relative; } div.menu ul li a { float: left; display: block; font-size: 1.2em; padding:0 0 0 16px; margin: 0 0 0 16px; line-height:29px; border-left: 2px solid #FFFFFF; color: #FFFFFF; text-decoration: none; } div.menu ul li:first-child a { border: none; padding-left: 0; margin-left: 0; } div.menu ul li a:hover, div.menu ul li.selected a, div.menu ul li.selected a:hover { color: #da9497; } div.homepage div.menu ul li a { color:#b4282e; border-color:#4db4ca; } div.homepage div.menu ul li ul li a { color: #FFFFFF; } /* level 2 menu */ div.menu ul li ul { display: none; position: absolute; z-index: 99; left: 0; margin-top: 29px; padding: 4px 0 0 0; width: 200px; height:auto; } div.menu ul li:hover ul { display: inline-block; } div.menu ul li ul li { width: 200px; margin: 0; background: #c35358; border-top:1px solid #da9497 } div.menu ul li ul li:first-child { border: none; } div.menu ul li ul li:hover { background: #D3DFE2; } div.menu ul li ul li a, div.menu ul li ul li:first-child a { float: none; font-size: 1em; line-height:normal; padding: 12px 15px; border: none; color: #FFFFFF; } div.menu ul li ul li:hover a { color: #727272; } /* level 3 menu */ div.menu ul li:hover ul li ul { display: none; } div.menu ul li.overflowmenu { width: 50px; } div.menu ul li.overflowmenu ul { left: -128px; } div.menu ul li.overflowmenu ul li a { margin: 0; } /*mobilemenubtn*/ a.mobilemenubtn, a.mobilesearchbtn, div.mobilemenu { display: none; } /* level 1 submenu */ div.submenu { float: left; width: 228px; min-height: 228px; background:#4db4ca; } div.submenu span.menutitle { display: block; padding: 15px; font-weight:bold; font-size: 1.2em; color: #FFFFFF;} div.submenu ul { padding: 0; margin: 0; list-style: none; } div.submenu ul li { } div.submenu ul li a { display: block; padding:12px 15px 12px 35px; border-top:1px solid #75cfe2; background:url("../images/arrow_white.png") 15px 15px no-repeat; text-decoration: none; color: #FFFFFF; } div.submenu ul li.selected, div.submenu ul li:hover { background:#d3dfe2; } div.submenu ul li.selected a, div.submenu ul li a:hover { background: url("../images/arrow_gray.png") 15px 15px no-repeat; color:#727272; } /* level 2 submenu */ div.submenu ul li ul { display:none; border:none; padding:0; margin: 0; } div.submenu ul li.selected ul { display:block;} div.submenu ul li.selected ul li a { color: #44a0b4; background: url("../images/arrow_white.png") 35px 10px no-repeat; padding:7px 15px 7px 55px; border:none; } div.submenu ul li.selected ul li:first-child a { padding-top: 0; background-position: 35px 3px; } div.submenu ul li.selected ul li:last-child a { padding-bottom: 10px; } div.submenu ul li.selected ul li.selected a { background-color: #b7dfe2; padding-top: 7px; background-position: 35px 10px; } /* level 3 submenu */ div.submenu ul li ul li ul { } div.submenu ul li ul li ul li { } div.submenu ul li ul li ul li a { } div.submenu ul li ul li.selected ul li a { font-weight: normal; } div.submenu ul li ul li ul li.selected a { font-weight: bold; } /* mobilesubmenu */ div.mobilesubmenu { display: none; } div.mobilesubmenu div.inner { margin-bottom: 24px; padding: 15px; background: #4db4ca; color: #FFFFFF; } div.mobilesubmenu label.title { display: block; padding: 0 0 15px; font-weight:bold; font-size: 1.2em; color: #FFFFFF;} div.mobilesubmenu select { width: 100%; height: 34px; padding:7px 5px; border: 1px solid #FFFFFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* breadcrumbs */ div.breadcrumbs ul { margin: 0; padding: 0; list-style: none; display:inline-block; } div.breadcrumbs ul li { float:left; margin:0 0 0 5px; } div.breadcrumbs ul li:first-child { margin:0 0 0 -5px; } div.breadcrumbs ul li a { padding:0 0 0 5px; font-size: 0.9em; } div.breadcrumbs ul li.selected a { color:#727272; } /* servicemenu */ div.servicemenu ul.servicemenu { float: left; margin: 0; padding: 0; list-style: none; height:20px; line-height:20px; } div.servicemenu ul.servicemenu li { float: left; } div.servicemenu ul.servicemenu li a { border-left: 1px solid #9e9e9e; padding: 2px 10px; } div.servicemenu ul.servicemenu li a:hover { color: #000000; } div.servicemenu ul.servicemenu li:first-child a { /* border: none; */ } div.servicemenu ul.servicemenu li.selected a { color: #000000; } /* language menu */ div.languagemenu ul { float: left; margin: 0; padding: 0; list-style: none; height:20px; line-height:20px; } div.languagemenu ul li { float: left; } div.languagemenu ul li a { border-left: 1px solid #9e9e9e; padding: 2px 10px; } div.languagemenu ul li a:hover { color: #000000; } div.languagemenu ul li:first-child a { border: none; } div.languagemenu ul li.selected a { color: #000000; } /* searchbox */ div.searchbox form { margin: 0; padding: 0; } div.searchbox form fieldset { display: inline; } div.searchbox form legend { display: none; } div.searchbox form label { display: none; } div.searchbox form button.search { padding: 0; border:none; background:#FFFFFF url("../../internet/images/bg_search_button_gray.png") 5px 3px no-repeat; color: #FFFFFF; height: 30px; width:40px; display:block; float:left; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; } div.searchbox form input.text { border:none; -moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; padding-left: 10px; padding-right: 5px; margin:0; width: 175px; float:left; height: 30px; line-height: 30px; } div.homepage div.searchbox form input.text { border: 2px solid #4bb4ca; } div.homepage div.searchbox form button.search { border: 2px solid #4bb4ca; background:#4bb4ca url("../images/bg_search_button.png") 3px 1px no-repeat; } /*autocomplete*/ div.searchbox div.autocompleteanchor { position: relative; } div.searchbox div.autocomplete { display:block; position:absolute; top:20px; left:0; z-index:2; border: 1px solid #9e9e9e; border-top:none; margin-top: -1px; background: #ffffff; width: 130px; padding: 0; max-height:200px; overflow:auto; overflow-x:hidden; } div.searchbox div.autocomplete ul { list-style:none; margin:0; padding:0; border-top:1px solid #cccccc; } div.searchbox div.autocomplete ul li span { display:block; color:#666666; font-size:0.9em; padding:3px 0 0; margin:5px 5px 0; border-bottom:1px solid #cccccc; } div.searchbox div.autocomplete ul li:first-child span { margin-top:0; } div.searchbox div.autocomplete ul li a { display:block; padding: 3px 5px; text-align: left; } div.searchbox div.autocomplete ul li:hover a { background:#EEEEEE;} /* footer */ div.footer div.inner { padding: 34px 24px 12px; } div.footermenu { } div.footermenu ul { margin: 0; padding: 0; overflow: hidden; list-style: none; } div.footermenu>ul>li { width: 179px; float: left; margin: 0 0 34px 10px; } div.footermenu ul li:first-child { margin: 0; } div.footermenu ul li a { display: block; padding: 2px; font-weight: bold; font-size: 1.1em; color:#00acc9; } div.footermenu ul li ul li { width: auto; float: none; padding: 0 10% 0 0; } div.footermenu ul li ul li a { font-weight: normal; font-size: 1em; } /* footer */ div.footerservice { } div.footerservice ul { margin: 0; padding: 5px 0 20px 0; list-style: none; } div.footerservice ul li { float: left; padding: 0 5px; border-left:1px solid #00acc9; } div.footerservice ul li:first-child { border:none;} div.footerservice ul li a { display: block; padding: 0 5px; font-size: 1.1em; color:#00acc9; } /* javascript alert */ div.javascriptalert { padding: 5px 20px; background: #535353; color: #ffffff; border-bottom: 1px solid #111111; } /* old browser alert */ div.oldbrowser { padding: 5px 0; background: #535353; color: #ffffff; border-bottom: 1px solid #111111; } div.oldbrowser div.oldbrowserwrap { text-align: left; width: 960px; } div.oldbrowser div.browsers { float: right; width: 320px; } div.oldbrowser div.browsers a { background: #5a5a5a; display: block; float: left; width: 90px; line-height: 24px; height: 24px; padding: 5px; margin: 1px; color: #ffffff; text-align: left; font-weight: bold; font-size: 13px; text-decoration: none; } div.oldbrowser div.ietext { width: 600px; display: block; float: left; } /* Overlay */ div.homepage div.menu div.overlay { background:url("../images/overlay_header_white.png") 50% 0 no-repeat;} /* Background-carrousel */ div.background-carrousel { position:absolute; top:0; left:0; z-index:-1; width:100%; text-align:center; } div.background-carrousel ul { padding:0; margin:0;} div.background-carrousel ul li { float: left; text-align:center; list-style:none; padding:0; margin:0;} /* Content quote */ div.content>div.inner { position:relative; padding:20px 24px 24px 47px; } div.quotewrap { position:relative; } div.quotewrap div.mask { position:absolute; bottom: 0; left: 0; height: 32px; width: 100%; background: url("../images/overlay_content.png") 50% 0 no-repeat; } div.quotewrap div.item { padding:0; } div.quotewrap div.item img { display: block; width: auto; height: auto; max-width: 100%; } div.quotewrap div.item span.quote { position:absolute; top:-12px; right: -12px; } div.quotewrap div.item span.quote span.inner { display:block; background:#4db4ca; padding:12px 30px; font-family: "capriolaregular", arial, "Helvetica Neue", sans-serif; color:#FFFFFF; font-size:1.3em; } div.quotewrap div.item span.quote span.arrow { display:block; width:100%; height:26px; background:url("../images/arrows_blue.png") center -1px no-repeat;} /* homepage */ div.homepagewrap div.left { width:456px; float:left;} div.homepagewrap div.right { width:456px; float:right;} div.homepagewrap div.block { width:100%;} div.homepagewrap div.block div.inner { padding:10px 18px 18px 18px;} div.homepagewrap div.block div.arrow { height:26px; width:100%; margin:-2px 0 0 0; background:url("../images/arrows_red.png") center 0 no-repeat; } div.homepagewrap div.block a { text-decoration:none;} div.homepagewrap div.block img { display: block; border:1px solid #FFFFFF;} div.homepagewrap div.block.red div.inner { background:#b5282e;} div.homepagewrap div.block.red div.inner h2 { color:#FFFFFF; padding: 0 0 3px 0; } div.homepagewrap div.block.white div.inner { background:#FFFFFF; border:2px solid #b5282e; } div.homepagewrap div.block.white div.inner h2 { color:#b5282e; padding: 0 0 3px 0; } div.homepagewrap div.block.white div.arrow { background-image:url(../images/arrows_border_red.png);} div.homepagewrap div.locations { border:2px solid #4DB4CA; background:#ffffff; margin:0 0 24px 0;} div.homepagewrap div.locations h3 { font-weight:normal; font-size:1.2em; color:#4DB4CA; padding:10px;} div.homepagewrap div.locations h3 a { color:#4DB4CA; } div.homepagewrap div.locations a { text-decoration:none; } div.homepagewrap div.topic { color:#FFFFFF; } div.homepagewrap div.topic h2 { color:#FFFFFF; } div.homepagewrap div.topic div.inner { background:#4eb4ca; padding:22px 18px 18px; } div.homepagewrap div.topic div.item { padding:13px 0 13px 20px; background:url("../images/arrow_white.png") 0 13px no-repeat; border-bottom:1px solid #83cede;} div.homepagewrap div.topic div.item:first-child { border-top:1px solid #83cede;} div.homepagewrap div.topic a { color:#FFFFFF; } div.homepagewrap div.topic h2 a:hover { text-decoration: none; } div.homepagewrap div.topic table { margin: 14px 0 0 0; } div.homepagewrap div.topic img { display: block; border:1px solid #FFFFFF;} table.contact { margin:0; } table.contact table.contact { width: auto; } table.contact.blue { margin: 24px 0 0 0; border:2px solid #4eb4ca; color:#4eb4ca; padding:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } table.contact.green { position: relative; margin: 0 0 25px 0; border:2px solid #7BB752; color:#7BB752; padding:10px; } table.contact.green tr td { vertical-align: top; } table.contact.green:before { position: absolute; bottom: -24px; left: 50%; margin: 0 -25px; width: 0; height: 0; content: ""; border-style: solid; border-width: 24px 25px 0 25px; border-color: #7BB752 transparent transparent transparent; } table.contact.green:after { position: absolute; bottom: -21px; left: 50%; margin: 0 -25px; width: 0; height: 0; content: ""; border-style: solid; border-width: 24px 25px 0 25px; border-color: #FFFFFF transparent transparent transparent; } table.contact.green a, table.contact.green h2 { color:#7BB752; } table.contact.green.horizontal tr td { vertical-align: inherit; } table.contact.green.horizontal:before, table.contact.green.horizontal:after { display: none; } table.story { margin:0; } table.story table { margin:0;} table.story table.arrow { margin:-1px 0 0 0;} table.story table.arrow img { display: block; } table.story h4 { color:#FFFFFF; font-size:1.4em; font-weight:normal; padding:5px 0 10px;} table.story h4 a { color:#FFFFFF;}