/*
Title: Trade.Styles.Screen

Purpose: @media screen for DG Trade 2013 edition

Filename: styles-screen-trade.css

Version: 1.1

Date: 28 June 2013

Author: Mike Padgett & Luc Lesoil, DG Trade

Notes:

This is a fluid, three-column solution. %-based but fixed outermost width.

Changelog:
v1.0	- 04/02/2013 - release
v1.01	- 18/02/2013 - removal of all JS-enabled superbox styles
v1.1	- 28/06/2013 - timeline
v1.2	- 11/09/2013 - share buttons
v1.3 	- 03/02/2014 - search & share buttons for full page content
v1.4	- 26/06/2014 - class "icons" added
V1.5	- 30/06/2014 - class "lang_choice" added
V1.6	- 30/10/2014 - Show-hide / expandable elements
V1.7    - 02/05/2017 - Front page revamp + code cleaning
*/

/* BASIC STRUCTURE */
html, body  {
	margin: 0;
	font-size: 1rem;
}
#trade {
	background: #fff url(/trade/images/bg-divider-hard-vertical.gif) 17% 0 repeat-y;
	max-width: 100%;
	width: 1170px;
	min-width:1170px; 
	margin: 0 auto;
	font-size: 1.1rem;
}
#container {
	clear: both;
	padding: 0 1rem;
	background: url(/trade/images/bg-divider-hard-vertical.gif) 79% top repeat-y;
}
#container.clear {
	clear: both;
	margin: 0;
	background: none;
	background-color: #fff;
}
#inner-container {/* and for IE6 ... */
	height: 1%;
	clear: both;
	margin: 0;
}
#content {/* and for IE6 ... */
	height: 1%;
		border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
#col-1 {
	width: 15%;
	float: left; /* and for IE6 ... */
	margin: 10px 0 0 0;
}
#main {
	width: 83%;
	float: right;
	margin: 0;
}
#col-2 {
	width: 75%;
	float: left;
}
#col-21 {
	width: 49%;
	float: left;
}
#col-22 {
	width: 47%;
	float: right;
}
#col-3 {
	width: 23%;
	float: right;
}
#footer {
	clear: both;
	height: 1%;
	padding: 15px 0 12px 0;
}
@font-face {
    font-family: EuropaIcons;
	src: url(/trade/fonts/europa-icons/europa-icons.eot);
    src: url(/trade/fonts/europa-icons/europa-icons.eot?#iefix) format("embedded-opentype"), url(/trade/fonts/europa-icons/europa-icons.woff) format("woff"), url(/trade/fonts/europa-icons/europa-icons.ttf) format("truetype"), url(/trade/fonts/europa-icons/icomoon.svg#icomoon) format("svg")
}
.ecl-icon:before,
.ecl-search-form--internal .ecl-search-form__textfield-wrapper:before,
.ecl-search-form__button:before {
    display: inline-block;
    font-family: EuropaIcons;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 4px;
    speak: none;
    text-decoration: none;
    text-transform: none
}

.ecl-breadcrumbs__link:after,
.ecl-button--caret-down:after,
.ecl-button--caret-right:after,
.ecl-button--caret-up:after,
.ecl-editor a[href^=http]:after,
.ecl-expandable__button:after,
.ecl-file__download:after,
.ecl-file__translations-download:after,
.ecl-file__translations-toggle[aria-expanded=false]:after,
.ecl-file__translations-toggle[aria-expanded=true]:after,
.ecl-icon--after,
.ecl-link--external:after,
.ecl-link--more:after,
.ecl-navigation-inpage__trigger:after,
.ecl-navigation-menu__link[aria-expanded=false]:after,
.ecl-navigation-menu__link[aria-expanded=true]:after,
.ecl-pika-theme .is-rtl .pika-next:after,
.ecl-pika-theme .is-rtl .pika-prev:after,
.ecl-pika-theme .pika-next:after,
.ecl-pika-theme .pika-prev:after,
.ecl-tag--facet-close .ecl-tag__item:after {
    display: inline-block;
    font-family: EuropaIcons;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: 4px;
    speak: none;
    text-decoration: underline;
    text-transform: none;
    text-decoration: none
}
.ecl-icon--arrow-down:before {
    content: "\e822"
}
.ecl-icon--arrow-up:before {
    content: "\e821"
}
.ecl-icon--audio:before {
    content: "\e801"
}
.ecl-icon--book:before {
    content: "\0022"
}
.ecl-icon--breadcrumb:before {
    content: "\e828"
}
.ecl-icon--brochure:before {
    content: "\e802"
}
.ecl-icon--budget:before {
    content: "\e81a"
}
.ecl-icon--calendar:before {
    content: "\e81d"
}
.ecl-icon--camera:before {
    content: "\e800"
}
.ecl-icon--check:before {
    content: "\e816"
}
.ecl-icon--close-dark:before {
    content: "\e82d"
}
.ecl-icon--close:before {
    content: "\e82c"
}
.ecl-icon--copy:before {
    content: "\29"
}
.ecl-icon--data:before {
    content: "\24"
}
.ecl-icon--digital:before {
    content: "\e80b"
}
.ecl-icon--down:before {
    content: "\e81f"
}
.ecl-icon--download:before {
    content: "\e806"
}
.ecl-icon--edit:before {
    content: "\e807"
}
.ecl-icon--energy:before {
    content: "\e818"
}
.ecl-icon--error:before {
    content: "\e82f"
}
.ecl-icon--euro:before {
    content: "\e803"
}
.ecl-icon--external:before {
    content: "\e825"
}
.ecl-icon--facebook:before {
    content: "\e809"
}
.ecl-icon--faq:before {
    content: "\21"
}
.ecl-icon--feedback:before {
    content: "\e82e"
}
.ecl-icon--file:before {
    content: "\26"
}
.ecl-icon--generic-lang:before {
    content: "\e81e"
}
.ecl-icon--global:before {
    content: "\e829"
}
.ecl-icon--googleplus:before {
    content: "\e80c"
}
.ecl-icon--growth:before {
    content: "\e82a"
}
.ecl-icon--image:before {
    content: "\e80d"
}
.ecl-icon--in:before {
    content: "\e806"
}
.ecl-icon--info:before {
    content: "\e815"
}
.ecl-icon--infographic:before {
    content: "\e80f"
}
.ecl-icon--language:before {
    content: "\e824"
}
.ecl-icon--left:before {
    content: "\e826"
}
.ecl-icon--linkedin:before {
    content: "\e810"
}
.ecl-icon--livestreaming:before {
    content: "\e81c"
}
.ecl-icon--location:before {
    content: "\e81b"
}
.ecl-icon--multiple-files:before {
    content: "\e820"
}
.ecl-icon--organigram:before {
    content: "\e811"
}
.ecl-icon--package:before {
    content: "\e812"
}
.ecl-icon--presentation:before {
    content: "\e80e"
}
.ecl-icon--regulation:before {
    content: "\e82b"
}
.ecl-icon--right:before {
    content: "\e828"
}
.ecl-icon--rss:before {
    content: "\e813"
}
.ecl-icon--search:before {
    content: "\e823"
}
.ecl-icon--share:before {
    content: "\e808"
}
.ecl-icon--slides:before {
    content: "\e80e"
}
.ecl-icon--spinner:before {
    content: "\e805"
}
.ecl-icon--spreadsheet:before {
    content: "\2d"
}
.ecl-icon--success:before {
    content: "\e814"
}
.ecl-icon--tag-close:before {
    content: "\e82c"
}
.ecl-icon--twitter:before {
    content: "\e817"
}
.ecl-icon--up:before {
    content: "\e827"
}
.ecl-icon--video:before {
    content: "\e800"
}
.ecl-icon--warning:before {
    content: "\e804"
}
.ecl-icon--rounded {
    border-radius: 50%;
    display: inline-block;
    font-size: .78rem;
    height: 2.22rem;
    line-height: 2.22rem;
    text-align: center;
    width: 2.22rem
}
.ecl-link--external::after {

    content: "\e825";
    font-size: 75%;
    margin-left: .4em;
    margin-right: .2em;

}
.ecl-icon--rounded:before {
    line-height: inherit;
    margin-right: 0
}
.ecl-footer-fix{
	min-width: 1190px;
	width: 100%;
	padding: 0;
}
.ecl-container-footer {
    max-width: 100%;
    width: 1138px;
	margin: auto;
}
.ecl-footer {
    margin: 0;
}
.ecl-footer__site-identity, .ecl-footer__link  {
	font-family: Arial,sans-serif;
	text-rendering: optimizelegibility;
	font-size: 112.5%;
	color: #012b58;
	text-decoration: none;
}
.ecl-footer__label {
	font-family: Arial,sans-serif;
	text-rendering: optimizelegibility;
	color: #012b58;
	text-decoration: none;
	font-size: 100%;
}
@media print {
    .ecl-footer__ec,
    .ecl-footer__site-corporate,
    .ecl-footer__site-identity {
        display: none!important
    }
}
.ecl-footer__ec a[href^=http]:not(.is-internal):not([href*="ec.europa.eu"]):after,
.ecl-footer__site-corporate a[href^=http]:not(.is-internal):not([href*="ec.europa.eu"]):after,
.ecl-footer__site-identity a[href^=http]:not(.is-internal):not([href*="ec.europa.eu"]):after {
    line-height: 2.2;
    position: absolute
}
.ecl-footer__social-icon:before {
    margin-right: 8px!important
}
.ecl-footer__title {
    border-bottom: 2px solid #7fa1c9;
    color: #fff;
    margin-bottom: .33rem;
    padding-bottom: .33rem;
font-size: 112.5%;
font-family: Arial,sans-serif;
	text-rendering: optimizelegibility;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .ecl-footer__title {
        min-height: 3.33rem;
        padding-bottom: 0
    }
}
@media (min-width: 1200px) {
    .ecl-footer__title {
        margin-bottom: 1rem;
        min-height: auto
    }
}
.ecl-footer__label {
    display: inline;
    font-weight: 700
}
.ecl-footer__label+ul {
    display: inline
}
.ecl-footer__menu {
    list-style: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
}
.ecl-footer__menu .ecl-footer__menu-item {
    font-size: .78rem;
    margin-bottom: .33rem;
	list-style: none;
}
.ecl-footer__link, .ecl-footer__link a {
    color: #fff;
}
.ecl-footer__link:link, .ecl-footer__link:active, .ecl-footer__link:focus, .ecl-footer__link:visited {
    background: none;
    color: #fff;
    text-decoration: underline;
}
.ecl-footer__link:hover {
	text-decoration: none;
}
.ecl-footer__column {
    padding-top: 1.66rem
}
.ecl-footer__column:last-child {
    padding-bottom: 1.66rem
}
.ecl-footer__site-identity {
    background-color: #bfd0e4;
    color: #012b58
}
.ecl-footer__site-identity .ecl-footer__link,
.ecl-footer__site-identity .ecl-footer__link:active,
.ecl-footer__site-identity .ecl-footer__link:focus,
.ecl-footer__site-identity .ecl-footer__link:hover {
    color: #012b58
}
.ecl-footer__site-identity h4 .ecl-footer__link {
    text-decoration: none
}
.ecl-footer__site-identity .ecl-footer__column {
    padding-bottom: 0;
    padding-top: 1rem
}
.ecl-footer__site-identity .ecl-footer__column:last-child {
    padding-bottom: 1rem;
    padding-top: 0
}
.ecl-footer__site-corporate {
    background-color: #4073af;
    color: #fff
}
.ecl-footer__ec {
    background-color: #004494;
    color: #fff;
    padding: 1rem 0
}
@media (min-width: 480px) {
    .ecl-footer__column {
        padding-bottom: 2.22rem;
        padding-top: 2.22rem
    }
    .ecl-footer__site-identity .ecl-footer__column {
        padding-bottom: 1rem
    }
    .ecl-footer__site-identity .ecl-footer__column:last-child {
        padding-top: 1rem
    }
    .ecl-footer__link {
        padding: 0
    }
}
.ecl-footer__menu .ecl-footer__menu-item {
    font-size: .78rem;
    margin-bottom: .33rem;
}
.ecl-footer__menu {
    list-style: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
}
.ecl-footer__social-icon::before {
    margin-right: 8px !important;
}
.ecl-list {
    line-height: 1.66;
    max-width: 32em
}
.ecl-list--alpha {
    list-style-type: lower-latin
}
.ecl-list--inline,
.ecl-list--unstyled {
    list-style: none;
    padding-left: 0
}
.ecl-list--inline li {
    display: inline-block;
    margin-left: .66rem
	
}
.ecl-list--inline li:first-child {
    margin-left: 0
}
.ecl-list--inline,
.ecl-list--unstyled {
    list-style: none;
    padding-left: 0
}
.ecl-list--inline li {
    display: inline-block;
    margin-left: .66rem
}
.ecl-list--inline li:first-child {
    margin-left: 0
}
.ecl-footer__menu .ecl-footer__menu-item {
    font-size: .78rem;
    margin-bottom: .33rem;
}
.ecl-list--inline li {
    display: inline-block;
}
.ecl-footer__ec {
    color: #fff;
}

/* Columnar variations */

/* Homepage */
.homepage #content {
	background: url(/trade/images/bg-divider-hard-vertical.gif) 52% 0 repeat-y;
}
.homepage #col-2 {
	padding: 10px 0 1.4em 0;
}
.homepage #col-21 {
	width: 54%;
	float: left;
}
.homepage #col-22 {
	width: 42%;
	float: right;
}
.columnar #content {
	background: url(/trade/images/bg-divider-hard-vertical.gif) 49% 0 repeat-y;
}
.stretch #main {
	background: #fff;
}
.stretch #col-2 {
	width: 99%;
}
.stretch #container {
	background-image: none;
}
#content.stretch {
	background-image: none;
}

/* Outer column setup */
#col-1, #col-3 {
	padding: 0 0 0.8em 0;
	background: #fff;
}
#col-1 div {
	margin: 0 0 0 10px;
}
#col-2 {
	padding: 0 0 1.4em 0;
}
.stretch #col-2 {
	padding: 0 1em 1.4em 0;
}
#col-2 {
	overflow: hidden;
}
#col-3 {
	padding: 10px 0 0 0;
}
#col-3 div {
	margin-right: 6px;
}

