/* MAIN */
/* ****************************** RESET *************** */
body, blockquote, img, p, form, form select, ol, ul, dl, dt, dd { padding:0; margin:0; } 
img { border:0; }
p { margin:0 0 1.5em; } /* margin:0 5px 1.5em;  ??  */
ol, ul { list-style-type:square; line-height:1.3em; margin-bottom:1.6em;  }
li { margin:0 0 6px 2em; }
li p { line-height:1.4em; } 
blockquote { color:#888; line-height:180%; padding:0 13px; margin:0 1em 2em; }
blockquote ul, blockquote ol { margin:0.4em; } 
.centered, .center { text-align:center; }
.floatLeft { float:left; }
.floatRight { float:right; }

/* check dynamic content */
.text p { margin:0 0 1.5em; }

body span.wcm-region { word-wrap:break-word; } /* used by sitestudio - for IE view in contributors mode */

/* ****************************** PAGE TYPE FONT DEFINTIONS *************** */
body { background-color:#e9e9dc ; } /* e9e9dc f3f3f3 moved to globalSettings - as body is used by sitestudio */
.arabic { text-align:right; font-size:1.2em; direction:rtl; }
.chinese { font-size:1.2em; } 
.cyrillic { font-size:1.1em; } 

/* ****************************** CONTAINERS - positioning the grid *************** */
.global-settings { color:#333; font:62.5%/150% Arial,Helvetica,Verdana,sans-serif; text-align:center; } /* text-align - an IE hack */

#supplementaryMenu, #bodyWrapper, #containerMiniServices,
#containerFooter { width:960px; margin:3px auto; clear:both; text-align:left; } /* content area = 940px; margins 10px */

#containerHeader, #containerBody, #containerFooter { padding:2px 10px 0; overflow:hidden; } /* outside margins 10px */

/* ****************************** page layout ***************  */
#bodyWrapper { background-color:#fff; }

/* TYPES of PAGE CONTENT GRIDS */
.no-crumb { margin-top: 15px; }

.gutter15 { margin-right:15px; } /* default */
.gutter10 { margin-right:10px; } /* used in home page */
.gutter5 { margin-right:5px; }
.gutter0 { margin-right:0; } /* usually used for last-child items */

.container145 { width:145px; overflow:hidden; } /* containerLeft - the standard left contextual navigation column */

.container735 { width:735px; overflow:hidden; } /* zoom:1  (see projects page) - containermain in a two column grid - 735 and 190 */
.container575 { width:575px; overflow:hidden; } /* containerMain in a three column grid */
.container190 { width:190px; overflow:hidden; } /* containerRight */

.container540 { width:540px; overflow:hidden; } /* 540+225+15x gutter = 780px */
.container225 { width:225px; overflow:hidden; }

.container780 { width:780px; overflow:hidden; } /* single content width */
.container770 { width:770px; overflow:hidden; } /* single content width minus 10px (for visual) */

.container600 { width:600px; overflow:hidden; } /* HOME PAGE */
.container330 { width:330px; overflow:hidden; } /* */
.container325 { width:325px; overflow:hidden; } /* */
.container160 { width:160px; overflow:hidden; }

.container940 { width:940px; }

#containerFooter { font-size:1.1em; line-height:1.3em; padding:5px; clear:both; }

/* SPLIT COLUMNS - when the centre columns are split in two - containerGrid2 is dependent on alternating odd and even children divs in the markup */
.containerGrid1 {  } /* default single column grid */
.containerGrid2 { overflow:hidden; } 
.containerGrid2 .odd, .containerGrid2 .even { width:48.5%; float:left; overflow:hidden; } 
.containerGrid2 .odd { margin-right:15px; } /* split column gutter - horizontally-aligned box LAYOUT */
/* uncomment .containerGrid2 .even { float: right; } for staggered box LAYOUT; instead of .containerGrid2 .odd { margin-right: 15px; } */

/* ****************************** COLUMNS within containers  *************** */
#colLeft, #colRight, .related-content-styles  { font-size:1.1em; line-height:1.3em; }
#colMain, .spanColumn, #heading, .main-content-styles { font-size:1.2em; line-height:1.5em; } /* spanColumn - when the div spans across two columns in the contentContainer*/

/* ****************************** SUPPLEMENTARY MENU *************** */
#supplementaryMenu { font-size:1.1em; margin-top:5px; margin-bottom:5px; overflow:hidden; }

#miniLanguages { float:left; }
#miniLanguages .selected { color:#666; font-weight:bold; }

#miniTools { float:right; margin:0 30px 0 0; }
#miniTools .hilite { font-weight:bold; }

#un { float:right; text-align:right; font-weight:bold; }

/* ****************************** GLOBAL BANNER *************** */
#headerWrapper { width:100%; height:80px; }
#logo { margin:0; float:left; }
#strapline { float:left; } /* width:500px; height:60px;*/

#searchGlobal { font-size:110%; float:right; margin:28px 0 0; }
/* INLINE #searchGlobal .search1 {  border:1px solid #ccc; height:25px; width:250px; padding:5px 22px 3px 3px; background:url("/wcmsd4/ilo/global/resources/search.png") no-repeat scroll 0 -1px transparent; } */
#searchGlobal .buttflex { /*display:none;*/ }

/* ****************************** NAVIGATION *************** */
/* TOP navigation - (top horizontal) level 1	*/
/* #navMainWrapper { font:bold 1.2em/1.15em Arial, sans-serif; height:36px; border:1px solid #d7d9eb; clear:both; overflow:visible; } */
#navMainWrapper { font:bold 1.2em Arial,Helvetica,Verdana,sans-serif; border:1px solid #d7d9eb; clear:both; overflow:hidden; } 
#navMainWrapper ol { margin:0; }
#navMainWrapper li { line-height:1.1em; width:103px; border-right:1px solid #d7d8eb; float:left; list-style-type:none; margin:0; }
#navMainWrapper li:last-child { width:106px; border-right:0; }

/* #navMainWrapper a { color:#00209f; background:url("../resources/bar_gradient_3.gif") repeat-x 0 0; background-color:#f3f3f3; padding:3px 3px 0 6px; height:33px; text-decoration:none; display:block; text-shadow:0 1px 0 #fff; } */
#navMainWrapper a { color:#00209f; padding:2px 3px 0 5px; height:30px; text-decoration:none; display:block; background:url("../resources/bar_gradient_3.gif") repeat-x scroll 0 0 #EEF1F6; } /* text-shadow:0 1px 0 #fff; */
#navMainWrapper a:hover, #navMainWrapper a.selected { color:#fff; background:url("../resources/bar_gradient_3c.gif") repeat-x scroll 0 0 #003061; text-shadow:0 1px 0 #000; }

/* CONTEXTUAL navigation (left column) - levels 2 and 3	*/    /*ECEEF4; E5E7F0 E0E2ED  , EDEAE5 */
/* #contextMenu { background-color:#EEF1F6; border-top:4px solid #274983; border-bottom:2px solid #274983; margin:23px 0 30px; } */
#contextMenu { background-color:#EEF1F6; border-top:4px solid #274983; border-bottom:2px solid #274983; margin:23px 0 30px; } /* F6F0E1 F8EBEA  */

#contextMenu dl { border-bottom:2px solid #fff; }
#contextMenu dt { font-weight:bold; } /* level 2 nav */
#contextMenu dd { font-weight:normal; } /* level 3 nav */

#contextMenu a { color:#00209f; border-top:2px solid #fff; padding:3px 5px; display:block; }
#contextMenu a:hover { color:#fff; background-color:#5482cf; text-decoration:none;}

#contextMenu dd a { border:0; padding-left:15px; background:url("../resources/bullet2.gif") no-repeat scroll -5px 6px transparent; } /* sub-list links */
#contextMenu dd a:hover { background-color:#5482cf; }

#contextMenu .contextMenu-focus-2 a, #contextMenu .contextMenu-focus-3 a {color:#fff; background-color: #5482cf;}

#contextMenu .contextMenu-focus-3 a, #contextMenu .contextMenu-3 a:hover
{ background:url("../resources/bullet2wo.gif") no-repeat scroll -5px 6px #5482cf; }

#contextMenu .contextMenu-4 a 
{ padding-left:23px; background:url("../resources/bullet2.gif") no-repeat scroll 3px 5px transparent;  }
#contextMenu .contextMenu-4 a:hover
{ background:url("../resources/bullet2wo.gif") no-repeat scroll 3px 6px #5482cf; } 
#contextMenu .contextMenu-focus-4 a 
{ color:#fff; padding-left:23px; background:url("../resources/bullet2wo.gif") no-repeat scroll 3px 6px #5482cf; }

/* ****************************** REGIONS *************** */
.horizontalBar { border-top:5px solid #C9D3DD; clear:right; margin-top:3px; } /* D3CABB */

#regions { font-weight:bold; padding:8px 0 0;overflow:hidden;}  
#regions span{ font:bold 2.9em "Arial Narrow",Arial,Helvetica,sans-serif; color:#E46D05; padding:0 12px 0 158px; float:left; letter-spacing:-0.004em; } /* the regions */
#offices { color:#888; font-size:1.2em; line-height:1.2em; margin:1px 10px 10px 160px; clear:both; } /* clear:none to align with regions */

#regions .horizontalBar { float:left; clear:none; border-width:8px; } /* BUG - font & bgnd required for IE */ 
#regions .horizontalBar.left { width:145px; } /* same as containerLeft */
#regions .horizontalBar.content { width:780px; margin-left:15px; } /* (780 + 15) + 145 = column width */

.region-office{ font:bold 1.3em/1em Arial Narrow,sans-serif; padding:5px 0; min-height:14px; }
.region-office a, .region-office a:hover { color:#E46D05;text-decoration:none;display:block; }

/* ****************************** BREADCRUMBS *************** */
#crumbs { font-size:1.1em; width:100%; float:left; padding:0 0 4px; margin:5px 0; border-bottom:1px dotted #ccc; clear:both; } 

/* ****************************** HEADERS *************** */
h1, h2, h3, h4, h5, h6 { line-height:1.3em; font-weight:normal; margin:0; }

h1 { font:2em/1.2em Georgia,"Times New Roman",Times,serif;  margin:0 0 5px; letter-spacing:-0.02em; } 
h2  { font:bold 1.15em Arial,Helvetica,Verdana,sans-serif; background-color:#f3f3f3; border-bottom:1px solid #d3cabb; padding:2px 5px; margin:0 0 5px; }
/* h2 { font:1.2em/1.3em Arial,Helvetica,Verdana,sans-serif; } */
h3 { font:bold 1.2em Arial,Helvetica,Verdana,sans-serif; border-bottom:1px solid #ccc; color:#B92517; padding:2px; margin:5px 0; letter-spacing:-0.01em; } 
/* h4 h5 h6 used mainly in the generic box structure */
h4 { font:bold 1.15em Arial,Helvetica,Verdana,sans-serif; background-color:#f3f3f3; border-bottom:1px solid #d3cabb; padding:2px 5px; margin:0 0 5px; } /* box headers */
h5 { font:bold 1.15em Arial,Helvetica,Verdana,sans-serif; background-color:#5482CF; border-bottom:1px solid #d3cabb; padding:2px 5px; margin:0 0 5px;  } /* category label */
h6 { font:1.2em Arial,Helvetica,Verdana,sans-serif; } /* item text links */

/* headers for body copy in CENTRE COLs  */
#heading { margin-bottom:25px; } /* margin-top affects the no-crumb class */
#heading h1 { font:2em/1.2em Georgia,"Times New Roman",Times,serif; letter-spacing:-0.02em; padding:0 5px 0 0; margin:0 0 5px; clear:both; }
#heading h2 { font:1.15em/1.3em Arial,Helvetica,Verdana,sans-serif; word-spacing:-0.01em; background:none; border:none; padding:0; } 
 
/* IMAGE SIZES */
.thumb-stamp { width:45px; } /* stamp 45 x 45 */
.thumb-tiny-h { width:90px; } /* tiny 90 x 60 */
.thumb-tiny-v { width:60px; } 
.thumb-nail-h { width:115px; } /* thumbs 115 x 77 */
.thumb-nail-v { width:77px; } 
.thumb-power-h { width:113px; } /* power 170 x 113 */
.thumb-power-v { width:170px; } 
.thumb-inline { width:230px; } /* home page slider and details page (inline) */

/* ****************************** Picture Caption box structure *************** */
.pictureCaption, .caption /* box enclosing image AND caption © - for detail pages  */
{ /* width:230px; */font-size:0.9em; line-height:1.3em; display:table; color:#666; margin:0 12px 3px 0; float:left; } 
.pictureCaption img { margin:0 0 3px; display:block; } 
.credit { display:block; color:#aaa; }
.imageRight { margin:0 0 3px 15px; float:right; }
.imageLeft { margin:0 12px 3px 0; float:left; }
.image-center { float:none; clear:both; margin:20px auto; }

#colRight .pictureCaption, #colLeft .pictureCaption { font-size:1em; } 
#colRight .credit, #colLeft .credit { font-size:0.9em; } 

/* the three images at the top of page */
.topImage { font-size:0.9em; overflow:hidden; margin-bottom:20px; }
.topImage img { margin:0 4px 0 0; }

/* when image is NOT wrapped in pictureCaption - or use .boxStyle2 .textWrap img */
.textWrap img { float:left; margin:0 8px 5px 0; } /* eg home page */
.textWrapNone img { float:none; margin:0 0 3px; } 

/* when image is in the body of the list text eg., icons */
.textWrap .listElementText img, .textWrapNone .listElementText img { margin:0; } 

/* when image is WRAPPED in pictureCaption */
.textWrap .pictureCaption img, .textWrapNone .pictureCaption img { margin:0 0 3px; float:none; } 
.textWrap .listElementText img { margin:0; float:none; }  /* icons & images within the body of the item-text */

/* ******************1************ COMMON attributes for featureMultiple box structure *************** */
/*    div class is OBJECT TYPE LAYOUT iD
FM1 - featureSingle	(SINGLE ITEMS)
FM2 - listTextOnly 	(NO IMAGES and MAINLY SHORT LINKED SENTENCES)
FM3 - multiple list items	(DEFAULT - WITH and WITHOUT IMAGES; and COMBINATION) - textWrapNone (IMAGES ALIGNED, NO TEXT WRAPPING) */

.featureMultiple { border-top:5px solid #B92517; margin-bottom:20px; overflow:hidden; } /* red B92517; yellow: FFA70E; 961206 */
.text { margin-bottom:20px; } 
.freeform { margin-bottom:20px; }

/*  content box margin */
.boxContent { margin:5px; clear:both; overflow:hidden; }

.FM1 .boxContent { margin:8px; }
.FM2 .boxContent { margin:0 5px; }

.hilight .boxContent { margin:8px; }
.FM3 .boxContent { margin:8px 5px; }

#colMain .FM2 .boxContent { margin:5px; }
#colMain .FM3 .boxContent { /* margin:8px 5px; */ }

#colMain .item /*.boxContent*/ li { padding:10px 0; } /* feature-rich with hilight and list of links */
#colMain .item /*.boxContent*/ li li { padding:2px 0 2px 11px; }

.boxWithBorder .boxContent { /* margin:5px; */ } 
.boxBorder2 .boxContent { margin:5px;} /* DG box and evergreens*/

/* furniture definitions */
.featureMultiple h4 { font-size:1.3em; line-height:1.15em; letter-spacing:-0.01em; padding:5px 0; margin:0; background:0; border:0; } /* heading */  
.featureMultiple h5 { font-size:1em; color:#666; background:none; padding:0 0 2px; margin:5px 0 3px; border-bottom:1px dotted #aaa;} /* category */  
.featureMultiple h6 { font-size:1.1em; font-weight:bold; margin:0 0 3px; } 
.featureMultiple p { margin:0; } /* margin:0 0 7px; line-height:1.3em; */ 
.featureMultiple p:last-child { margin:0; }

.item-heading { line-height:1.1em; color:#B92517; margin:0; display:block; } /* context info */
.item-info { font-weight:normal; line-height:1.3em; color:#888; } /* dates etc */
#colMain .item-info, #colMain .item-heading { font-size:0.9em; }

.featureMultiple ol, .featureMultiple ul { margin:0; list-style-type:none; } 
.featureMultiple .hilight ol ol { /*margin-bottom:0;*/ }

.featureMultiple li { border-top:1px dotted #ccc; margin:0; overflow:hidden; }
.featureMultiple li.first, .featureMultiple li:first-child { border:0; } /* class for IE */

.featureMultiple li li /* additional list items */
{ border:0; padding:2px 0 0 10px; margin:0 0 3px; background:url("../resources/bullet2.gif") no-repeat scroll -10px 5px transparent; } 

.featureMultiple .pictureCaption { float:left; overflow:hidden; }  /*width:100%;margin:0 12px 3px 0; width set for portrait thumb */

/* featureMultiple COMMON values - mainly for FM3 in the CENTRE columns */
#colMain .featureMultiple { border-top:0; } /* no top border for boxes in centre columns */
#colMain .featureMultiple h4 { font-size:1.15em; background-color:#f3f3f3; border-bottom:1px solid #ccc; padding:3px 2px 2px 5px; margin:0 0 8px; }
#colMain .featureMultiple h5 { }
#colMain .featureMultiple h6 { font:bold 1.1em/1.25em Arial,Georgia,Times,"Times New Roman",serif; } /* nrmal,1,2em for georgia; margin already in furniture h6; 1.25em */
#colMain .featureMultiple li li { font-size:95%; line-height:1.3em; padding:2px 0 0 10px; } /* IE doesnt inherit this padding */

/* TEXTWRAPPING LAYOUT - to wrap or not to wrap - text around the pictionCaption divs */
.textWrap .listElementText { overflow:visible; } /* padding-top:5px; text wrapping around image (side columns) - default setting */
.textWrapNone .listElementText { overflow:hidden; clear:left; } /* aligning image for noTextWrap (side columns) */
#colMain .textWrapNone .listElementText { clear:none; }

/* HILIGHT LAYOUT - furniture */
.featureMultiple.hilight li, /* hilight item for single feature - classes set in single div */
.featureMultiple .hilight li /* hilight for multiple feature items - classes set in nested divs */
{ background-color:#F6F0E1; } /* f6f2e6 */

.boxWithBorder .item { /*margin-top:0;*/ }  

/* for dynamic lists */
.list ol { padding-bottom:15px; } 
.list .hilight ol { padding:0; }
.list li { padding:10px 0; }
#colMain .featureMultiple.list h6 { font:1.35em/1.2em Georgia,Times,"Times New Roman",serif; } /* see also #colMain .featureMultiple h6; nrmal,1,2em for georgia; margin already in furniture h6; 1.25em */

/* ****************************** ****************************** ****************************** */
/* ****************************** FM1 - single feature items - ranged left by default. Add class=centered to div for centered content */
.FM1 { border:1px solid #ddd; } /*  background-color:#FFF2F2; */
.FM1 h4 { padding:3px 0 3px 8px; background-color:#f3f3f3; }
.FM1 ol { margin-top:5px; } /* the additional links in FM1 */
.FM1 li { border:0; padding:2px 0 2px 9px; background:url("../resources/bullet2.gif") no-repeat scroll -10px 5px transparent; } /* secondary links in single item feature */
.FM1.centered .pictureCaption { float:none; margin:0 auto; } /* release the pictureCaption defaults and center the content */

.FM1.centered h4 { padding-left:0; padding-right:0; } /* centered layout */

#colMain .FM1 /*, .FM1.spanColumn */ { padding:0; background:none; border:0; }  
#colMain .FM1 h5 { margin:0 0 5px; }
#colMain .FM1 li /*, .FM1.spanColumn  li*/ { font-size:90%; } /* the additional links */

/* ****************************** ****************************** ****************************** */
/* ****************************** FM2 - quicklinks - text only - with bullet points */
.FM2 h6 { font:1em Arial,Helvetica,Verdana,sans-serif; }

.FM2 li { padding:5px 0 5px 9px; background:url("../resources/bullet2.gif") no-repeat scroll -10px 7px transparent; }
.FM2 img { float:left; position:relative; left:-10px; overflow:hidden; margin:0; } /* if an image is required */

#colMain .FM2 h5 {/* margin:10px 0 3px; */}
#colMain .FM2 h6 { font: 1em/1.3em Arial,Helvetica,Verdana,sans-serif; margin:0; }
#colMain .FM2 li { padding:4px 0 4px 11px; } /*border:0; padding:8px 0 2px 9px; padding affects also familydoc*/

/* for related content - in the details page - ANOMALY */
.FM2.rc .boxContent div { background:url("../resources/bullet2.gif") no-repeat -10px 7px; padding:5px 0 5px 9px; border-top:1px dotted #CCC;}
.FM2.rc .boxContent div.first { border: 0; }

/* ****************************** ****************************** ****************************** */
/* ****************************** FM3 - rich feature with hilight */
.FM3 li { padding:5px 0; overflow:hidden; } 

#colMain .FM3 li { padding:10px 0; } /*  additional links for feature rich and dynamic lists*/
#colMain .FM3 li li {  } /*  margin:0 12px 0 0; */

#colMain .FM3 li:first-child { padding-top:0; }
#colMain .FM3 li:last-child { padding-bottom:0; }

#colMain .FM3 li li:first-child { padding-top:3px; }

#colMain .FM3 .item li {/* font-size:1em; */} /*in projects;  padding:3px 0; items under the hilight item; size needed for DG in primary */
#colMain .FM3 .item li li { font-size:0.9em; padding:2px 0 2px 11px; }

#colMain .FM3 .hilight li { /*padding:5px 3px; */ } 
#colMain .FM3.hilight li:first-child { /* padding-top:0; */ } /*  for topics */

/* rewrite this - same as catalogue list  */
.featureMultiple.subDividerHeadline li { border-top:0; }
.featureMultiple.subDividerHeadline h5 { background-color:#EAE5DE; border-top:1px solid #D3CABB; border-bottom:1px solid #D3CABB; padding:1px 2px 1px 8px; margin:0; }
.featureMultiple.subDividerHeadline p { margin:0 0 1.5em; }
.featureMultiple.subDividerHeadline p:last-child { margin:0; }

/* to split the content column into a 3-column grid - see Topics landing page */
/* .boxColumns .listElementText { width:470px; margin-right:0; float:left; } */
/* .hilight .boxColumns .listElementText { width:410px; } hilight items have larger images; hence the different widths */
/* .boxColumns .listElementLinks { width:150px; float:right; overflow:hidden;  } */

/* ****************************** FACETS ****************************** */
.facet { border:1px solid #ccc; border-top:5px solid #B92517; } /* yellow F09836 */
.facet h4 { font:bold 1.4em Arial, sans-serif; border:0; background:#efefef; border-bottom:1px solid #ccc; padding:5px 0 3px 5px; }
.facet ol { margin-bottom:10px; } 
.facet li { list-style-type:none; border-top:0; padding:0 0 0 9px; margin:0 0 5px; background:url("../resources/bullet2.gif") no-repeat scroll -10px 3px transparent; } 
.plusMore { font-weight:bold; display:block; text-align:right; position:relative; top:-4px; margin-bottom:0; } 
.featureMultiple p.plusMore a { text-decoration:none; }

/* ****************************** LINKS ****************************** */
/* Links only describes the behaviour. Only in specialised cases, eg, pdf classes, do they describe attributes also */
#colMain a.pdf { font-size:90%; } /* smaller sizes for pdf links in centre columns... */
#colMain .featureMultiple li a.pdf { } /* except in secondary lists, where it inherits the already-reduced link sizes (see side columns) */
 /*#colMain li ol a.pdf {  font-size:100%;  } except in secondary lists, where it inherits the already-reduced link sizes (see side columns) */
a.pdf { color:#758C5B; text-decoration:underline; } 

/* specific elements link behaviour */
#regions a { color:inherit; text-decoration:none; }

.text a,  a.linkStyle2 { /* text-decoration:underline; */ } /* links in the body of text */

.freeform a { text-decoration:none; }

/*links in the headers 
.freeform .heading2 a, 
.freeform .heading3 a  { color:#333; text-decoration:none; }
.freeform .heading2 a:hover, 
.freeform .heading3 a:hover { color:#B92517; }
*/

/*
.text li a,
.freeform li a { text-decoration:none; }
.text li a:hover,
.freeform li a:hover { text-decoration:underline; }
*/

li li a {  } /*color:#06c; 8C874D secondary list link s */
li li a:hover { /* color:#cc9900; */ } 
/* .spotlight:hover { background-color:#f9f7f0; } hilights for list items */ 

#tabs a.selected { color:#fff; text-decoration:underline; }
/*.featured a:hover h2 {  text-decoration:underline; } */

.featureMultiple h4 a, /* all box header links */
#colMain .feature-plugs h4 a, /* NOTE - combine the plugs with furniture */
/* #colMain */ .featureMultiple h4 a { color:#333; display:block; text-decoration:none; } /* linked box headers */ 

a h2:after, a h3:after, /* copied markeup from existing site */
a .heading2:after, a .heading3:after, /* dynamic converters definitions */
#colMain .feature-plugs h4 a:after,
.boxWithBorder h4 a:after, 
.featureMultiple h4 a:after { /* content:" »"; */ color:#B92517; font-size:1.1em; } /* to indicate a link in the headers */

/* #colMain */ .featureMultiple h4 a:hover { color:#B92517; } 

/* hilighting links in the centre content columns */
#colMain a { /*text-decoration:underline;*/ } /* links ARE underlined in the main content column */
#colMain .featureMultiple a { /*text-decoration:none;*/ } /* but NOT in the furniture - headers and additional links  */
.featureMultiple p a { /* text-decoration:underline; */ } /* but IS underlined if it is in the body description of the furniture. Phew! */

a { color:#0644AA; text-decoration:none; } /* 06c 0644AA 006699 005689 */
a:visited { /*color:#645;*/ } 

a:hover { color:#e30; text-decoration:underline; cursor:pointer; } /*e30 B92517 da8222 dd8833*/

/* ****************************** ELEMENTS *************** */
.clearfix { clear:both; font-size:1%; content:" "; overflow:hidden; } 
.clearfix.last { margin:0 0 30px; }
.dottedLine { border-bottom:1px dotted #ccc; padding-top:3px; }

/* global search */
form select { font-size:1em; width:100%; } /* the dropdowns */
/* #searchGlobal .search1 { color:#333; border:1px solid #E4E4E4;padding-left:3px;margin:0; } */
/* .buttflex {font-weight:bold; color:#00209f; padding:0 4px; margin:0; border:1px solid #ccc; background:-moz-linear-gradient(center top, #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6; } */
/* #searchGlobal .search1, */ 
.buttflex {background-color:#E8EFF6; border-color:#99ADC2 #494949 #494949 #99ADC2; border-style:solid; border-width:1px; height:20px; }

.buttflex:hover { cursor:pointer; }
.formFieldInput { width:220px; padding:0 0 0 1px; margin:0 3px 3px 0; }

/* search box */
.searchBox { padding:12px; margin:0 0 20px; border:1px solid #ddd; border-bottom:2px solid #ccc; } 
.searchBox h4 { border:0; padding:0; background:none; }

.searchBox .formFieldInput { height:22px; width:220px; padding:0 3px; margin:0 3px; border:1px solid #ccc; vertical-align:top; }
.searchBox .dropMenu { width:100px; height:22px; padding:0 0 0 3px; margin:0 3px; border:1px solid #ccc; vertical-align:top; }
.searchBox .buttflex { height:22px; margin:0 3px; }
/* IE conditional 
.searchBox .dropMenu { position:relative; top:1px; }
*/

/* ******************************* ROUNDED CORNERS */
#bodyWrapper, .searchBox { -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
.buttflex, .pagination { -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; }

/* ******************************* GRADIENTS */
/* gradients top down */
.searchBox, .buttflex, .pagination a { 
background:-moz-linear-gradient(top, #F8F4E9, #FEFDFA);
background:-webkit-gradient(linear, left top, left bottom, from(#F8F4E9), to(#FEFDFA)); }  /* background:#FBF9F3; */

/* gradients bottom up */
.buttflex { 
background:-moz-linear-gradient(top, #FEFDFA, #F8F4E9);
background:-webkit-gradient(linear, left top, left bottom, from(#FEFDFA), to(#F8F4E9)); } /* background:#F6F0E1; */




/* footnotes *************** */
.footnote { font-size:0.9em; line-height:1.4em; background-color:#faf9f2; border:1px solid #ccc; border-width:1px 0; margin:30px 0 40px; padding:8px; overflow:hidden; }
.footnote p { line-height:130%; margin:0 0 0.5em; }

/* ****************************** PAGE ELEMENTS *************** */
.listall{ font-size:0.9em; font-variant:small-caps; padding:0 7px; background-color:#eee; display:inline; float:right; }
/*
.rss li { background:url("../resources/rss11.png") no-repeat scroll 0 7px transparent; padding:5px 0 5px 18px; }
.video { background:url("../resources/video-16.gif") no-repeat scroll 3px 7px transparent; padding:5px 0 5px 18px; }
.audio { background:url("../resources/audio-16.gif") no-repeat scroll 3px 7px transparent; padding:5px 0 5px 18px; }
*/

.rss li { background:url("../resources/rss11.png") no-repeat scroll 0 7px transparent; padding:5px 0 5px 18px; }
.video { background:url("../resources/video-16.gif") no-repeat scroll 3px 0 transparent; padding:13px 0 0 18px; display:inline-block; width:18px; }
.audio { background:url("../resources/audio-16.gif") no-repeat scroll 3px 7px transparent; padding:5px 0 5px 18px; }


#pageTools { border:1px solid #ccc; margin-bottom:20px; padding:5px; color:#888; }
#dataLanguages { border-top:2px solid #B92517; border-bottom:1px dotted #ccc; padding:5px; }	

.metaType1 { font-size:0.9em; color:#888; margin-bottom:8px; display:block; } /* details page meta for articles (at top) */

/* card table */
.metaType1.metaCard { font:0.85em/1.3em Verdana,Arial,Helvetica,sans-serif;color:#888;width:95%;margin:0 0 30px 7px;border-bottom:1px solid #e3e3e3;overflow:hidden; } /* table */
.metaType1.metaCard div { width:100%;float:left;padding:1px 0 2px 5px;border-top:1px solid #e3e3e3; } /* row */
.metaType1.metaCard .field { width:25%;font-style:italic; } /* type */
.metaType1.metaCard span { float:left;width:75%; } /* data */

.download { font:0.95em/1.4em Verdana,Arial,Helvetica,sans-serif;color:#888;padding:3px 0 3px 5px;margin:0 0 30px 7px;border-bottom:1px solid #e3e3e3;overflow:hidden;background-color:#F6F0E1;width:95%; }
.download .field { font-size:1.1em;font-weight:bold;display:block;margin-bottom:5px;} /* type */
.download .value { display:block; } /* data */
.download span a { text-decoration:none;padding:3px 5px 3px 0;margin-right:8px; white-space:nowrap; } 
.download span a:hover { text-decoration:underline; }

.metaType2 { font-size:0.9em; line-height:1.35em; color:#666; margin:5px 0 15px; } /* meta types (at bottom) */
.metaType2 p { margin:0; }

/* .familyDoc - is part of, a version of... */
.familyDoc { font-size:0.9em; border:1px dashed #ccc; padding:3px 8px 3px; margin:0 0 20px; width:97%; }
.familyDoc h4 { background:none; border:0; padding:0 8px; margin:0; width:97%; }
.familyDoc ol { margin:0 0 3px; list-style-type:none; }
.familyDoc li { color:#666; margin:0 0 0 8px; line-height:1.1em; background:url("../resources/bullet2.gif") no-repeat scroll -10px 6px; }

.pagination { font-size:0.9em; text-align:right; padding:8px 10px 8px 0; margin:20px 0; }
.pagination a { border:1px solid #C9D3DD; padding:3px 5px; margin:0 2px; line-height:2.5em;
background:-moz-linear-gradient(center top, #fff, #efefef) repeat scroll 0 0 #f6f6f6; 
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#EBEBEB)); } /* efefef */
.pagination a:hover { color:#333; border-color:#F09836;text-decoration:none;-moz-box-shadow:1px 1px 3px #ccc;}
.pagination .selected { font-weight:bold; color:#333; border-color:#ccc;background:none repeat scroll 0 0 #eee; }

#linkToTop { text-align:right; clear:both; font-size:1.2em;}
#linkToTop span { background-color: #f3f3f3; border:1px solid #ddd; padding:2px 5px; cursor:pointer; }
#linkToTop a { padding:3px; text-decoration:underline; }

/* ****************************** HOME   ******************************  */
/* list with buttons-type layout like the navigation */
.featureMultiple.buttonList h4 a { padding:0; color:#333; }
.featureMultiple.buttonList li { font-size:1em; font-weight:bold; background:none; background-color:#E9EBF3; padding:0; margin:2px 0; border:0; }
.featureMultiple.buttonList a { color:#064599; display:block; padding:2px 3px 2px 7px; }

/* stories */
.boxStyle3 { background-color:#edece4; padding:10px; overflow:hidden;}
#colMain .boxStyle3 h4 { font:bold 1em Arial, san-serif; border:0; background:none; padding:0 0 4px; margin:0; }
.featureMultiple.boxStyle3 h6 { float:left; font:1em/1.2em Arial, Helvetica, sans-serif; }
.boxStyle3 li { border-top:0; background-color:#fff; width:127px; float:left; margin-left:10px; min-height:185px; padding:5px; }

/* evergreens */
#colMain .boxWithBorder { border:1px solid #eee; /*margin-bottom:20px;*/ } 
#colMain .boxWithBorder li {  border-top:0; } /* padding:3px 0; affects the calendar in centre col */

/* boxes */
.boxWithBorder { border:1px solid #ddd; margin-bottom:20px; }
.boxWithBorder h4 { font-size:1.25em; letter-spacing:-0.01em; padding:3px 3px 4px 6px; background-color:#f3f3f3; border-bottom:1px solid #ddd;} /* background:url("bar-gradient.gif") repeat-x scroll 0 -5px transparent; */
.boxWithBorder h6 { font-size:1em; font-weight:bold; }
#colMain .boxWithBorder h6 { font-size:1.1em; font-weight:normal; }

.featureMultiple.boxWithBorder { border-top:4px solid #aaa; margin-bottom:15px; }
.boxWithBorder h4 a { color:#000; }
.boxWithBorder h4 a:hover { color:#B92517; text-decoration:none; /*color:#37568E; */ }

.feature-plugs img { text-align:center; margin:10px 0;}
.feature-plugs { border-top:4px solid #ccc; margin-bottom:10px; overflow:hidden; }

/* mini services */
#containerMiniServices { font-size:1.1em; background-color:#fff; margin-top:20px; clear:both; overflow:hidden; }
#containerMiniServices a { color:#888; }
#containerMiniServices a:hover { color:#333; }
#containerMiniServices ol { margin:0; } 
#containerMiniServices li { list-style-type:none; line-height:1.5em; margin:0; } /* list items in footer */

.boxMiniServices { width:140px;  float:left; padding:0; margin:5px 10px 5px 5px; }
.boxMiniServices h6 { font:bold 1em Arial,Helvetica,sans-serif; color:#705D39; letter-spacing:normal; padding:3px 0; }

/* ************************************ BEHAVIOURS  */
#colMain .containerGrid2 .featureMultiple.list h6 { font:bold 1.1em/1.25em Arial,Helvetica,Verdana,sans-serif; } /* normally a serif font in dynamic list */

/**/
/* to amend */
div.wrapper div.image { /* margin:5px 10px;*/ }

/* Events-search */
.events-search-tabs { zoom:1;margin:16px 0; overflow:hidden; background-color:#f8eee4;border-top:1px #e3ad71 solid;border-left:1px #e3ad71 solid;border-right:1px #e3ad71 solid;}
.events-search-tabs ul {float:left;margin-bottom:15px; width:100%;}
.events-search-tabs ul li {float:left;display:block;width:49.9%;margin:0;}
.events-search-tabs ul a {float:left;padding:4px 0 4px 10px;}
.events-search-tabs li.idle	{background-color:#f1d6b8;border:1px #e3ad71 solid;border-top-width:0;border-right-width:0;}
.events-search-header {padding:0 0 10px 10px;/*background-color:#f8eee4;color:#505050;margin:0 0 16px 0;*/}

.resultCount { font-weight:bold; color:#c10; border:1px solid #ccc; border-width:1px 0; padding:3px; margin:10px; }

/* NOT USED - quote slider  *************** */
#quotes { background-color:#F8EEE4; color:#705D39; font:italic normal 1.7em Georgia,"Times New Roman",Times,serif; margin:0 0 20px; padding:8px 16px 16px; }
#quotes div { font-size:12px; text-align :right; }
/* NOT USED -	slider styles	************** */
#slider { background-color:#FFE5E5; margin-bottom:15px; }
/* NOT USED - home page grids */

/* .featureMultiple ol ol  margin bottom  for furniture ol ol affects the topics page */
/* see q3-Standards requires overflow:visible */
.featureMultiple ol ol { /*margin-bottom:8px;*/  } /*overflow:hidden; IE6 will clear:both the ol list if overflow is not present */




/* TABLES */
table { font-size:1em; line-height:1.3em; }

.text table p { margin:0 0 2px; } /* tables - word tables */
.text table { font:inherit; margin:15px 0; text-align:left; border:1px solid #ccc; border-collapse:collapse; } /* grid1 - plain table */
.text table tr th { padding:2px 5px; background-color:#F0F0EB; }
.text table tr td { padding:2px 5px; border:1px solid #ccc; }

/* grid2 - zebra */
.text table .odd { background-color:#f3f3f3; }


/* freeform */
.image-left { float:left; margin:0 15px 5px 0; margin:0 10px 3px 0; }
.image-right { float:right; margin:0 0 5px 15px; margin:0 10px 3px 0; }
.image-center { margin:0 auto; margin:0 10px 3px 0; }
.ff_caption { font:0.9em Arial,Helvetica,sans-serif; display:block; }
.ff_credit { font:1em Arial,Helvetica,sans-serif; color:#aaa; }
.ff_boxtitle { font:bold 1em Arial,Helvetica,sans-serif; color:#fff; background-color:#666; margin-bottom:3px; padding:1px 3px; display:block;}
.heading2 { font:bold 1.15em/1.3em Arial,Helvetica,Verdana,sans-serif; background-color:#F3F3F3; border-bottom:1px solid #D3CABB; display:block; padding:2px 5px; margin:0 0 10px; }
.heading3 { font:bold 1.2em/1.3em Arial,Helvetica,Verdana,sans-serif; color:#B92517; border-bottom:1px solid #ccc; display:block;letter-spacing:-0.01em; padding:2px; margin:5px 0 10px;}


table.box { border:1px solid #ccc; }
table.box tr td { padding:8px; }

table.highlight { background-color:#F6F0E1; padding:5px 10px; }

.freeform .list ol { list-style-type:none; margin-bottom:0; }
.freeform .list ol li { background:url(/wcmsq3/ilo/global/resources/bullet2.gif) no-repeat scroll -9px 3px transparent; padding:0 8px 5px 10px; font:1em Arial,Helvetica,sans-serif; margin:0px;}

table.quote { margin:5px 5px 0 5px; }
table.quote tr td { font:italic 1.4em/1.45em Georgia,Times,serif; color:#666; background:#F8EEE4 url(/wcmsq3/ilo/global/resources/quote.gif) no-repeat 10px 10px; padding:20px 10px 20px 50px; margin:0 0 20px 0px; zoom:1; }
table.quote tr td div { color:#666; font:0.65em Arial,Helvetica,sans-serif; display:block; text-align:right; }

/* MAIN */


/*external links */
#externalLink { background:url("../resources/externalLink.png") no-repeat scroll 0 0 transparent;padding:10px 0 0 10px;margin-left:5px;display:inline-block; }