/* Generic (inner) column sets */
div.colset-2 {
	height: 1%;
	background: transparent url(/trade/images/bg-divider-soft-vertical.gif) center top repeat-y;
	clear: both;
	padding: 0.8em;
	overflow: hidden;
}
div.colset-2 ul li {
	list-style: outside none none;
}
.stretch #col-2.in-focus div.colset-2 {
	background: none;
}
.stretch #col-2 div.colset-2-1.docbox {
	margin: 0.5em 0!important;
	padding: 0 0.4em!important;
	width: 48% !important;
}
.stretch #col-2 div.colset-2-2.docbox {
	margin: 0.5em 0!important;
	padding: 0 0.4em!important;
	width: 47% !important;
}
div.colset-2-1 {
	float: left;
	width: 48%;
}
div.colset-2-2 {
	float: right;
	width: 48%;
}
#col-3 div.colset-2 {
	padding: 0;
	margin: 0;
}
#col-3 div.colset-2-1, #col-3 div.colset-2-2 {
	width: 46%;
}
div.colset-3 {/* and for IE6 ... */
	height: 1%;
	background: transparent url(/trade/images/bg-divider-soft-vertical.gif) 67% top repeat-y;
	clear: both;
	padding: 0;
	overflow: hidden;
}
div.colset-2.card {
	height: 1%;
	background: none;
	clear: both;
	padding: 0 1% 0 0;
	margin: 0;
	overflow: hidden;
}
div.colset-3-1 {
	float: left;
	width: 31%;
	background: transparent url(/trade/images/bg-divider-soft-vertical.gif) right top repeat-y;
	padding: 0 1% 0 0;
}
div.colset-3-2 {
	float: left;
	width: 31%;
	padding: 0 0 0 2%;
}
div.colset-3-3 {
	float: right;
	width: 31%;
	padding: 0 0 0 1%;
}
div.colset-2-1.card, div.colset-2-2.card {
	float: left;
	width: 48%;
	background: none;
	background-color: #fff;
	padding: 0;
	margin: 1%;
}
.card {
	display: block;
	margin: 1%;
	padding: 0;
	width: 100%;
}
div.colset-2-1.card a:hover img, div.colset-2-2.card a:hover img, div.card a:hover img {
	cursor: pointer;
	opacity: 0.8;
}
div.colset-2-1.card h2, div.colset-2-2.card h2, div.colset-2-1.card > p, div.colset-2-2.card > p {
	padding: 0 5px;
}
div.colset-3 ul li {
	list-style: outside none none;
}
.ecl-row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
   /* margin-left: -1rem;
   margin-right: -1rem; */
}
.ecl-col-sm {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
}
/* Blank (centered) */
.fullpage #trade {
	background: none;
}
.fullpage #main {
	width: 99%;
}
.fullpage #container {
	background: none;
}
.fullpage #col-2 {
	width: 99%;
	background-color: #FFF;
}
.fullpage .centered #col-21 ul li {
	text-align: right;
}
.fullpage .centered #col-21 img {
	display: block;
	margin: 0 auto;
}
.fullpage .centered div.div-c-s {
	background: #fff url(/trade/images/bg-divider-soft-vertical.gif) 66% top repeat-y;
}
.fullpage .centered #col-21 {
	width: 64%;
	float: left;
}
.fullpage .centered #col-22 {
	width: 32%;
	float: right;
}

/* Generic block formatting */

/* Generic boxes */
div.unit {
	margin: 0;
	clear: both;
	overflow: hidden;
	padding: 0 0 0.45em 0;
	background: #fff url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
}

/* A little fixit \*/
* html div.unit {
	height: 1%;
}

/* Box divider formatting -- 

.[type]-[boxLocation]-[strength]

	type

		div : standard box

	boxLocation

		---	t -------------------
		|			|			|
		|			c			|
		|			|			|
		--- b -------------------

		nb/ left and right controlled by columns
		
	Strength
		∙∙∙∙ : s
		———— : h
		════ : d 
*/	
		
div.div-t-s {
	background: transparent url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
}
div.div-t-h {
	background: transparent url(/trade/images/bg-divider-hard-horizontal.gif) left top repeat-x;
}
div.div-t-d {
	background: transparent url(/trade/images/bg-divider-double-horizontal.gif) left top repeat-x;
}
div.div-c-s {
	background: transparent url(/trade/images/bg-divider-soft-vertical.gif) 50% top repeat-y;
}
div.div-c-h {
	background: transparent url(/trade/images/bg-divider-hard-vertical.gif) 50% top repeat-y;
}
div.div-c-d {
	background: transparent url(/trade/images/bg-divider-double-vertical.gif) 50% top repeat-y;
}
div.div-b-s {
	background: transparent url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
}
div.div-b-h {
	background: transparent url(/trade/images/bg-divider-hard-horizontal.gif) left bottom repeat-x;
}
div.div-b-d {
	background: transparent url(/trade/images/bg-divider-double-horizontal.gif) left bottom repeat-x;
}
div.div-0-0, div.col-stretch {
	background-color: #fff;
	background-image: none;
}
 .featured div.div-0-0, .featured div.col-stretch {
 background: none;
}

/* Panels provide a 38% column float. Used in conjunction with .col-stretch, they inherit stricter #col-2x styles */
div.panel-right {
	float: right;
	width: 38%;
	margin: 0.5em 0 0.5em 1em;
	background: #fff url(/trade/images/bg-divider-soft-vertical.gif) left top repeat-y;
	padding: 0.5em 0 0.5em 0.8em;
}
div.panel-left {
	float: left;
	width: 38%;
	margin: 0.5em 1em 0.5em 0.5em;
	border-right: 1px solid #ddd;
	padding: 0.5em 0.8em 0.5em 0;
}
div.panel-right-large {
	float: right;
	width: 50%;
	margin: 0.5em 0 0.5em 1em;
	background: #fff url(/trade/images/bg-divider-soft-vertical.gif) left top repeat-y;
	padding: 0.5em 0 0.5em 0.8em;
}
div.panel-left-large {
	float: left;
	width: 50%;
	margin: 0.5em 1em 0.5em 0.5em;
	border-right: 1px solid #ddd;
	padding: 0.5em 0.8em 0.5em 0;
}
.stretch div.panel-left, .stretch div.panel-right {
	width: 34%;
}
stretch div.panel-left-large, .stretch div.panel-right-large {
	width: 46%;
}
div.panel-left, div.panel-right {
	font-size: 85%;
}
.constrain {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

/* PRESENTATION */
*{
	font-family: Arial,sans-serif;
	text-rendering: optimizelegibility;

}
div.hr {
	height: 9px;
	background: url(/trade/images/separator.png) repeat-x center;
	margin: 10px 14px;
}
div.hr hr, .off-screen, #banner-title-text {
	display: none;
}

/* Headings */
h1, h2, h5, p, dl, dt, dd, li {
	color: #555;
}
h2 {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -1px;
	word-spacing: -0.03em;
	line-height: 1.15em;
	vertical-align: baseline;
	margin: 0.2em 0 0 0;
	padding: 0;
}
.stretch h2:first-child {
	margin-top: 0.3em;
}
h3 {
	color: #555;
	font-size: 110%;
	margin: 0;
	padding: 8px 0 4px 0;
	border-bottom: 1px solid #ddd; 
	overflow: hidden;
}

h3.light {
	border-bottom: none; 
}

/* A little fixit \*/
* html h3 {
	height: 1%;
	overflow: visible;
}
#col-1 h3, #col-3 h3 {
	font-size: 70%;
	letter-spacing: normal;
	margin: 0 0 0.6em 10px;
	padding: 8px 0 4px 2px !important;
	color: #222;
}
#col-21 h3, #col-22 h3, div.col-stretch h3 {
	margin: 0;
}
#col-3 h3 {
	margin: 0 6px 0 0;
	clear: both;
	padding: 4px 0 4px 2px;
}
h4 {
	font-size: 90%;
	margin: 0.5em 0;
	line-height: 110%;
	color: #666;
}
#col-21 h4, #col-22 h4, .col-stretch h4 {
	margin: 0.2em 0;
	font-weight: normal;
	line-height: 120%;
}
#col-3 h4 {
	margin: 0 6px 0 0;
}
h5 {
	font-size: 80%;
	font-weight: bold;
	margin: 0.8em 0;
	line-height: 120%;
	padding: 0 0 0.1em 0;
}
#col-21 h5, #col-22 h5, .col-stretch h5, .colset-3 h5 {
	margin: 0.4em 0 0 0;
	letter-spacing: normal;
}
h6 {
	font-size: 70%;
	margin: 0 0 1em 0;
	line-height: 130%;
	color: #555; /* and for IE6 ... */
	height: 1%;
}
#col-21 h6, #col-22 h6, .col-stretch h6 {
	margin: 0.3em 0;
}
div.colset-3 h6 {
	height: auto;
}
div.panel-right > h6, div.colset-2-1 > h6:first-child, div.colset-2-2 > h6:first-child {
	margin-top: 0px;
}
.page-heading {
	width: 100%;
	margin: 10px 0px;
	overflow: hidden;
}
.page-heading.ttip {
	width: 100%;
	margin: 10px 0px;
	overflow: hidden;
	background: url("//ec.europa.eu/trade/images/creative/header_ttip_3.jpg") no-repeat scroll 0px 35px transparent;
	height: 243px;
}
.page-heading.ttip.pl {
	background: url("//ec.europa.eu/trade/images/creative/header_ttip_3-pl.jpg") no-repeat scroll 0px 35px transparent;
}
.page-heading.ttip.fr {
	background: url("//ec.europa.eu/trade/images/creative/header_ttip_3-fr.jpg") no-repeat scroll 0px 35px transparent;
}
.page-heading.ttip.es {
	background: url("//ec.europa.eu/trade/images/creative/header_ttip_3-es.jpg") no-repeat scroll 0px 35px transparent;
}
.page-heading.ttip.de {
	background: url("//ec.europa.eu/trade/images/creative/header_ttip_3-de.jpg") no-repeat scroll 0px 35px transparent;
}
.page-heading.ttip.it {
	background: url("//ec.europa.eu/trade/images/creative/header_ttip_3-it.jpg") no-repeat scroll 0px 35px transparent;
}
.page-heading h2 {
	width: 100%;
	margin: 0;
	line-height: 1.4em;
	font-size: 135%;
	border-bottom: 1px solid #413e3e;
}
.page-heading h3 span {
	color: #fff;
	background-color: #413e3e;
	padding: 10px;
	margin: 20px 0 0 0;
}

/* Links */
* a img {
	border: 0px;
}
a:link {
	color: #027AC6;
}
a:visited {
	color: #551A8B;
}
a:hover {
	color: #027AC6;
}
a:active {
	color: #c00;
}

/* Don't show in headings */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	border: 0px;
}
h3 a {
	float: left;
}
.homepage #col-22 dd a {
	text-decoration: none;
}
.homepage #col-22 dd a:hover {
	text-decoration: underline;
}
#col-22 a.selected {
	color: #fff;
	text-decoration: none;
	background: #027AC6;
	padding: 0 2px;
}

/* Topic links */
.link-topic {
	font-size: 90%;
	text-transform: uppercase !important;
	color: #555 !important;
	text-decoration: none !important;
	padding: 0 2px 0 4px;
	border-left: 6px solid #f3f5f8;
}
.link-topic:hover {
	background: #027AC6;
	color: #fff !important;
}

/* Symbol links (RSS, external, etc.) */
li.link-rss {
	list-style: none;
}
p.link-rss {
	margin: 0;
}
.link-rss a {
	display: block;
	background: url(/trade/images/bg-air-rss.png) left top no-repeat;
	padding: 0 0 5px 25px;
}
a.link-rss {
	background: url(/trade/images/bg-air-rss.png) left top no-repeat;
	margin: 0 0 0 0.5em;
	padding: 0;
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	text-indent: -9000px;
}
.link-external-img, .link-external-visited-img, .link-document-img, .link-document-visited-img, .link-email-img, .link-multimedia-img {
	border: 0px;
	text-decoration: none;
	vertical-align: middle;
	padding: 0 0 0 0.2em;
}

/* Language links */
.link-language {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #555 !important;
	border: 1px solid #555;
	margin: 0 3px 0 0;
	padding: 0;
	display: inline-block;
	width: 16px !important;
	height: 14px !important;
	text-align: center;
	background: #fff;
	line-height: 140%;
}
#col-2 * ul li a.link-language, #col-2 * ol li a.link-language, #col-2 * ul li ul li a.link-language, #col-2 * ol li ol li a.link-language {
	font-size: 70%;
}
ol.generic-result li ul li ul li a.link-language {
	font-size: 95% !important;
	width: 15px;
	background: #fff;
	display: inline-block;
	text-decoration: none;
}
table td a.link-language {
	font-size: 75%;
}
#col-3 .link-language {
	font-weight: normal;
	font-size: 80% !important;
	margin: 0 0 2px 0;
}

/* Footnote links */
.link-footnote, .link-footnote:visited {
	vertical-align: text-top;
	font-weight: bold;
	font-size: 75%;
	border-left: 1px solid #027AC6;
	border-right: 1px solid #027AC6;
	text-decoration: none;
	padding: 0 2px;
	margin: 0;
	color: #027AC6;
	line-height: 90%;
}
h5 a.link-footnote {
	font-size: 55% !important;
}
th a.link-footnote, td a.link-footnote {
	vertical-align: middle;
	border-top: 0px;
	border-bottom: 0px;
	background: none;
	line-height: 110%;
}
.link-footnote:hover {
	background: #027AC6;
	color: #fff;
}
.link-footnote:target {
	border-color: #444;
	background: #444;
	color: #fff;
}

/* TDI special actions links */
.link-casedetails {
	display: block;
	width: 17px;
	height: 17px;
	background: url(/trade/images/bg-linktype-details.png) center center no-repeat;
	text-indent: -9000px;
}
.link-casecontext {
	display: block;
	width: 17px;
	height: 17px;
	background: url(/trade/images/bg-linktype-history.png) center center no-repeat;
	text-indent: -9000px;
}
.link-underline {
	text-decoration: underline; /* force underline */
}

/* Maps pointer */
.link-map a {
	cursor: default;
}
.link-map:hover {
	cursor: default;
}

/* Bilateral feed / statistics list */
ol.bilateral li a {
	display: block;
	float: left;
	width: 80%;
}
ol.bilateral ul.adjacent li a {
	width: auto;
	display: block;
	width: 16px;
	height: 16px;
	cursor: hand;
}
ol.bilateral ul.adjacent {
	display: block;
	float: right;
	width: 18%;
}
ol.bilateral ul.adjacent li span.pdf {
	background: url(/trade/images/bg-doctype-pdf.png) center center no-repeat;
}
ol.bilateral ul.adjacent li span.xls {
	background: url(/trade/images/bg-doctype-xls.png) center center no-repeat;
}
ol.bilateral ul.adjacent li {
	display: block;
	float: left;
}
ol.bilateral ul.adjacent li span {
	display: block;
	float: left;
	text-indent: -9000px;
	width: 16px;
	height: 16px;
	cursor: hand;
}
#bilateral p a strong {
	background: #027AC6;
	color: #fff;
	font-weight: normal;
	padding: 0 2px;
}

/* Expandables */
a.expandable {
	display: inline-block;
	padding: 0.2em 0 0.2em 24px;
	min-height: 16px;
	vertical-align: middle;
	background: url(/trade/images/bg-expandable-off.png) center left no-repeat;
}
a.expanded {
	background: url(/trade/images/bg-expandable-on.png) center left no-repeat;
}
.expanded-container {
	background: #FAFBFC;
	border-left: 1px dotted #999;
	padding: 0 0 0 14px;
	margin-left: 9px;
	margin-bottom: 10px;
	height: 1%;
	overflow: hidden;
}
ul li div.expanded-container {
	margin-bottom: 0 !important;
}

/* Lists */

/* Unordered, ordered */
ul {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
}
#col-3 ul {
	padding-right: 6px;
	margin: 0.2em 0;
}
ol {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
}
li {
	font-size: 80%;
	line-height: 140%;
}
ol li {
	display: list-item;
	list-style: inside decimal;
	margin: 0.5em 0;
}
ul li {
	line-height: 150%;
	list-style: square;
}
ul.share_list li {
	list-style: none;
}
ul li ul li {
	font-size: 100%;
	list-style-image: url(/trade/images/bg-bullet-second.gif);
}
ul li ol li {
	list-style: decimal;
}
#col-1 li, #col-3 li {
	font-size: 70%;
	list-style: none;
	text-align: left;
	line-height: 130%;
}
ol li ol li, ol li ul li, ul li ol li {
	font-size: 100%;
}

/* Variations for columnar layout */
#col-21 ul, #col-22 ul, #col-21 ol, #col-22 ol, .col-stretch ul, .col-stretch ol {
	margin: 0.6em 0 1em 0;
	padding: 0;
}
#col-21 li, #col-22 li, div.colset-2 li, div.colset-3 li, .col-stretch li {
	line-height: 130%;
	margin: 0 0 0.3em 0;
	padding: 0;
	text-align: left;
}
.in-focus div.colset-2 li {
	margin: 0 0 0.3em 1.2em;
}
.colset-2 * ul, .colset-3 * ul {
	margin: 0.5em 0;
}
#col-3 ul, #col-3 ol {
	margin: 0.5em 6px 1em 0;
	padding: 0;
}
#col-3 ul.linkset {
	margin: 0.6em 0;
}
#col-3 ul.linkset li {
	display: block;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
	padding: 0.5em 0;
	line-height: 120%;
}
#col-3 ul.linkset li:first-child {
	background: none;
	padding-top: 0;
}
#col-3 ul.linkset li a {
	font-size: 100%;
	text-decoration: none;
}
#col-3 ul.morelink {
	margin: 0.6em 0 1em 0;
	padding: 0;
}
#col-3 dl + ul.morelink {
	margin: 0 0 1em 0;
	padding: 0.4em 0 0 0;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
}
#col-3 ul.morelink li {
	padding: 0;
	line-height: 140%;
}
#col-3 ul li, #col-3 ol li {
	padding: 0.2em 0;
}
ol.collapsible li {
	padding: 0;
	list-style-type: decimal
}
ol.collapsible ul, ul.collapsible ul {
	margin: 0.8em 0 0.8em 0.8em;
	padding: 0 0 0 0.5em;
}
ol.collapsible ul li, ul.collapsible ul li {
	list-style-image: url(/trade/images/bg-bullet-second.gif);
}
ul.collapsible li.expandable {
	display: block;
	clear: both;
	padding: 0.2em 0 0 0;
	margin: 0;
}
ul.collapsible li.expandable ul {
	margin: 0 0 0 0.6em;
	padding: 0.5em 0 0.5em 0;
	background: url(/trade/images/bg-divider-soft-vertical.gif) left top repeat-y;
}
ul.collapsible li.expandable ul li {
	list-style: none;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left 8px repeat-x;
	padding: 0 0 0.4em 1.7em;
	margin: 0.2em 0;
}
ul.collapsible li.expandable ul li a {
	background: #fff;
	display: block;
	padding: 0 0 0 0.4em;
}
ul.collapsible li.expandable a {
	padding: 2px 0;
}
ul.collapsible li a.expand {
	outline: none;
	padding: 0 4px;
	margin: 0 0.4em 0 0;
	display: block;
	float: left;
	text-decoration: none;
	background: #fff url(/trade/images/bg-blocklink.png) left bottom repeat-x;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
ol.footnotes {
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
	padding-top: 1em;
}
ol.footnotes li {
	font-style: italic;
	font-weight: normal;
	font-size: 75%;
	color: #555;
	text-align: left;
	padding-bottom: 0.6em;
	line-height: 140%;
}
ol.footnotes li a.link-footnote {
	border: 0px;
	font-size: 110%;
	vertical-align: top;
	font-style: normal;
}
ol.footnotes li:target {
	background-color: #f9f7cd;
}
ol.footnotes ol.generic-result li {
	font-size: 105%;
	font-style: normal;
	background: none;
	padding: 0;
}
ol.footnotes ol.generic-result li ul li {
	font-size: 95%;
}

/* Definition */
dl {
	font-size: 80%;
	margin: 1em 0;
	padding: 0;
}
dt {
	margin: 0.5em 0 0.7em 0;
	line-height: 140%;
}
dd {
	margin: 0;
	line-height: 140%;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	padding: 0 0 0.8em 0;
}
dl.constrain dd:last-child {
	background: none;
}
#col-21 dl, #col-22 dl, .colset-2 dl, .colset-3 dl {
	font-size: 80%;
	margin: 0.4em 0;
	padding: 0;
	width: auto;
}
#col-21 dt, #col-22 dt, .colset-3 dt, .colset-2 dt, .colset-3 dt {
	padding: 0;
	margin: 0.4em 0 0.2em 0;
	text-align: left;
}
#col-21 dd, #col-22 dd, .colset-2 dd, .colset-3 dd {
	display: block;
	margin: 0;
	padding: 0 0 0.6em 0;
	line-height: 130%;
	text-align: left;
}
#col-3 dl {
	margin: 0.8em 6px 0.4em 0;
	padding: 0;
	font-size: 70%;
}
#col-3 dt {
	margin: 0;
	padding: 0.8em 0 0.2em 0;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
	line-height: 110%;
}
#col-3 dt:first-child {
	background: none;
	padding-top: 0;
}
#col-3 dt span {
	display: block;
	margin: 0 0 0.2em 0;
}
#col-3 dt a {
	font-weight: bold;
	text-decoration: none;
}
#col-3 dd {
	background: none;
	margin: 0;
	padding: 0.2em 0 0.6em 0;
	text-align: left;
	line-height: 130%;
}
#col-3 dd a {
	text-decoration: none;
}
#col-3 dd span {
	display: block;
}
#col-3 dd span.truncate_more, #col-3 dd span.truncate_less {
	display: inline;
}
dl.result {
	margin: 0 !important;
}
dl.result dt {
	font-size: 95%;
	padding: 0 !important;
	margin: 0 !important;
}
dl.result dt a {
	font-size: 100%;
}
dl.result dd {
	font-weight: bold;
	font-size: 90%;
	padding: 0.4em 0 0.8em 0 !important;
	margin: 0 0 0.6em 0 !important;
}
dl.result dd a {
	text-decoration: none;
}
dl.result dd a.link-language {
	font-size: 75%;
}
dfn {
	font-style: normal;
}
th dfn {
	border-bottom: 1px dotted #999;
	cursor: help;
}

/* Forms */
form ul {
	padding: 0 5%;
	margin: 0.5em 0;
}
form fieldset {
	margin: 0 2%;
}
form fieldset.fieldset-constrained {
	margin: 0;
}
#col-21 form, #col-22 form, .col-stretch form {
	margin: 0;
	padding: 0;
}
#col-21 form fieldset, #col-22 form fieldset, .col-stretch form fieldset {
	margin: 0;
}
form label, form span {
	color: #555;
}
form label em {
	font-style: normal;
	font-size: 90%;
}
em.notice {
	font-style: normal;
	font-size: 130%;
}
form li {
	display: block;
	clear: both;
	list-style: none !important;
}
.form-adjacent li, .form-sequential li {
	height: 1%;
	overflow: hidden;
	padding: 0.1em 0;
	list-style: none !important;
}
#col-3 .form-adjacent li, #col-3 .form-sequential li {
	padding: 4px 0 2px 0;
}
.form-adjacent ul {
	padding: 0;
}
ul.form-adjacent {
	padding: 0;
	margin-left: 0;
}
ul.form-adjacent li {
	text-align: left;
	width: 100%;
}
.form-adjacent label {
	display: block;
	float: left;
	text-align: right;
	width: 38%;
	padding: 0.4em 0;
	font-size: 95%;
}
.form-adjacent dfn {
	display: block;
	float: left;
	width: 30%;
	padding: 0 0.4em 0 0;
	text-align: right;
}
.form-adjacent span {
	display: block;
	float: right;
	text-align: left;
	width: 54%;
	font-size: 95%;
	padding: 0 6% 0 0;
}
.form-adjacent span.short input {
	width: 40%;
}
.form-adjacent span.super-short input {
	width: 20%;
}
.form-adjacent li.inline-set span {
	display: block;
	float: left;
	text-align: right;
	width: 38%;
	padding: 0.1em 0 0 0;
	font-size: 95%;
}
.form-adjacent li.inline-set ul {
	display: block;
	float: right;
	text-align: left;
	width: 60%;
	font-size: 95%;
	padding: 0 !important;
	margin: 0 !important;
}
.form-adjacent li.inline-set ul li.input-radio {
	float: left;
	clear: none;
	margin: 0;
	font-size: 100%;
	padding: 0 !important;
}
.form-adjacent li.inline-set ul li.input-radio span {
	display: inline;
	width: auto;
	padding: 0;
	float: none;
	margin: 0;
}
.form-adjacent li.inline-set ul li.input-radio label {
	display: inline;
	width: auto;
	padding: 0 0.6em 0 0;
	float: none;
	margin: 0;
}
.form-sequential label {
	display: block;
	padding: 0.1em 0;
	font-size: 95%;
}
.form-sequential span {
	display: block;
	padding: 0.1em 0;
	font-size: 95%;
}
#col-3 .form-sequential label, #col-3 .form-sequential span {
	padding: 0.1em;
	font-size: 100%;
}
.form-sequential span.short {
	width: 50%;
}
.form-sequential span.super-short {
	width: 25%;
}
fieldset {
	margin: 0;
	padding: 0.4em;
	border: 1px solid #e2e2e2;
	border-right: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
fieldset + h3 {
	margin-top: 1.2em !important;
}
fieldset legend {
	font-style: italic;
	font-size: 75%;
	color: #555;
	padding: 0;
	margin: 0;
}
fieldset p {
	font-size: 75%;
	padding: 0 1em;
	margin: 0.4em 0 0 0 !important;
	color: #555;
}
#col-3 fieldset {
	padding: 0 4%;
	margin: 0 6px 0 0;
	width: auto;
}
#col-3 fieldset legend {
	font-size: 70%;
	color: #555;
	padding: 0;
	margin: 0;
	background: #fff;
}
#col-3 fieldset ul {
	margin: 0.2em 0 0.6em 0;
}
input, textarea {
	width: 98%;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #F8FBFD url(/trade/images/bg-form-input.png) left top repeat-x;
	font-size: 125%;
	color: #444;
}
.input-radio span, .input-radio label, .input-checkbox span, .input-checkbox label {
	float: none !important;
	width: auto !important;
	display: inline !important;
	padding: 0 !important;
}
.input-radio input, .input-checkbox input {
	width: auto;
	background: none;
	border: 0px;
}
dt.input-checkbox {
	margin: 0.5em 0 0.2em 0;
}
.form-input-counter {
	border: 0px;
	background: none;
	width: auto;
	font-size: 100%;
	font-weight: bold;
}
.submit, .submit span {
	text-align: center !important;
}
.submit input {
	width: auto;
	text-align: center;
	background: #F7F8FA url(/trade/images/bg-form-button.png) left center repeat-x;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	border: 0px;
	padding: 0.2em 0.4em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
select {
	height: auto;
	width: 98%;
	background: #F8FBFD;
	font-size: 95%;
	color: #444;
	padding: 0.2em;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	outline: none;
}
select option, select optgroup {
	font-style: normal;
}
#col-3 select {
	width: 96%;
	font-size: 100%;
}
.form-field-focused, input:focus, input:active {
	border-color: #59ACFF #BFDFFF #BFDFFF #59ACFF !important;
}
.form-field-frozen, input:disabled {
	border-color: #eee #eee #eee #eee !important;
	background: #f7f7f7;
}
.form-login {
	padding-top: 10px;
}
.form-login form {
	background: #f9fafb;
	border: 1px solid #DDD;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.form-login input {
	background: #FFF;
	border: 1px solid #DDD;
}
.form-login p.submit input {
	width: auto;
	text-align: center;
	background: #FFF;
	border: 1px solid #DDD;
	color: #0066CC;
	font-weight: bold;
	font-size: 100%;
	margin-right: 15px;
	border-right: 1px solid #ccc;
}
#col-3 #europa-search p {
	margin-bottom: 8px;
}
#col-3 #europa-search label {
	display: block;
	position: absolute;
	top: -9999px;
}
#col-3 #europa-search input {

		background-color: #fff;
background-image: none;
border: 1px solid #404040;
color: #404040;
display: block;
font-family: Arial,sans-serif;
font-size: .89rem;
line-height: 1.6;
margin: 0;
    margin-top: 0px;
padding: .33rem .66rem;
width: 100%;
}
#col-3 #europa-search span.submit input {
	width: 15%;
}
.message {
	background: #FFFFDF;
	border: 1px solid #FFE88A;
	padding: 0.2em 0.4em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: left;
}
.message h3 {
	background: none;
	padding-top: 0;
	border-bottom: 1px solid #ffe88a;
}
.error {
	border: 1px solid #FAB6B6;
	background: #FAEBEB;
}
.ok {
	border: 1px solid #97D110;
	background: #E3EFBA;
}
.wait {
	display: none;
	text-align: center;
}

/*------------- Standard text -------------*/

/* Paragraphs */
p {
	margin: 1em 0;
	font-size: 80%;
	line-height: 150%;
	text-align: left;
}
#col-1 p {
	font-size: 70%;
	text-align: left;
	width: 100%;
	overflow: hidden;
}
 #col-21 p, #col-22 p, .col-stretch p {
 margin: 0.4em 0;
 text-align: left;
}
div.colset-2 * p, div.colset-3 * p {
	text-align: left;
}
#col-3 p {
	margin: 1em 6px 1em 0;
	font-size: 70%;
	text-align: left;
	overflow: hidden;
	line-height: 130%;
}
#footer p {
	font-size: 75%;
	text-align: center;
	margin: 0.6em 0;
	color: #396EA2;
}
ul li blockquote p {
	font-size: 100%;
}

/* Abbreviations */
abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
}

/* -- Don't show in headings */
h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 abbr, h6 abbr, .link-topic abbr {
	text-decoration: none;
	border: 0px;
}

/* Blockquotes */
blockquote {
	background: #F3F5F8;
	border-left: 5px solid #E0E6ED;
	padding: 0.2em 0.5em;
	overflow: auto;
}

/* Special text types */
code, kbd {
	font: normal 125% "Courier New", Courier, monospace;
}

/* Data tables */
table {
	width: 100%;
	margin: 1em auto;
	caption-side: top; /* empty-cells: hide; */
	table-layout: fixed;
	overflow: hidden;
	word-wrap: break-word;
}
h6 + table {
	margin: 0 auto 1em auto;
}
caption {
	font-style: italic;
	font-size: 80%;
	color: #444;
	padding: 0.4em;
}
th {
	background: #F3F5F8 url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	font-size: 70%;
	font-weight: normal;
	color: #444;
	text-align: left;
	padding: 0.4em 0.4em 0.6em 0.4em;
}
div.featured table th:not([scope="row"]) {
	background: #FDFDF4;
	border-bottom: 2px solid #E3E3A8;
	border-right: 1px solid #E3E3A8;
}
div.featured table th[colspan] {
	border-bottom-width: 1px;
	text-align: center;
}
td {
	vertical-align: top;
	background: #fff url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	font-size: 70%;
	color: #444;
	padding: 0.4em 0.4em 0.6em 0.4em;
}
div.featured table td, div.featured table th[scope="row"] {
	background-color: transparent;


}
td ul {
	margin: 0 0 0 1em;
}
td li {
	font-size: 100%;
	text-align: left;
	line-height: 130%;
	list-style: url(/trade/images/bg-bullet-second.gif);
}
td.result {
	padding-bottom: 0.8em;

}
td.result a {
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}
td.result a.link-language {
	font-weight: normal;
}
th a {
	background: #fff url(/trade/images/bg-blocklink.png) left bottom repeat-x;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 4px;
	text-decoration: none;
}

table.sortable th.header {
	cursor: pointer;
	padding: 0;
}
table.sortable th.header:hover {
	background-color: #DFE5ED;
}
table.sortable th.header span, table.sortable th.header a {
	display: inline-block;
	background: url(/trade/images/bg-tablesort-neutral.gif) 0.2em center no-repeat;
	padding: 0.4em 0.4em 0.4em 1.2em;
	color: #444;
}
table.sortable th.header a {
	display: block;
	background: url(/trade/images/bg-tablesort-neutral.gif) 0.2em center no-repeat;
}
table.sortable th.headerSortDown, table.sortable th.headerSortUp {
	background-color: #DFE5ED;
}
table.sortable th a {
	display: block;
	background: none;
	border: 0px;
	padding: 0;
	color: #444;
}
table.sortable th.headerSortDown span, table.sortable th.headerSortDown a {
	background: url(/trade/images/bg-tablesort-down.gif) 0.2em center no-repeat;
}
table.sortable th.headerSortUp span, table.sortable th.headerSortUp a {
	background: url(/trade/images/bg-tablesort-up.gif) 0.2em center no-repeat;
}
table.sortable th.actions {
	width: 52px;
}
table.sortable td ol {
	margin: 0;
	padding: 0;
}
table.sortable td ol li {
	display: block;
	float: left;
	margin: 0 0.2em;
	padding: 0;
	text-indent: -9000px;
}
table.sortable td ol li a {
	display: block;
}
th.nowrap, td.nowrap {/* white-space: nowrap; */
}
th img {
	vertical-align: middle;
}

/* Important notices */
.notice {
	font-weight: bold;
	font-size: 90%;
	color: #D90000;
}
.open {
	font-weight: bold !important;
	background: #006000;
	color: #fff;
	padding: 0 2px;
}
.closed {
	font-weight: bold !important;
	background: #6D006D;
	color: #fff;
	padding: 0 2px;
}

/*-------------------------- Special content formatting --------------------------*/

/* Main navigation */
#nav {
	margin: 0 0 1.4em 0;
	padding: 0;
}
#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: normal;
	list-style: none;
	font-size: 70%;
	text-align: left;
}
#nav li abbr {
	border: 0px;
}
#nav li.selected {
	color: #fff;
	background: #e5e5e5 url url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	display: block;
	padding: 5px 2px 5px 0;
}
#nav > li span {
	display: block;
	padding: 5px 2px 5px 5px;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	font-weight: bold;
}
#nav li a {
	display: block;
	margin: 0;
	padding: 5px 2px 5px 5px;
	text-decoration: none;
	background: #F3F5F8 url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	font-weight: bold;
}
#nav li a:hover {
	background: #e5e5e5 url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	color: #000 !important;
}
#nav li a:visited {
	color: #06c;
}
#nav li.selected, #nav #navlink-theme-1.selected, #nav li#navlink-theme-2.selected, #nav li#navlink-theme-3.selected, #nav li#navlink-theme-4.selected {
	display: block;
	background-color: #e5e5e5;
	padding: 0;
	border: 0;
}
#nav li.selected span {
	border-left: 7px solid #fff;
}
#nav li a.selected {
	color: #444 !important;
	font-weight: bold;
	background-color: #e5e5e5;
}
#nav li#navlink-theme-1 a, #nav #navlink-theme-1.selected span {
	font-weight: normal !important;
	padding: 5px 2px 5px 0 !important;
	color: #FFF !important;
}
#nav li#navlink-theme-2 a, #nav li#navlink-theme-2.selected span {
	padding: 5px 2px 5px 5px;
}
#nav li#navlink-theme-3 a, #nav li#navlink-theme-3.selected span {
	padding: 5px 2px 5px 5px;
}
#nav li#navlink-theme-4 a, #nav li#navlink-theme-4.selected span {
	padding: 5px 2px 5px 5px;
}
#nav li ol {
	margin: 0;
	padding: 0;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x !important;
}
#nav li ol li {
	font-size: 100%;
}
#nav li ol li a {
	border: 0px !important;
	padding: 5px 2px 5px 5px;
	font-weight: bold;
}
#nav li ol li ol {
	padding: 0 0 0 10px;
}
#nav li ol li ol li a {
	background: #F3F5F8 url(/trade/images/bg-menu-soft-vertical.gif) left bottom repeat-x;
	color: #444 !important;
	font-weight: normal;
}
#nav li ol li ol li ol li {
	font-size: 95%;
}
#nav li.frontpage_menu a {
	display: block;
	margin: 0 0 1px 0;
	padding: 6px 2px 12px 5px;
	text-decoration: none;
	background: url(/trade/images/bg-nav-frontpage.png) center center no-repeat;
	background-size: 100% 100%;
	color: #FFFFFF;
	font-weight: bold;
}
#nav li.frontpage_menu a:hover {
	background: url(/trade/images/bg-nav-frontpage-selected.png) center center no-repeat;
	background-size: 100% 100%;
	color: #fff !important;
}
.theme-1 {
	background-color: #009EBB !important;
	color: #FFF !important;
}
#nav li a.theme-1 {
	background-image: none;
	border-bottom: 1px #fff solid;
}
#nav li a:hover.theme-1 {
	color: #000 !important;
}
.theme-2 {
	background-color: #46aa50 !important;
	color: #FFF !important;
}
#nav li a.theme-2 {
	background-image: none;
	border-bottom: 1px #fff solid;
}
#nav li a:hover.theme-2 {
	color: #000 !important;
}
.theme-3 {
	background-color: #A2486F !important;
	color: #FFF !important;
}
#nav li a.theme-3 {
	background-image: none;
	border-bottom: 1px #fff solid;
}
#nav li a:hover.theme-3 {
	color: #000 !important;
}
.theme-4 {
	background-color: #A2486F !important;
	color: #FFF !important;
}
#nav li a.theme-4 {
	background-image: none;
	border-bottom: 1px #fff solid;
}
#nav li a:hover.theme-4 {
	color: #000 !important;
}
.theme-5 {
	background-color: #e5e5e5 !important;
	color: #FFF !important;
}
#nav li a.theme-2 {
	background-image: none;
	border-bottom: 1px #fff solid;
}
#nav li a:hover.theme-5 {
	color: #000 !important;
}

/* Sidebar */
#resources {
	background: #fff;
	padding: 0.2em 0 0.6em 0;
}
#resources .sidebar-feature {
	margin: 0;
	padding: 0.2em 0;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
	height: 1%;
	overflow: hidden;
	clear: both;
}

/* A little fixit */
* html #resources .sidebar-feature {
	height: 1%;
	overflow: visible;
}
#resources div:first-child {
	background-image: none;
}
.sidebar-feature div.align-left {
	margin: 0.2em;
}
.sidebar-feature p {
	margin: 0.3em 0 0.2em 0 !important;
	line-height: 120%;
}
.sidebar-feature a {
	font-size: 100%;
	text-decoration: none;
}

/* Photo captions */
p.caption {
	background: #444;
	border-left: 5px solid #c00;
	color: #fff;
	font-size: 70%;
	margin: 0 !important;
	padding: 5px 5px 6px 5px !important;
	line-height: 120%;
	text-align: left;
}
*.align-left p.caption, *.align-right p.caption {
	width: 225px;
}

/* video captions */
p.caption-video {
	font-size: 70%;
	margin: 0 !important;
	padding: 5px 5px 6px 0 !important;
	line-height: 120%;
	text-align: left;
}
*.align-left p.caption-video, *.align-right p.caption-video {
	width: 270px;
}

/* Generic tabs */
.tabs {
	display: none;
}
* .tabs-enabled {
	display: block;
	clear: both;
	overflow: auto;
	height: 1%;
	margin: 1em 0 !important;
	padding: 0;
	background: transparent url(/trade/images/bg-divider-hard-horizontal.gif) left bottom repeat-x;
}
#col-3 .tabs-enabled {
	margin: 0.5em 6px 0.5em 0 !important;
}
.tabs-enabled li {
	float: left;
	display: block;
	margin: 0;
	padding: 0.2em 0 0 0;
	font-size: 75%;
}
#col-21 .tabs-enabled li, #col-22 .tabs-enabled li, .col-stretch .tabs-enabled {
	margin: 0;
	padding: 0.2em 0 0em 0;
}
.tabs-enabled li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0.2em 0.4em 0.4em 0.4em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff url(/trade/images/bg-tab-unselected.png) left bottom repeat-x;
	text-decoration: none;
}
.tabs-enabled li a:focus {
	background: #E5E5E5 !important;
}
.tabs-enabled li.last-tab a {
	border-right: 1px solid #ccc;
}
.tabs-enabled li a:visited {
	color: #027AC6;
}
.tabs-enabled li.selected {
	background: #fff url(/trade/images/bg-tab-selected.gif) left bottom repeat-x !important;
	padding: 0 !important;
}
.tabs-enabled li.selected a {
	background: none;
	text-decoration: none;
	cursor: default;
	color: #555;
	padding: 0.2em 0.4em 0.6em 0.4em;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* Large tabs */
.tabs.large {
	display: none;
}
* .large.tabs-enabled {
	display: block;
	clear: both;
	overflow: auto;
	height: 1%;
	margin: 1em 0 !important;
	padding: 0;
}
.large.tabs-enabled li {
	float: left;
	display: block;
	margin: 0;
	padding: 0.3em 0 0 0;
	font-size: 90%;
	font-weight: bold;
}
.col-stretch .large.tabs-enabled {
	margin: 0;
	padding: 0.2em 0 0em 0;
}
.large.tabs-enabled li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
	text-decoration: none;
}
.large.tabs-enabled li a:focus {
	background: #E5E5E5 !important;
}
.large.tabs-enabled li.last-tab a {
	border-right: 1px solid #ccc;
}
.large.tabs-enabled li a:visited {
	color: #027AC6;
}
.large.tabs-enabled li.selected {
	padding: 0 !important;
}
.large.tabs-enabled li.selected a {
	background: none;
	text-decoration: none;
	cursor: default;
	color: #555;
	padding: 0.5em 1em 0.8em 1em;
}
.featured .tabs-enabled, .highlight .tabs-enabled {
	background-color: transparent;
}

/* Tags */
.tags {
	padding: 0 0 0.2em 0;
	height: 1%;
	display: block;
	overflow: hidden;
	margin: 0.5em 0 !important;
}
table td ul.tags {
	margin: 0 !important;
	padding: 0;
}
.tags a {
	display: block;
	background: #fff url(/trade/images/bg-blocklink.png) left bottom repeat-x;
	padding: 0.3em;
	text-decoration: none;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.tags li {
	display: inline;
	font-size: 75%;
}
.tags li a {
	float: left;
	margin: 0 0.4em 0.4em 0;
}
.tags a:hover, .tags a.selected {
	background: #027AC6;
	color: #fff;
	text-decoration: none;
}
.tags li span {
	display: block;
	float: left;
	padding: 0.3em;
	margin: 0 0.4em 0.4em 0;
	border: 1px solid #fff;
}

/* SBOX */
.superbox div, .superbox div, .superbox div.unit {
	clear: both;
}
.superbox {
	margin: 0;
	padding: 0 0.4em;
	border: 1px solid #D9E3EF;
	overflow: hidden;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(/trade/images/bg-superbox-rpt.png) repeat-x top center;
}

/* A little fixit */
* html .superbox div, * html .superbox div.unit {
	clear: both;
	display: inline-block;
}
.superbox:after, .superbox div.unit:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.superbox h3 {
	margin: 0 0 0.2em 0;
	padding: 0.2em 0 0.4em 0;
	border: 0px;
}
.superbox p {
	line-height: 130%;
}

/* Docbox */
.docbox {
	margin: 0.5em 0;
	padding: 0 0.4em;
	border: 1px solid #D8D8D8;
	overflow: hidden;
	background: url(/trade/images/bg-docbox-rpt.png) repeat-x top center;
}
.docbox_2 {
	margin: 0.5em 0;
	padding: 0 0.4em;
	border: 1px solid #D8D8D8;
	overflow: hidden;
	background: url(/trade/images/bg-docbox_2-rpt.png) repeat-x top center;
}
.docbox_3 {
	margin: 0.5em 0;
	padding: 0 0.4em;
	border: 1px solid #D8D8D8;
	overflow: hidden;
	background: url(/trade/images/bg-docbox_3-rpt.png) repeat-x top center;
}

/* A little fixit \*/
* html .docbox div, * html .docbox div.unit {
	clear: right;
	display: inline-block;
}
.docbox h4 {
	padding: 0.5em 0;
}

/* Splashbox */
.splashbox {
	margin: 1em 0;
	padding: 0.5em;
	border: 1px solid #D8D8D8;
	overflow: hidden;
	clear: both;
	background: url(/trade/images/bg-splashbox-rpt.png) repeat-x top center;
}
.splashbox-2-1 {
	float: left;
	width: 48%;
}
.splashbox-2-1 ul {
	margin-left: 15px;
}
.splashbox-2-2 {

	float: right;
	width: 48%;
}
/* A little fixit \*/

* html .splashbox div, * html .splashbox div.unit {
	clear: right;
	display: inline-block;
}
.splashbox h4 {
	padding: 0.2em 0;
}

/* Alphabet listing */
.alphabet-listing {
	height: 1%;
	overflow: hidden;
}
.alphabet-listing h3 {
	clear: both;
	float: left;
	font-size: 180%;
	font-weight: normal;
	color: #666;
	margin: 0 0 20px 0;
	width: 10%;
	padding: 0;
	text-align: center;
	border: 1px solid #e2e2e2;
	background: #F3F5F8;
}
.alphabet-listing ul {
	margin: 0;
	padding: 0 0 10px 0;
	float: right;
	width: 87%;
}
.alphabet-listing ul li {
	list-style: none;
	padding: 0.2em 0;
	font-size: 75%;
	line-height: 150%;
}
.alphabet-listing ul li ul {
	padding: 0.4em 0;
	float: none;
	margin: 0.2em 0 0.6em 0;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
}
.alphabet-listing ul li ul li {
	font-size: 100%;
}
.alphabet-listing ul.tags {
	width: auto;
	float: left;
}
.alphabet-listing ul.tags li {
	font-size: 80%;
}
.alphabet-listing ul li em {
	font-weight: bold;
	font-size: 100%;
	font-style: normal;
}
.alphabet-listing ul li em a {
	text-decoration: none;
}
.alphabet-listing ul li em a:hover {
	text-decoration: underline;
}
.alphabet-listing dl {
	margin: 0 5% 0 0;
	padding: 0 0 10px 0;
	float: right;
	width: 82%;
}
.alphabet-listing dt {
	display: block;
	clear: both;
	float: left;
	width: 80%;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
	margin: 0;
	padding: 5px 0 6px 0;
}
.alphabet-listing dd {
	display: block;
	float: right;
	width: 20%;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
	margin: 0;
	padding: 6px 0;
}
.alphabet-listing dl dt.first-child, .alphabet-listing dl dd.first-child {
	background: none;
}
.alphabet-listing dt.indent {
	padding-left: 0.8em;
}
.alphabet-listing dd a {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	margin: 0 0 0 0.6em;
}
.alphabet-listing dd a.pdf {
	background: url(/trade/images/bg-doctype-pdf.png) center center no-repeat;
}
.alphabet-listing dd a.pdf-detail {
	background: url(/trade/images/bg-doctype-pdf-detail.png) center center no-repeat;
}
.alphabet-listing dd a.xls {
	background: url(/trade/images/bg-doctype-xls.png) center center no-repeat;
}
.alphabet-listing div.prepost-results {
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
}
.alphabet-listing div.prepost-results ul.tags {
	float: right;
}

/* Bilateral regions display */
#bilateral-regions h5 {
	margin: 0.6em 0 0.2em 0;
	background: #fff;
	display: block;
	height: 1%;
	overflow: hidden;
}
#bilateral-regions h6 {
	clear: both;
}
#bilateral-regions h5 span, #bilateral-regions h6 span, #bilateral-regions ul li span {
	float: left;
	display: block;
}
#bilateral-regions h6 span {
	padding-bottom: 0.8em;
}
#bilateral-regions h5 span a, #bilateral-regions h6 span a, #bilateral-regions ul li span a {
	float: left;
	display: block;
	text-align: left;
	text-indent: -9000px;
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
}
#bilateral-regions ul li span {
	width: 74%;
	padding: 0.4em 0;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left top repeat-x;
}
#bilateral-regions ul li.first-child span {
	background: none;
}
#bilateral-regions ul li span + span {
	width: 24%;
	float: right;
}
#bilateral-regions h5 a.pdf, #bilateral-regions h6 a.pdf, #bilateral-regions ul li span a.pdf {
	background: url(/trade/images/bg-doctype-pdf.png) center center no-repeat;
}
#bilateral-regions h5 a.pdf-detail, #bilateral-regions h6 a.pdf-detail, #bilateral-regions ul li span a.pdf-detail {
	background: url(/trade/images/bg-doctype-pdf-detail.png) center center no-repeat;
}
#bilateral-regions h5 a.xls, #bilateral-regions h6 a.xls, #bilateral-regions ul li span a.xls {
	background: url(/trade/images/bg-doctype-xls.png) center center no-repeat;
}
#bilateral-regions .colset-3 ul + h6 {
	padding: 0.8em 0 0 0;
}
#bilateral-regions ul {
	margin: 0;
	clear: both;
}
#bilateral-regions ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 75%;
	line-height: 140%;
}
#bilateral-regions ul.tags li {
	font-size: 80%;
}
#bilateral-regions p {
	margin: 0 0 1em 0;
}

/* Organisation chart */
#org-chart {
	margin: 1em 1em 1em 0;
}
#org-chart dl {
	display: block;
	margin: 0.6em 0.6em 0.6em 0;
	border: 1px solid #CED7E3;
	padding: 0.4em;
	background-image: url(/trade/images/bg-shadow-print.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#org-chart dl dt {
	text-align: left;
	font-style: italic;
	font-size: 90%;
	margin: 0.8em 0 0 0;
}
#org-chart dl dt strong {
	font-style: normal;
}
#org-chart dl dt abbr {
	border: 0px;
}
#org-chart dl dt span {
	display: block;
	font-size: 100%;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	padding: 0 0 0.3em 0;
	margin: 0 0 0.5em 0;
}
#org-chart dl dt span dfn {
	font-size: 120%;
	font-weight: bold;
}
#org-chart dl dd {
	background: none;
	padding: 0;
	text-align: left;
	font-size: 90%;
}
.orgchart-row-1, .orgchart-row-2, .orgchart-row-3 {
	padding: 0.4em 0;
	clear: both;
}
.orgchart-row-2 div div, .orgchart-row-3 div div {
	width: 50%;
	float: left;
	margin: 0;
}
.orgchart-2-1 {
	float: left;
	width: 50%;
	padding: 0.4em 0;
}
 .orgchart-3-1 {
	float: left;
	width: 50%;
	padding: 0.4em 0;
}
.orgchart-row-1 div, .orgchart-2-1 div div, .orgchart-3-1 div div  {
	width: 50%;
	float: left;
}
.orgchart-2-2 {
	float: left;
	width: 25%;
	padding: 0;
	margin: 6.28em 0 0 0;
}
/*#director-general {
	margin: 0.6em 0 0.6em 0;
}*/
#director-general dl {
	background-color: #cad4ff;
	width: 50%;
	margin: auto;
}
#director-general dl dt:first-child{
	font-size: 115%;
}
#org-chart-executive dl {
	background-color: #DDE5EE;
}
#directorate-a dl, #directorate-r dl {
	background-color: #D9FCF3;
}
#orgchart-deputy-1 dl {
	background-color: #f1b7d0;
	width: 75%;
	margin: auto;
}
#orgchart-deputy-2 dl {
	background-color: #d5f592;
	width: 75%;
	margin: auto;
}
#orgchart-deputy-3 dl {
	background-color: #ffa292;
	width: 75%;
	margin: auto;
}
#org-chart-adv-dg {
	width: 33%;
	margin: auto;
}
#director-general dl *, #orgchart-deputy-1 dl *, #orgchart-deputy-2 dl *, #orgchart-deputy-3 dl *, #org-chart-adv-dg dl * {
	text-align: center !important;
}
#orgchart-deputy-1 dl span.owrap, #orgchart-deputy-2 dl span.owrap, dl.on span.owrap {
	background: url(/trade/images/bg-expandable-on.png) right bottom no-repeat;
	cursor: pointer;
}
#orgchart-deputy-1 dl.off span.owrap, #orgchart-deputy-2 dl.off span.owrap, dl.off span.owrap {
	background: url(/trade/images/bg-expandable-off.png) right bottom no-repeat;
	cursor: pointer;
}
.directorates-bc dl {
	background-color: #F2DCDB;
}
.directorates-bc .delegation {
	background-color: #FAF2F1;
}
.directorates-de dl {
	background-color: #DBEDB5;
}
.directorates-de .delegation {
	background-color: #EFF7DF;
}
.directorates-fg dl {
	background-color: #FEDFC6;
}
.directorate {
	cursor: pointer;
}
.directorate:hover, #orgchart-deputy-1 dl.on:hover, #orgchart-deputy-1 dl.off:hover, #orgchart-deputy-2 dl.on:hover, #orgchart-deputy-2 dl.off:hover {
	border: 1px solid #4C94DB !important;
}
.owrap {
	display: block;
	padding: 0.4em;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#org-chart .expandable {
	width: 100% !important;
	margin: 0 !important;
}
.collapsed {
	display: none;
}
.show {
	display: block !important;
}
#org-chart-print {

	display: block;
	margin: 2em 0; 
	float:right;
	clear: right;
}
.org-chart-print-btn {
    width: auto;
	color: #fff !important;
    background: #F7F8FA url(/trade/images/bg-form-button.png) left center repeat-x;
    border: 0px;
    padding: 0.6em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.org-chart-print-btn h5 {
    color: #fff !important;
    font-size: 100%;
    font-weight: bold;
}

/* Search results */
div.prepost-results {
	height: 1%;
	background: #fff;
	clear: both;
	overflow: hidden;
	font-size: 95%;
}
div.prepost-results ul.tags {
	float: right;
}
div.prepost-results ul.tags li a {
	margin: 0 0.2em 0.2em 0;
	padding: 0.1em 0.3em;
}
div.prepost-results p {
	margin: 0;
	padding: 0.5em 0 0 0;
	text-align: left;
}
div.prepost-results p.align-left {
	padding: 0.8em 0.2em 0 0;
}
div.prepost-results h2 {
	float: left;
	font-size: 170% !important;
}
div.prepost-results h4 {
	float: left;
	width: 50%;
	margin: 0.2em 0.6em 0.2em 0;
}
ol.generic-result {
	margin: 0 !important;
	padding: 0 0 0.4em 0;
}
ol.generic-result li {
	height: 1%;
	overflow: hidden;
	clear: both;
	list-style: none;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	margin: 8px 0 0 0;
	padding: 0.2em 0 0.4em 0;
	text-align: left !important;
	line-height: 130%;
}
ol.generic-result li a, ol.generic-result li span {
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	line-height: 140%;
}
ol.generic-result li span span, ol.generic-result li a span {
	font-size: 100%;
}
ol.generic-result li ul li span {
	font-weight: normal;
	font-size: 100%;
}
ol.adjacent li a {
	float: left;
}
ol.generic-result li ul {
	margin: 0.2em 0 0 0 !important;
	clear: both;
}
ol.adjacent li ul {
	clear: none;
	float: right;
	padding: 0;
}
ol.generic-result li ul li {
	clear: none;
	float: left;
	display: block;
	margin: 0 0.6em 0 0;
	padding: 0.2em 0.6em 0.3em 0;
	font-size: 95%;
	color: #555;
	background: url(/trade/images/bg-divider-soft-vertical.gif) right top repeat-y;
}
ol.adjacent li ul li {
	padding: 0 0 0.2em 0;
	margin: 0 0 0 0.6em;
	background: none;
}
ol.generic-result li ul li:last-child {
	background: none;
}
ol.generic-result li ul li a {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	display: inline;
	float: none;
	text-decoration: underline;
}
ol.generic-result li ul li.abstract {
	color: #444;
	display: block;
	clear: both;
	margin: 0.4em 0 0.4em 0;
	padding: 0.5em;
	background: #f7f7e6;
	line-height: 140%;
	width: 98%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
ol.generic-result li ul li.abstract ul {
	padding: 0.5em;
	margin-left: 1em;
	width: 100%;
}
ol.generic-result li ul li.abstract ul li {
	float: none;
	clear: none;
	margin: 0.1em 0.4em;
	padding: 0;
	line-height: 150%;
	background: none;
	list-style-image: none !important;
}
ol.generic-result li ul li.abstract p {
	font-size: 100%;
	margin: 0 0 0.5em 0;
}
ol.generic-result li ul li.abstract h4 {
	letter-spacing: normal;
	margin: 0.6em 0;
}
ol.generic-result li ul span.themed {
	padding-left: 0.3em;
}
ol.generic-result li ul li.lang {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	background: none;
	width: 100%;
}
ol.generic-result li ul li.lang ul {
	margin: 0 !important;
}
ol.generic-result li ul li.lang ul li {
	margin: 0 2px 0 0;
	background: none;
	padding: 0.1em 0 0.2em 0;
}
ol.generic-result li ul li.lang ul li a {
	float: left;
	display: block;
	margin: 0;
	width: 16px;
	text-align: center;
	padding: 1px 0;
	font-size: 75%;
	background: #fff;
	color: #555;
	border: 1px solid #777;
	text-decoration: none;
}
ol.generic-result li span.subject a {
	font-size: 95%;
}
.homepage ol.generic-result li, #news ol.generic-result li {
	height: 1%;
	overflow: hidden;
	clear: both;
	list-style: none;
	background: url(/trade/images/bg-divider-soft-horizontal.gif) left bottom repeat-x;
	margin: 8px 0 0 0 !important;
	padding: 0.2em 0 0.5em 0 !important;
	text-align: left !important;
	line-height: 130%;
}
.homepage ol.generic-result li ul li, #news ol.generic-result li ul li {
	clear: none;
	float: left;
	display: block;
	margin: 0 0.6em 0 0 !important;
	padding: 0.2em 0.6em 0.3em 0 !important;
	font-size: 95%;
	color: #555;
	background: url(/trade/images/bg-divider-soft-vertical.gif) right top repeat-y;
}
.homepage ol.generic-result li ul li:last-child, #news ol.generic-result li ul li:last-child {
	background: none;
}

/* Sitemap */
#sitemap .sitemap ul {
	padding: 0 0 0 0.6em;
}
#sitemap .sitemap ul li {
	margin: 0 0 0.2em 0.6em;
}
#sitemap .sitemap ul li a {
	text-decoration: none;
}
#sitemap .sitemap ul li a:hover {
	text-decoration: underline;
}
#sitemap .sitemap ul li ul {
	margin: 0.2em;
}
#sitemap .sitemap ul li ul li {
	font-size: 90%;
}
#sitemap .sitemap ul li ul li ul li {
	font-size: 100%;
}
#sitemap .sitemap h4 {
	margin: 0;
	font-size: 158%;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
}
#sitemap .sitemap h4 a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 10px;
	min-height: 60px;
}
#sitemap .colset-3-1 h4 {
	background-color: #009EBB;
}
#sitemap .colset-3-1 .sitemap ul li {
	color: #009EBB;
	list-style-type: square;
}
#sitemap .colset-3-1 .sitemap ul li ul li {
	color: #009EBB;
	list-style-type: square;
}
#sitemap .colset-3-2 h4 {
	background-color: #46AA50;
}
#sitemap .colset-3-2 .sitemap ul li {
	color: #46AA50;
	list-style-type: square;
}
#sitemap .colset-3-2 .sitemap ul li ul li {
	color: #46AA50;
	list-style-type: square;
}
#sitemap .colset-3-3 h4 {
	background-color: #A2486F;
}
#sitemap .colset-3-3 .sitemap ul li {
	color: #A2486F;
	list-style-type: square;
}
#sitemap .colset-3-3 .sitemap ul li ul li {
	color: #A2486F;
	list-style-type: square;
}
#sitemap-footer-form {
	width: 50%;
}
#sitemap-footer {
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#fff));
	background: -moz-linear-gradient(top, #e5e5e5, #ffffff);
 	filter: progid:DXImageTransform.Microsoft.gradient(endcolorstr=#ffffff, startcolorstr=#e5e5e5);
	background: -ms-linear-gradient(top, #e5e5e5, #ffffff);
	background: -o-linear-gradient(top, #e5e5e5, #ffffff);
	padding: 15px;
	margin: 0 1em 1.4em 0;
}

/* Feedback box */
#feedback_form {
	margin: 0.5em 0 0 0;
}
#feedback_form fieldset {
	border-color: #a0b9c6;
	margin: 0;
}
#feedback_form p.submit {
	padding: 0 0 0.5em 0;
}

/* Glossary */
#glossary {
	height: 1%;
	overflow: auto;
	margin: auto;
	width: 86%;
	float: none;
}
#glossary h2 {
	float: left;
	font-size: 400%;
	width: 8%;
	margin: 0.2em 0 0 0;
	border: 1px solid #e2e2e2;
	text-align: center;
	padding: 0 0.2em;
	background: #F3F5F8;
}
#glossary div {
	clear: both;
}
#glossary div div {
	clear: none;
	float: right;
	width: 84%;
	padding: 0;
}
#glossary dfn {
	font-style: italic;
	font-size: 130%;
}
#glossary dfn abbr {
	border: 0px;
}
#glossary p.featured {
	padding: 0.4em 0.8em !important;
}

/* Resizable images */
.resizable {
	display: block;
	width: 100% !important;
}
.resizable * img {
	-ms-interpolation-mode: bicubic;
}
/* this fixes IE7's lack of default bicubic smoothing */

/* Show/hide textual content */
.trim {
	position: absolute;
	left: -5000px;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.truncate-toggle {
	font-weight: bold !important;
	font-size: 10px !important;
	color: #555 !important;
	cursor: hand !important;
	outline: none !important;
}
#timestamp {
	display: none;
}

/* Element placement */
.align-left {

	display: block;
	float: left;
	margin: 0.5em 0.6em 0.2em 0;
}
.align-right {
	display: block;
	float: right;
	margin: 0.5em 0 0.4em 0.6em;
}
h3 *.align-left {
	margin: 0 0.4em 0 0;
	padding: 0;
}
h3 *.align-right {
	margin: 0 0 0 0.4em;
	padding: 0;
}
#col-3 .align-right {
	margin: 0 7px 0 0;
	padding: 0 0 0 0.2em;
	background: #fff;
}
.align-center {
	text-align: center !important;
}
.splash {
	overflow: hidden;
	width: 100%;
}
div.highlight h5 + div.splash {
	margin: -0.8em 0 0 0;
	height: 60px;
}
.splash-left {
	width: 100px;
	overflow: hidden;
	float: left;
	margin: 0.4em 0.4em 0.4em 0;
}
.directional {
	height: 1%;
	overflow: hidden;
	clear: both;
	font-size: 95%;
}
.directional-left {
	width: 20%;
	float: left;
	text-align: left;
}
h5.directional-left {
	width: auto;
	padding: 5px;
}
.directional-left p {
	text-align: left;
}
.directional-right {
	width: 20%;
	float: right;
	text-align: right;
}
.directional-right p {
	text-align: right;
}
.directional-center {
	width: 55%;
	text-align: center;
	margin: 0 2%;
	float: left;
}
.directional-center p {
	text-align: center;
}
.directional div a {
	white-space: nowrap;
	background: #fff url(/trade/images/bg-blocklink.png) left bottom repeat-x;
	padding: 0.3em;
	text-decoration: none;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* Editorial */

/* redaction */
.redaction {
	background: #9F0 !important;
}

/* Page title, usually an H4 element */
.pagetitle {
	background: #fff;
	font-weight: normal;
	font-size: 110%;
	letter-spacing: normal;
	line-height: 120%;
	padding: 10px 0 0.4em 0;
	margin: 0;
}

/* "Special" feature box */
.special {
	background: #f9f7cd url(/trade/images/bg-special-trcorner.gif) right top no-repeat !important;
	border-bottom: 1px solid #EEE86A;
	padding: 0.2em 0.6em 0.4em 0.6em;
	margin: 0.4em 0;
	overflow: hidden;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
}
.special h4, .special h5, .special h6 {
	border-bottom: 1px solid #EEE864;
	margin: 0.4em 0 0 0;
	padding-bottom: 0.4em;
}
.special ul {
	margin: 0.4em 0 0 0;
}

/* Special statistical display */
.statbite li {
	font-size: 70%;
	clear: both;
	height: 1%;
}
.statbite li em {
	font-size: 180%;
	font-style: normal;
	color: #555;
	padding: 0 0 0.6em 0;
	width: 90px;
	display: block;
	float: left;
	text-align: right;
	margin: 0 10px 0 0;
}
.statbite li em span {
	font-size: 60%;
	font-weight: normal;
	letter-spacing: normal;
	vertical-align: super;
}

/* Story page */
.story p.leader {
	background: #f7f7e6;
	padding: 0.8em 1.4em 1em 1.4em;
	line-height: 150%;
	word-spacing: -0.05em;
	margin: 1em 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* Signposting */
.signpost {
	font-style: italic;
	text-align: left;
}
.signpost a {
	font-weight: bold;
}
.signpost em {
	font-style: normal;
}

/* Highlights */
.highlight {
	padding: 0.4em 0.6em;
	background-color: #F3F5F8 !important;
	overflow: auto;
	border: 1px solid #CED7E3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.highlight {
	text-align: left;
}
.highlight p {
	padding: 0 !important;
}
.highlight h5 {
	padding-bottom: 0;
	margin: 0.4em 0;
}
div.highlight + div.highlight {
	margin: 0.4em 0;
}
.featured {
	padding: 0 0.8em !important;
	background-color: #f7f7e6 !important;
	overflow: auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
/* Mouse selection - not currently supported by IE, but useful */
#col-2 *::-moz-selection {
 background: #ff6 !important;
 color: #000 !important;
}
#col-2 *::selection {
	background: #ff6 !important;
	color: #000 !important;
}

/* text-based horizontal bar charts */
.horizontal-bar {
	margin: 0.5em 0;
	padding: 0.5em 0;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}
.horizontal-bar li {
	font-size: 75%;
	list-style: none;
	display: block;
	height: 1%;
	overflow: hidden;
}
.horizontal-bar li span {
	display: block;
	float: left;
	text-align: right;
	width: 30%;
	white-space: nowrap;
	margin: 3px 0 0 0;
	padding: 0 1% 0 0;
}
.horizontal-bar li span.scale {
	width: 49%;
	margin: 7px 0 0 0;
	height: 14px;
}
.horizontal-bar li span.scale span {
	background: #9EACBC;
	text-align: left;
	text-indent: -9000px;
	height: 10px;
	margin: 0;
}
.horizontal-bar li.bar-legend {
	margin: 0 0 0.4em 0;
	border-bottom: 1px dotted #ccc;
}
.horizontal-bar li.bar-legend * {
	color: #666;
	padding: 0 1% 2px 0;
}
.horizontal-bar li.bar-legend span {
	background: none !important;
	margin: 0;
}
.horizontal-bar li em {
	font-style: normal;
	display: block;
	float: left;
	width: 13%;
	margin: 3px 0 0 0;
	white-space: nowrap;
}

/* Rosetta: proportion lists */
.proportional-bar {
	margin: 0;
	padding: 0;
}
.proportional-bar li {
	display: block;
	list-style: none;
	margin: 1em 0 0 0 !important;
	height: 1%;
	overflow: hidden;
	font-size: 70%;
}
.proportional-bar li span {
	font-size: 100%;
	font-weight: bold;
	display: block;
	overflow: visible;
	background: #E89063;
	color: #222;
	text-align: right;
}
.proportional-bar li span span {
	display: inline-block;
	float: none;
	width: 36px !important; /* <-- have to fix this to avoid some bars looking smaller due to decimal places etc) */
	background: #fff;
	padding: 0.2em;
	margin-left: 2px;
	text-align: left;
}

/* highcharts support */
.chart {
	position: relative;
}
a.chart-toggle {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	float: right;
	width: 18px;
	height: 18px;
	background: url(/trade/images/tab_graph.png) center center no-repeat;
	text-indent: -9000px;
	border: 1px solid #ccc;
	outline: none;
}
a.chart-toggle.on {
	background-image: url(/trade/images/tab_table.png);
}

/* OVERRIDE STYLES

Collection of styles to be used *only* for special interventions in style or overrides of the Commission's provisions. In all cases, please append comments to explain your actions.*/

/* Commission 2012 template header - elements use Commission @id wherever possible */
#top {
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 100%;
	width: 1138px;
}
#header {
max-width: 100%;
width: 1170px;
/*background: url(../images/svg/logo/logo--en.svg) 0 1rem no-repeat;*/
background-size:  290px 72px ;
padding: 20px 0 0 0;
-webkit-box-align: center;
align-items: center;


}
#banner {
-webkit-box-align: center;
align-items: center;


flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
min-width: 1170px;
height: 90px;
}
#banner p {
	display: none;
} 
#header h1 {
display: none;
}
#header h1 span {
	display: block;
	font-size: 75%;
}
#header h2 {
	position: absolute;
	top: -9999px;
}
#accessibility-menu {
	position: absolute;
	top: -100px;
	margin: 0;
	padding: 0;
	width: 984px;
}
#accessibility-menu li {
	position: absolute;
	display: block;
	float: left;
	width: 100%;
}
#accessibility-menu li a:focus {
	position: absolute;
	display: block;
	z-index: 9999;
	top: 100px;
	background: #000;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	padding: 0.4em 0;
}
#services {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 138px 0 0;
	padding: 0;
}
#services li {
	list-style: none;
	display: block;
	float: left;
	font-size: 70%;
	padding: 0.2em 0.5em;
	background: url(https://ec.europa.eu/wel/template-2012/images/services-separator.gif) left center no-repeat;
}
#services li:first-child {
	background: none !important;
}
#services li a {
	text-decoration: none;
}
#services li a:hover {
	text-decoration: underline;
}

/* Commission 2012 template breadcrumb */
#path {
color: #fff;
margin: 0;
line-height: 1.15;
font-weight: 700;
width: 100%;
background-color: #004494;
}
#path div {
list-style: none;
margin: 0 auto;
width: 1138px; 
padding: 0 1rem .66rem 1rem;
background-color: #004494;
}
#path div ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	font-family: Arial,sans-serif;
text-rendering: optimizelegibility;

}
#path div ul li {
	padding: 0 0 0 12px;
	font-family: Arial,sans-serif;
line-height: 150%;
	list-style-type: none;
font-weight: 700;
	background: url(https://ec.europa.eu/wel/template-2012/images/breadcrumb.gif) no-repeat -1px center;
	display: inline-block;
	margin: 1rem 0 .66rem;

}
#path div ul li:first-child {
	padding-left: 0;
	background-image: none;
}
#path div li a:link, #path div li a:visited {
	text-decoration: none;
	color: #fff;
display: inline-block;
margin-right: .33rem;
font-family: Arial,sans-serif;
font-size: 1rem;
}
#path div li a:hover {
	text-decoration: underline;
}
#path div ul li a:active {
	background: #055597;
}
#path h2 {
	display: none;
}
.ecl-container {
	display: none;
    max-width: 100%;
 	font-family: Arial,sans-serif;
	font-size:100%;
	text-rendering: optimizelegibility;
	background-color: #f5f5f5;
}

.ecl-site-switcher {
    background-color: #f5f5f5;
    display: block;
    font-size: 1rem;
    margin: auto;
	width: 1138px;
}
.ecl-site-switcher:after {
    clear: both;
    content: "";
    display: block
}
.ecl-site-switcher__link {
    display: block;
    font-weight: 700;
    line-height: 1.5;
    padding: .66rem 1.66rem;
    text-decoration: none;
	font-size: 1rem;
	 font-family: Arial,sans-serif;
text-rendering: optimizelegibility;
}
.ecl-site-switcher__link--is-external:after,
.ecl-site-switcher__link:after {
    content: none!important
}
.ecl-site-switcher__link:focus,
.ecl-site-switcher__link:hover {
    text-decoration: underline
}
.ecl-site-switcher__list {
    list-style: none;
    margin: 0;
    padding: 0;
	float: left;
}
.ecl-site-switcher__option {
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
	width:auto;

}
.ecl-site-switcher__option--is-selected {
    background-color: #004494
}
.ecl-site-switcher__option--is-selected .ecl-site-switcher__link {
    color: #fff
}
.ecl-site-switcher--footer,
.ecl-site-switcher--header {
    border-bottom: 1px solid #f5f5f5
}
.ecl-site-switcher--footer .ecl-site-switcher__option,
.ecl-site-switcher--header .ecl-site-switcher__option {
    position: relative
}
.ecl-site-switcher--footer .ecl-site-switcher__option--is-selected:after,
.ecl-site-switcher--header .ecl-site-switcher__option--is-selected:after {
    border: 10px solid rgba(0, 68, 148, 0);
    content: " "!important;
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0
}
.ecl-site-switcher--header .ecl-site-switcher__option--is-selected:after {
    border-top-color: #004494;
    top: 95%
}
.ecl-site-switcher--footer .ecl-site-switcher__option--is-selected:after {
    border-bottom-color: #004494;
    bottom: 95%
}

/* Adjustments to language management in default of JS */




/*
#language-selector, #lang-menufied {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 42px;
	z-index: 999;
}

#language-selector li {
	float: left;
	margin: 0 1px;
}
#language-selector li a {
	display: block;
	padding: 0.2em;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #396EA2;
	background: #fff;
}
#language-selector li a:hover, #lang-menufied li a:focus {
	background: #def;
	color: #047;
}
#language-selector li.selected {
	background: #396EA2;
	color: #fff;
	text-transform: uppercase;
	padding: 0.2em;
	font-weight: bold;
}*/
/* Language menu appearance with JS enabled */
/*#lang-menufied {
	border: 1px solid #9ab;
	top: 1px;
	right: 1px;
	width: 132px;
	background: #fff;
}*/
#languages ul {
    margin: 0;
	padding: 0 0 0 155px;
	z-index: 9999999;
	position: absolute;
	white-space: nowrap;
}
#lang-menufied li {
	margin: 0;
	padding: 0;
	text-align: right;
	height: 1%;
	overflow: hidden;
	line-height: 150%;
	background-color: #fff;
}
#lang-menufied li:not(:first-child) {
	text-align: left;
	box-shadow: 0 4px 3px #72727233;
}
#lang-menufied li:last-child {
	border-radius: 0 0 3px 3px;
}
#lang-menufied li.selected, #lang-menufied li a {
	text-transform: none;
}
#lang-menufied li.separate {
	border-top: 1px solid #69c;
}
.ecl-lang-select-sites__label {
    margin-right: .66rem
}
.ecl-lang-select-sites__label:hover {
    text-decoration: underline
}
/*#lang-menufied li a, #lang-menufied li.selected a {
	display: block;
	margin: 1px;
	padding: 0 20px 0 4px;
	text-decoration: none;
	font-size: 75%;
	color: #396EA2;
	background: #fff;
}
#lang-menufied li.selected a {
	background: #fff url(https://ec.europa.eu/wel/template-2012/images/arrows-down.gif) center right no-repeat;
}*/
#lang-menufied li.selected a:hover {
	background-color: #def;
	color: #047;
}
/*#lang-menufied li a:hover, #lang-menufied li.activated a:hover, #lang-menufied li.selected a:focus {
	background-color: #cde;
	color: #047;
}
#lang-menufied li.activated a {
	background-image: url(https://ec.europa.eu/wel/template-2012/images/arrows-up.gif);
}*/

	
#languages {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: right;
	margin-top: 1.7rem;
	font-size: 112.5%;
	width: 315px;
	float: left;
	height: 50px;
}

#language-selector li, #lang-menufied li {

	list-style: none !important;

}
#lang-menufied li a, #lang-menufied li.selected a {
    border: 3px solid transparent;
    color: #004494;
    display: inline-block;
    font-size: .89rem;
    font-weight: 700;
    padding: 0 .89rem;
    text-align: center;
    text-decoration: none;
	list-style:none;
	 font-family: Arial,sans-serif;
text-rendering: optimizelegibility;
font-size: 1rem;
}
#lang-menufied li a:focus, #lang-menufied li.selected a:focus {
    border-color: #ffd617;
    outline: none
}
.ecl-lang-select-sites__label {
    margin-right: .66rem;
}
.ecl-lang-select-sites__code {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    width: 1.4rem;
	margin: 0 7px;
}

/*@font-face {
    font-family: EuropaIcons;
    src: url(/trade/fonts/europa-icons/europa-icons.eot);
    src: url(/trade/fonts/europa-icons/europa-icons.eot?#iefix) format("embedded-opentype"), url(/trade/fonts/europa-icons/europa-icons.woff) format("woff"), url(/trade/fonts/europa-icons/europa-icons.ttf) format("truetype"), url(/trade/fonts/europa-icons/icomoon.svg#icomoon) format("svg");
}*/
.ecl-icon--language:before {
    content: "\e824"
}
.ecl-lang-select-sites__icon {
    color: #004494;
    font-size: 1.4rem;
    left: 0;
    position: absolute;

}
.ecl-lang-select-sites__code-text {
    background-color: #004494;
    color: #fff;
    font-size: .67rem;
    position: relative;
}

.ecl-lang-select-sites__icon::before {
    font-weight: inherit;
}

.ecl-icon::before, .ecl-search-form--internal .ecl-search-form__textfield-wrapper::before, .ecl-search-form__button::before {
    display: inline-block;
    font-family: EuropaIcons;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    margin-right: 4px;
    speak: none;
    text-decoration: none;
    text-transform: none;
}


/* Additional elements to improve accessibility, hidden in visual browsers */
 #col-1 h2, #path h2, h2#start {
	display: block;
	position: absolute;
	top: -5000px;
	left: 0;
}
.homepage .leader {
	text-indent: -9000px;
	height: 12px;
	background: #fff url(/trade/images/bg-decoration-stripes.png) left top repeat-x;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Timeline */
.timeline {
	background: #F3F5F8;
	border: 1px solid #D9E3EF;
	overflow: auto;
	margin: 10px 0;
}
.timeline ol {
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
	margin: 10px;
	padding: 0;
}
.timeline li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	list-style: none;
}
.timeline ol > li > span {
	display: inline-block;
	background: #A0B9C6;
	color: #fff;
	padding: 4px;
	margin-left: 46px !important;
}
.timeline ol > li dl {
	display: block;
	height: 1%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	clear: both;
	border-bottom: 1px dotted #A0B9C6;
}
.timeline ol > li dl dt {
	display: block;
	margin: 10px 0 0 0;
	font-size: 170%;
	color: #999;
	line-height: 15px;
}
.timeline ol > li dl dt span {
	display: block;
	font-size: 70%;
	color: #999;
}
.timeline ol > li dl dd {
	display: block;
	background: none;
	text-align: left;
	font-size: 110%;
}
.timeline.horizontal {
	background: #F3F5F8 url(/trade/images/bg-timeline-repeat.gif) left 50px repeat-x;
}
.timeline.horizontal ol {
	overflow: visible;
	margin: 30px 10px 0 10px;
}
.timeline.horizontal ol > li {
	float: left;
	clear: none;
}
.timeline.horizontal ol > li > span {
	float: left;
	margin: 0 0 0 10px !important;
	padding: 4px 4px 20px 4px;
}
.timeline.horizontal div.wrapper {
	height: 1%;
	overflow: hidden;
	clear: both;
}
.timeline.horizontal ol > li dl {
	display: block;
	float: left !important;
	clear: none !important;
	width: 260px;
	margin: 10px 10px 0 10px;
	padding: 0 0 0 10px;
	border-bottom: 0px !important;
	border-left: 1px dotted #A0B9C6;
}
.timeline.horizontal ol > li dl dt {
	padding: 0 0 15px 0;
}
.timeline.horizontal ol > li dl dd {
	padding: 0 0 15px 0;
}
.timeline.horizontal div.scroll-hint {
	position: absolute;
	width: 32px;
	height: 22px;
	background: url(/trade/images/btn-timeline-scroll_h.png) 2px 2px no-repeat;
}
.timeline.vertical {
	background: #F3F5F8 url(/trade/images/bg-timeline-repeat.gif) 34% top repeat-y;
}
.timeline.vertical ol > li {
	width: 100%;
	margin: 0 0 10px 0;
}
.timeline.vertical ol > li > span {
	margin: 5px 0 10px 0;
	padding: 4px 4px 20px 4px;
}
.timeline.vertical ol > li dl dt {
	float: left;
	width: 30%;
	text-align: right;
	margin: 10px 0;
}
.timeline.vertical ol > li dl dt span {
	margin-left: 0 !important;
}
.timeline.vertical ol > li dl dd {
	float: right;
	width: 60%;
	margin: 10px 0;
}
.timeline.vertical div.scroll-hint {
	position: absolute;
	width: 20px;
	height: 42px;
	background: url(/trade/images/btn-timeline-scroll_v.png) 2px top no-repeat;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #F3F5F8;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #F3F5F8;
}
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #D9E3EF;
	position: relative;
}
.jspDrag {
	background: #A0B9C6 url(/trade/images/bg-timeline-drag.png) center center no-repeat;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}
#video-tl {
	margin: 20px 0;
	width: 801px;
	overflow: auto;
	max-height: 230px;
}
#video-tl ol {
	width: 1230px;
	margin: 0;
}
#video-tl ol li {
	display: block;
	float: left;
	width: 200px;
	min-height: 220px;
	margin: 0 5px 0 0;
}
#share_buttons {
	width: 100%;
}
#share_buttons h3.europatools {
	text-align: left;
}
/*#share_buttons h3.europatools-modular {

	text-align: right;

}*/

.stretch #share_buttons h3.europatools-modular {
	text-align: right;
}
#share_buttons ul {
	margin: 0;
}
#share_buttons li {
	list-style: none;
	display: inline-block;
	vertical-align: baseline;
	padding: 2px !important;
	float: left;
}
#share_buttons a.twitter_share {
	background: url(/trade/images/buttons/share-buttons_2.png) no-repeat 0 -25px;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -9999px;
}
#share_buttons a:hover.twitter_share {
	background-position: -25px -25px;
}
#share_buttons a.googleplus_share {
	background: url(/trade/images/buttons/share-buttons_2.png) no-repeat 0 -50px;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -9999px;
}
#share_buttons a:hover.googleplus_share {
	background-position: -25px -50px;
}
#share_buttons a.facebook_share {
	background: url(/trade/images/buttons/share-buttons_2.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -9999px;
}
#share_buttons a:hover.facebook_share {
	background-position: -25px 0;
}

/* EuropaTools share buttons (modular) #col-3 */
#col-3 > .wtShareNetworks li {
	height: 40px !important;
	max-width: 138px;
}
#col-3 > .wtShareList {
	padding: 0 !important;
	margin: 0 !important;
	border: 0;
	overflow: hidden;
	background-color: transparent !important;
	font-size: 16px;
}
#col-3 > .wtShareList li {
	float: left !important;
	margin: 0 !important;
}
#col-3 > .wtShareList li a.wtBtnOnlyIco {
	width: 40px !important;
	margin: 0 6px 0 0 !important;
}

/* EuropaTools share buttons (modular) .search */
.search > .wtShareNetworks li {
	height: 40px !important;
	max-width: 138px;
}
.search > .wtShareList {
	padding: 0 !important;
	margin: 0 !important;
	border: 0;
	overflow: hidden;
	background-color: transparent !important;
	font-size: 16px;
}
.search > .wtShareList li {
	float: right !important;
	margin: 0 !important;
}
.search > .wtShareList li a.wtBtnOnlyIco {
	width: 40px !important;
	margin: 0 0 0 4px !important;
}
div.search {
	position: absolute;
	top: 2px;
	right: 15px;
	width: 320px;
}
div.search h3 {
	font-size: 70%;
	letter-spacing: normal;
	border-bottom: none;
	padding: 0px;
}
div.search #europa-search span.submit input {
	width: 15%;
}
div.search #europa-search label {
	display: block;
	position: absolute;
	top: -9999px;
}
div.search #share_buttons ul {
	float: right;
}
div.search form {
	position: absolute;
	top: 0px;
	width: 200px;
}
div.search #europa-search input {
	width: 130px;
	font-size: 80%;
}
div.search p {
	margin: 0px;
}
div.highlightBullet {
	font-weight: bold;
	display: inline;
}
/*@font-face {
    font-family: EuropaIcons;
    src: url(/trade/fonts/europa-icons/europa-icons.eot);
    src: url(/trade/fonts/europa-icons/europa-icons.eot?#iefix) format("embedded-opentype"), url(/trade/fonts/europa-icons/europa-icons.woff) format("woff"), url(/trade/fonts/europa-icons/europa-icons.ttf) format("truetype"), url(/trade/fonts/europa-icons/icomoon.svg#icomoon) format("svg")
}*/
.ecl-site-header__search {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.ecl-search-form {
    border: 1px solid #9f9f9f;
    display: -webkit-box;
    display: flex;
margin-top: 1rem;
float:left;
width: 530px;
}
.ecl-search-form__textfield-wrapper {
    border: 3px solid transparent;
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.ecl-u-sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.ecl-text-input {
    background-color: #fff;
    background-image: none;
    border: none;
    color: #404040;
    display: block;
    font-family: Arial,sans-serif;
    font-size: .89rem;
    line-height: 1.6;
    margin: 0;
        margin-top: 0px;
    padding: .33rem .66rem;
    width: 100%;
}
*, *::after, *::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.ecl-search-form__textfield {
    border: 0;
    margin-top: 0;
    padding: .66rem .89rem;
}
.ecl-button {
background: none;
    border: 2px solid transparent;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    text-decoration: none;
	overflow: visible;
}
.ecl-search-form__button {
    padding: 0 1rem;
    text-indent: 0;
	flex-shrink: 0;
    position: relative;
}
.ecl-button--form {
    background-color: #e3e3e3;
	border-color: #e3e3e3;
	color: #004494;

}
.ecl-button--form:hover {
    color: #404040;
	text-decoration: underline;
}



/* Calendar */
fieldset.jcalendar {
	border: 1px solid #A1A5A9;
	font: .9em Arial, Helvetica, sans-serif;
	margin: 0;
}
div.jcalendar-wrapper {
	width: 20em;
}
div.jcalendar-selects {
	padding: .6em 0;
	text-align: center;
}
div.jcalendar-selects select {
	border: 1px solid #A1A5A9;
	font-size: 100%;
	width: auto !important;
}
div.jcalendar table {
	background: #a1a5a9;
	color: #000;
	margin: .3em auto;
}
div.jcalendar table th {
	background: #eee;
}
div.jcalendar table td {
	background: #f9f9f9;
	padding: 0;
	width: 2.2em;
}
div.jcalendar table th.weekend {
	background: #ddd;
}
div.jcalendar table td.weekend {
	background: #e9e9e9;
}
div.jcalendar table td a {
	color: #333;
	display: block;
	line-height: 1.7em;
	text-align: center;
	text-decoration: none;
	width: 2.2em;
}
div.jcalendar table td.today a {
	background: #777;
	border-color: #aaa;
	color: #fff;
	font-weight: 700;
}
div.jcalendar table td a:hover, div.jcalendar table td a:focus, div.jcalendar table td a:active {
	background: #77b0d3;
	color: #fff;
	padding: 0;
}
div.jcalendar table td a.selected {
	background: #0072b9;
	color: #fff;
}
div.jcalendar-links {
	margin: .4em;
	text-align: center;
	font-size: 80%;
}
div.jcalendar-links a {
	padding: .2em .4em;
}
div.jcalendar .event {
	color: #027AC6;
	font-weight: bold;
}
.jcalendar-notice {
	font-weight: bold;
	font-size: 90%;
	margin: 15px 0;
}

/* Icons */
.icons {
	padding: 15px 0 5px 0;
}
.icons img {
	margin: 0;
	padding: 0;
}
.icons > div {
	padding: 0 0 10px 65px;
}
a.lang_choice {
	background: url(/trade/images/bg-linktype-languages.png) right center no-repeat;
	padding: 0 18px 0 0;
}

/* Icons TTIP */
.icon-h2 h2 {
	clear: right;
	padding: 10px 0px 12px 0px;
}
.icon-h2 h2 a {
	float: none;
}
.icon-h2 img {
	float: left;
	margin: 0 0.6em 0 0;
	display: block;
}
.icon-h2 a img {
	float: none;
	padding: 0;
}
.icon-h3 {
	clear: right;
	margin: 20px 0 0 0;
}
.icon-h3 h3 {
	clear: right;
	padding: 20px 0 5px 0;
}
.icon-h3 h3 a {
	float: none;
}
.icon-h3 img {
	float: left;
	padding: 0 10px 0 0;
}
.icon-h3 a img {
	float: none;
	padding: 0;
}
.icon-h4 {
	margin: 20px 0 0 0;
}
.icon-h4 div {
	padding: 0 0 20px 90px;
}
.icon-h4 h4 {
	clear: right;
	padding: 15px 0 5px 0;
}
.icon-h4 h4 a {
	float: none;
}
.icon-h4 img {
	float: left;
	padding: 10px 10px 0 0;
}
.icon-h4 a img {
	float: none;
	padding: 0;
}
.icon-h5 {
	margin: 20px 0 0 0;
}
.icon-h5 div {
	padding: 0 0 20px 90px;
}
.icon-h5 h5 {
	clear: right;
	padding: 20px 0 5px 0;
}
.icon-h5 h5 a {
	float: none;
}
.icon-h5 img {
	float: left;
	padding: 10px 10px 0 0;
}
.icon-h5 a img {
	float: none;
	padding: 0;
}

/* TTIP page */
.header-ttip {
	width: auto;
}
.slider1 .colset-3 ul {
	margin: 0.5em 0 0 1em !important;
}
.button_header img {
	margin: 0 5px 0 0;
}
.button_header a:link {
	color: #FFF !important;
	text-decoration: none;
}
.button_header a:visited {
	color: #FFF !important;
}
.button_header a:hover {
	background-color: #008DA6;
}
.buttons-container {
	text-align: center;
}
.buttons-container ul {
	margin: 25px 0 0 20px;
	display: inline-block;
}
.buttons-container ul li {
	list-style: none;
	display: inline;
}
.buttons-container img {
	margin: 0 5px 0 0;
}
.buttons-container-one {
	padding: 7px;
	margin: 140px 20px 0 0;
	border: 1px solid #EFEFEF;
	border-radius: 5px;
	text-decoration: none;
	float: left;
	position: relative;
	background-color: #5A1F63;
	color: #FFF !important;
}
.buttons-container-one:hover {
	background-color: #832D8E;
	;
}
.buttons-container-two {
	padding: 7px;
	margin: 140px 20px 0 0;
	border: 1px solid #EFEFEF;
	border-radius: 5px;
	text-decoration: none;
	float: left;
	position: relative;
	background-color: #C63;
	color: #FFF !important;
}
.buttons-container-two:hover {
	background-color: #D2784D;
}
.buttons-container-three {
	padding: 7px;
	margin: 140px 20px 0 0;
	border: 1px solid #EFEFEF;
	border-radius: 5px;
	text-decoration: none;
	float: left;
	position: relative;
	background-color: #990237;
	color: #FFF !important;
}
.buttons-container-three:hover {
	background-color: #C40246;
}

/*  Show-hide / expandable elements  */
ul.unit-content {
	padding: 1em 0 0 0;
}
a.show-hide-expandable {
	display: inline-block;
	min-height: 16px;
	vertical-align: middle;
	padding: 15px 0 5px 105px;
	font-size: 120%;
	background: url(/trade/images/bg-expandable-off.png) 80px 13px no-repeat;
}
a.show-hide-expanded {
	padding: 15px 0 5px 105px;
	font-size: 120%;
	background: url(/trade/images/bg-expandable-on.png) 80px 13px no-repeat;
}
.show-hide-expandable {
	padding: 5px 0 5px 80px;
	font-size: 100%;
}
.unit .summaries, .unit .benefits, .unit .position, .unit .regulatory, .unit .protection, .unit .impact, .unit .advisory, .unit .press, .unit .transparency, .unit .speeches, .unit .market_access, .unit .coop, .unit .rules {
	padding: 10px 5px;
	margin: 5px 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #CED7E3;
}
.unit .summaries {
	background: url(/trade/images/creative/unit-content_summaries.jpg) top center no-repeat;
}
.unit .benefits {
	background: url(/trade/images/creative/unit-content_benefits.jpg) top center no-repeat;
}
.unit .position {
	background: url(/trade/images/creative/unit-content_position.jpg) top center no-repeat;
}
.unit .regulatory {
	background: url(/trade/images/creative/unit-content_regulatory.jpg) top center no-repeat;
}
.unit .protection {
	background: url(/trade/images/creative/unit-content_protection.jpg) top center no-repeat;
}
.unit .impact {
	background: url(/trade/images/creative/unit-content_impact.jpg) top center no-repeat;
}
.unit .advisory {
	background: url(/trade/images/creative/unit-content_advisory.jpg) top center no-repeat;
}
.unit .press {
	background: url(/trade/images/creative/unit-content_press.jpg) top center no-repeat;
}
.unit .transparency {
	background: url(/trade/images/creative/unit-content_transparency.jpg) top center no-repeat;
}
.unit .speeches {
	background: url(/trade/images/creative/unit-content_speeches.jpg) top center no-repeat;
}
.unit .market_access {
	background: url(/trade/images/creative/unit-content_market_access.jpg) top left no-repeat;
}
.unit .coop {
	background: url(/trade/images/creative/unit-content_coop.jpg) top left no-repeat;
}
.unit .rules {
	background: url(/trade/images/creative/unit-content_rules.jpg) top left no-repeat;
}
#video-tl ol {
	width: 1885px;
	margin: 0;
}
#photos .unit img.align-left {
	width: 120px;
}
.slider1 .colset-3-1 {
	width: 32%;
	padding: 0px 1% 0px 0px;
}
.slider1 .colset-3-2 {
	width: 32%;
	padding: 0px 1%;
}
.slider1 .colset-3-3 {
	width: 32%;
	padding: 0px 0px 0px 1%;
}
.news-item {
	height: 90%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -moz-linear-gradient(top, rgba(168,50,121,0.14) 0%, rgba(191,139,17,0.1) 100%);
	background: -moz-linear-gradient(top, rgba(48,111,160,0.1) 0%, rgba(191,139,17,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(48,111,160,0.1)), color-stop(100%, rgba(191,139,17,0.1)));
	background: -webkit-linear-gradient(top, rgba(48,111,160,0.1) 0%, rgba(191,139,17,0.1) 100%);
	background: -o-linear-gradient(top, rgba(48,111,160,0.1) 0%, rgba(191,139,17,0.1) 100%);
	background: -ms-linear-gradient(top, rgba(48,111,160,0.1) 0%, rgba(191,139,17,0.1) 100%);
	background: linear-gradient(to bottom, rgba(48,111,160,0.1) 0%, rgba(191,139,17,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a306fa0', endColorstr='#1abf8b11', GradientType=0 );
	padding: 10px;
}
.news-item h4 {
	color: #444;
	text-shadow: 1px 1px 1px #fff;
}
.footer-news-item {
	padding: 5px 0 0 0;
	background: url('//ec.europa.eu/trade/images/bg-divider-soft-horizontal.gif') repeat-x scroll left top transparent;
}
h2 span.accent {
	font-size: 120%;
	color: #009ebb;
}
li span.accent, p span.accent {
	font-size: 130%;
	font-weight: bold;
}
#intro-countries h2 {
	font-size: 110%;
	padding: 0 0.5em;
	margin: 0.8em 0;
	line-height: 120%;
	border-left: 4px #FF8000 solid;
}

/*  Language boxes  */
.langAlert {
	position: absolute;
	width: 180px;
	height: 40px;
	z-index: 100;
	background: url(/trade/images/tooltip_bg_01.png) top left no-repeat;
	padding: 5px 5px 5px 20px;
}
.langAlert span {
	color: #fff;
	font-size: 65%;
	font-weight: normal;
}

/*--------------- Front page only! -------------------/*

/* Frontpage */
#frontpage {
    background-color: #fff;
    width: 1138px;
	min-width: 978px;
    margin: 0 auto;
	padding: 0;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    overflow: hidden;
	font-size: 1.1rem;
}
#frontpage #footer {
	margin: 0 -11px;
}
div.separator {
	height: 15px;
	background-color: #eee;
	opacity: 0.5;
	margin: 5px -11px;
	clear: both;
	border-bottom: solid #666 1px;
	border-top: solid #666 1px;
}
#footer_buttons {
	width: 100%;
	margin: 20px 0 0 0;
}
div.colset-3.frontpage-card {
    margin: 0 auto;
	padding: 11px; 
    border-left: none;
    border-right: none;
	border-bottom: solid #bbb 1px;
	background: #eee;
}

.front-teaser {
	padding: 5px
}
div.colset-3.frontpage-card h2, div.colset-3.frontpage-card h2 a:link, div.colset-3.frontpage-card h2 a:visited {
	font-size: 120%;
	padding: 5px 0 0 0;
	color: #027AC6 !important;
}
div.colset-3.frontpage-card p {
	padding: 0;
}
div.colset-3-1.frontpage-card {
    float: left;
	width: 32%; 
	background: #fff url(/trade/images/bg-docbox_3-rpt.png) repeat-x top center;
	background-size: 100% 80%;
	padding: 3px; 
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 3px 5px 0;
	overflow: hidden;
}
div.colset-3.col-2-card {
    margin: 5px 2px 10px 5px;
	padding: 8px 0;
    border-left: none;
    border-right: none;
	background: #fff;
}
div.colset-3-1.col-2-card {
    float: left;
	width: 32%; 
	background: none;
	padding: 3px; 
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 0 5px 0;
	overflow: hidden;
}
div.colset-3-2.col-2-card {
    float: left;
	width: 32%;
	background: none;
	padding: 3px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px ;
}
div.colset-3-3.col-2-card {
    float: left;
	width: 32%;
	background: none;
	padding: 3px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 0 5px 0;
}
div.colset-3-1.col-2-card img, div.colset-3-2.col-2-card img, div.colset-3-3.col-2-card img, div.colset-3-1-1.col-2-card img, div.colset-3-2-2.col-2-card img, div.colset-3-3-3.col-2-card img  {
  	position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
div.colset-3-1.col-2-card:hover img, div.colset-3-2.col-2-card:hover img, div.colset-3-3.col-2-card:hover img, div.colset-3-1-1.col-2-card:hover img, div.colset-3-2-2.col-2-card:hover img, div.colset-3-3-3.col-2-card:hover img   {
  	box-shadow: 0px 0px 5px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
	opacity: 0.8;
}
div.front-thumb {
	overflow: hidden;
	height:auto ;
}
div.colset-3-1.frontpage-card img, div.colset-3-2.frontpage-card img, div.colset-3-3.frontpage-card img, div.colset-3-1-1.frontpage-card img, div.colset-3-2-2.frontpage-card img, div.colset-3-3-3.frontpage-card img  {
  	position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
div.colset-3-1.frontpage-card:hover img, div.colset-3-2.frontpage-card:hover img, div.colset-3-3.frontpage-card:hover img, div.colset-3-1-1.frontpage-card:hover img, div.colset-3-2-2.frontpage-card:hover img, div.colset-3-3-3.frontpage-card:hover img   {
  	box-shadow: 0px 0px 5px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
	opacity: 0.8;
}
div.colset-3-2.frontpage-card {
    float: left;
	width: 32%;
	background: #fff url(/trade/images/bg-docbox_3-rpt.png) repeat-x top center;
	background-size: 100% 80%;
	padding: 3px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 0 5px 5px;
}
div.colset-3-3.frontpage-card {
    float: right;
	width: 32%;
	background: #fff url(/trade/images/bg-docbox_3-rpt.png) repeat-x top center;
	background-size: 100% 80%;
	padding: 3px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 0 5px 5px;
}
div.colset-3-1-1.frontpage-card {
    float: left;
	width: 32%;
	clear: left;
	background: #fff url(/trade/images/bg-docbox_3-rpt.png) repeat-x top center;
	background-size: 100% 80%;
	padding: 3px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 3px 5px 0;
}
div.colset-3-2-2.frontpage-card {
    float: left;
	width: 32%;
	background: #fff url(/trade/images/bg-docbox_3-rpt.png) repeat-x top center;
	background-size: 100% 80%;
	padding: 3px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 0 5px 5px;
}
div.colset-3-3-3.frontpage-card {
    float: right;
	width: 32%;
	background: #fff url(/trade/images/bg-docbox_3-rpt.png) repeat-x top center;
	background-size: 100% 80%;
	padding: 3px;
	border: solid 1px #ccc;
	box-shadow: 1px 1px 2px #ddd;
	margin: 5px 0 5px 5px;
}
#footer_buttons ul {
	margin: 0 0 5px 0;
	text-align: center;
}
#footer_buttons li {
	display:inline-block;
	list-style: none;
	padding: 0 5px;
}
.frontpage-card {
	margin: 5px 0 0 0;
	display: block;
}
.frontpage-card-img{
	width: 100%;
}
#frontpage h4, #frontpage h4 a {
	margin: 10px 0 0 0;
	color: #fff;
	font-size: 125%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1em;
	text-decoration: none;
	text-align: center;
	padding: 10px 5px;
}
#frontpage h4 a:hover{
	margin: 10px 0 0 0;
	color: #444;
	font-size: 125%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1em;
	text-decoration: none;
	text-align: center;
	padding: 10px 5px;
}

#frontpage div.colset-3 ul.policy-blue li {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
	list-style: square;
	line-height: 80%;
	color: #009ebb;
}
#frontpage div.colset-3 ul.import_export-green li {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
	list-style: square;
	line-height: 80%;
	color: #46aa50;
}
#frontpage div.colset-3 ul.policy_you-aubergine li {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
	list-style: square;
	line-height: 80%; 
	color: #A2486F;
}
#frontpage div.colset-3 ul li a { 
	color: #555;
	font-size: 100%;
	margin: 0;
	padding: 4px;
	text-decoration: none;
	font-weight: bold; 
}
h4.policy-blue {
	background-color: #009ebb;
}
h4.import_export-green {
	background-color: #46aa50; 
}
h4.policy_you-aubergine {
	background-color: #A2486F;
}
#frontpage h3 {
	border-bottom: none;
	font-size: 150%;
}

.tri-down {
    position: relative;
	margin-bottom: 20px;
	padding: 5px;
	border-bottom: 1px solid #999;
  }
  .tri-down:before, .tri-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid; 
    border-color: transparent;
    border-bottom: 0;
  }
  .tri-down:before {
    bottom: -16px;
    left: 21px;
    border-top-color: #777;
    border-width: 16px;
  }
  .tri-down:after {
    bottom: -15px;
    left: 22px;
    border-top-color: #fff;
    border-width: 15px;
  }
#frontpage div#news-policy-container ul li:hover, #frontpage div#news-trade-policy-and-you-container ul li:hover {
	background-color: #f9f9f9;
}
#frontpage div#news-policy-container ul li a, #frontpage div#news-trade-policy-and-you-container ul li a {
	text-decoration: none;
}
#frontpage div#news-policy-container ul, #frontpage div#news-trade-policy-and-you-container ul {
	padding: 0 10px; 
}
#frontpage div#news-policy-container ul li, #frontpage div#news-trade-policy-and-you-container ul li {
	border-bottom: 1px solid #eee;
	padding: 7px 0; 
	margin: 0;
}
#frontpage div#news-policy-container ul li:last-child, #frontpage div#news-trade-policy-and-you-container ul li:last-child {
	border-bottom: none;
}
.ecl-logo {
    background: url(../images/svg/logo/logo--en.svg) no-repeat;
    display: block;
    height: 72px;
    width: 140px;
		float: left;
}
.ecl-site-header__logo {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;

}
.ecl-logo--logotype {
    width: 290px;
}

#footer .wtShareList {
    padding: 0 !important; 
    margin: 0 auto !important;
    border: 0 !important;
    overflow: hidden !important;
    font-size: 16px !important;
	width: 150px;
}

/* Temporary fix for sbkm error */
.wtError {
	display: none;
}