body {
	margin:0; font-family: Arial, Verdana, Helvetica, sans-serif; color:#666;
	}
	
div.printRemove {display:inline}

p {
	line-height:150%; margin:9px 0 12px 0;
}

img {border:none}

strong {
	font-weight:bold;
}

.strong {
	font-weight:bold}

li {
	line-height:150%;
}

ul.plain {
	margin:0;
	padding:0;
	list-style:none;
}

ul.distribution {
	margin-top:30px;
}

ul.distribution li {
	margin-bottom:10px;
}

h2, h3, h4, h5 {
	letter-spacing:0;
}

h1 {
	font-size:180%;
	font-weight:normal;
	color:#f60;
	margin: 0; 
	padding-bottom: 3px;
	line-height:150%;
	letter-spacing:0;
}
	
h2 {
	font-size: 140%; 
	color:#c4004a;
	margin: 0; 
	padding-bottom: 15px;
	font-weight:bold; 
	line-height:200%;
}

.hpFeatureBoxes h2, .hp3FeatureBoxes h2 {
	font-size: 120%; 
	color:#5C227C;
	margin: 0; 
	padding-bottom: 3px;
	line-height:100%;
	font-weight:normal;
}

p.featureHead {
	font-size: 120%; 
	color:#5C227C;
	margin: 0; 
	padding-bottom: 3px;
	line-height:120%;
	font-weight:normal;
	}

.hpFeatureBoxes h2 a, .hp3FeatureBoxes h2 a {
	text-decoration:none;
	color:#5C227C;
	}

h2.greenNormal { 
	font-size: 115%; font-family: arial, sans-serif; font-weight:normal; color: #096; margin-top:12px; padding-bottom: 3px;}
	
.underH {
	margin:-5px 0px 2px 0px; color:#666666;}


h3 {
	font-size: 110%;
	margin: 0; 
	color: #369;
	line-height:180%;
}

h4 {
	font-size: 110%;
	margin: 0; 
	color:#369;
	line-height:180%;
}

h4.press {
	font-size: 100%;
	margin: 0; 
	color:#369;
	line-height:180%;
}

p.firstPara, span.firstPara {
	font-size:110%; 
	color: #369;
	margin:0 0 15px 0; 
	line-height:150%;
	font-weight:normal;
	letter-spacing:0;
}
p.firstPara a {
	color:#5c227c !important;
}

p.caption {
	font-style:italic;
	font-size:85%;
	margin:0;
	color:#369;
	line-height:120%;
}

br.clear {
	clear:both;
	padding:0;
}

blockquote {
	margin:10px 0;
	padding:10px;
	border:1px solid #369;
	float:left;
	width:340px;
	font-style:italic;
	font-size:110%;
}

img.feature {
	border: 1px solid #008fb4;
}

span.reg {font-size:50%; vertical-align:super;}
div.reg {font-size:50%; vertical-align:super; display:inline} /*special use for inside nav as plain <span> already has a function within <li>*/
	
.sep {font-size:10%; color:#FFF;}

/* body framework and containers */

div#topBg {
	background-image:url(../img/topBg.jpg); width: 100%; text-align:center; height:110px; font-size:70%;}
	
div#bodyBg {
	background-color:#94cbde; width:100%; text-align:center; font-size:70%; letter-spacing:0.1em;}
	
div#bottomBg {
	background-image:url(../img/bottomBg.jpg); width:100%; height:100px; text-align:center; font-size:60%; letter-spacing:0.1em; padding-top:10px; color:#666;}
	
div#bottomBg a, div#bottomBg a:visited {
	color:#666; text-decoration:none;}
	
div#bottomBg a:hover {
	text-decoration:underline;}	
	
div#topContent {
	position:relative; margin:0 auto; width: 750px; height:110px; text-align:left;}
	
div#topContent a.skip, div#topContent a.skip:hover, div#topContent a.skip:visited {
	font-size:50%; color:#fff; background-color:#fff; cursor:default;}
	
div#topContent a.logoLink, div#topContent a.logoLink:hover, div#topContent a.logoLink:visited {
	color:#fff; background:none;}
	
div.aLogo {
	position:absolute; left:15px; bottom:22px;}
	
div.aLogoPrint	{
	position:absolute; left:-1000px; bottom:22px;}
	
div.tagLine {
	position:absolute; right:10px; top:40px;}
	
div#bodyContainer {
	position:relative; margin:0 auto; width: 750px; text-align:left; background-color:#fff; padding-top:10px;}
	

/* rounded corners for body content */

div#tl {
	position:absolute; top:0px; left:0px; background:url(../img/tl.gif) no-repeat; width:10px; height:10px;}

div#tr {
	position:absolute; top:0px; right:0px; background:url(../img/tr.gif) no-repeat; width:10px; height:10px;}

div#bl {
	position:absolute; bottom:-1px; left:0px; background:url(../img/bl.gif) no-repeat bottom left; width:10px; height:10px;}

div#br {
	position:absolute; bottom:-1px; right:0px; background:url(../img/br.gif) no-repeat bottom right; width:10px; height:10px;}

* > div#bl {bottom:0px;}

* > div#br {bottom:0px;}

.clear.homeTop {
	padding-top:0 !important;}
	
.clear.homeBottom {
	padding-top:10px !important;}
	
/* rounded corners for home page bottom section */

div.hp_tl {position:absolute; top:-3px; left:-3px;}
div.hp_tr {position:absolute; top:-3px; right:-3px;}
div.hp_bl {position:absolute; bottom:-4px; left:-3px; }
div.hp_br {position:absolute; bottom:-4px; right:-3px;}
* > div.hp_bl {position:absolute; bottom:-3px; left:-3px; }
* > div.hp_br {position:absolute; bottom:-3px; right:-3px;}
.clear {clear:both; padding-top:20px;}
	
div#mainContent {
	position:relative; width:582px; float:left; margin-left:16px; margin-bottom:10px;}

div#mainContent.home {
	height:283px; 
	margin-bottom:41px;
}

* > div#mainContent.home {
	height:283px; 
	margin-bottom:40px;
}

div#mainContent a, div#mainContent a:visited {
	color:#00799c;
	text-decoration:none;}
	
div#mainContent a:hover {
	color:#00799c;
	text-decoration:underline;
}
	
/* navigation */

div#nav {
	 width:134px; float:left; margin-left:5px; z-index:2; position:relative; margin-bottom:0px;}
	 
div#nav.french {
	margin-bottom:40px;
}
	
/*for non IE browsers*/	
div#bodyContainer > div#nav {
	width:134px; float:left; margin-left:10px; z-index:2; position:relative; margin-bottom:0px;}	
	
div.searchBox {
	width:134px; height:23px;}
	
/*div.searchBox input#search {
	height:16px; width:108px; border:1px solid #f60; font-size:100%;vertical-align:middle;color:#666;}
	
input.button, img.button {
	cursor:pointer; 
	vertical-align:middle;
} */

div.searchBox input#search {
	height:16px; width:108px; border:1px solid #f60; font-size:100%; color:#666; margin-bottom:3px;}
	
div.searchBox input[type="image"] {
	cursor:pointer; margin-bottom:-3px}

div#nav a {
	color:#369;
	text-decoration:none; 
	line-height:18px;}

div#nav ul { 
	list-style: none; padding:0; margin:0; position:relative;}
	
div#nav li {
	list-style: none; background:url(../img/leftNavBg.jpg) no-repeat left; margin:2px 0; padding:1px 10px 1px 4px;}
	
div#nav li.selected {
	list-style: none; background:url(../img/leftNavBgSelected.jpg) no-repeat left; margin:2px 0; padding:1px 4px;}
	
div#nav li.selected a {
	font-weight:bold; 
	color:#546B78; 
}	
	
div#nav li.selected span {
	font-weight:bold; 
	color:#546B78; 
	line-height:18px;
}	
	
div#nav li.subNav {
	list-style:none; 
	background:none; 
	margin:0 0 3px 2px; 
	padding: 1px 2px;
}
	
div#nav li.subNav a {
	 background: url(../img/leftSubNavBg.gif) no-repeat -7px 0; 
	 padding-left: 12px; 
	 color:#546B78; 
	 text-decoration:none; 
	 line-height:14px; 
	 display:block; 
}
	 
html>body div#nav li.subNav a {
	background: url(../img/leftSubNavBg.gif) no-repeat -7px -2px;
}

div#nav li.subNav span {
	 background: url(../img/leftSubNavBg.gif) no-repeat -7px 0; 
	 padding-left: 12px; 
	 color:#546B78; 
	 text-decoration:none; 
	 line-height:14px; 
	 display:block; 
	 font-weight:bold; 
}

html>body div#nav li.subNav span {
	background: url(../img/leftSubNavBg.gif) no-repeat -7px -2px; 
}

div#nav li.subNav3 {
	list-style:none; 
	background:none; 
	margin:0 0 3px 5px; 
	padding: 1px 2px; 	
}
	
div#nav li.subNav3 a {
	 background: url(../img/leftSubNav3Bg.gif) no-repeat 0 -2px; 
	 padding-left: 18px; 
	 color:#888; 
	 text-decoration:none; 
	 line-height:14px; 
	 display:block; 
}
	 
div#nav li.subNav3 a:hover {
	 text-decoration:underline;	 
} 	 
	 
div#nav li.subNav3 span {
	 background: url(../img/leftSubNav3Bg.gif) no-repeat 0px -2px; 
	 padding-left: 18px; 
	 color:#888; 
	 text-decoration:none; 
	 line-height:14px; 
	 display:block; 
	 font-weight:bold;
}
	
div#nav a.languageLinks {
	color:#369; font-size:80%; text-decoration:underline;	}
	
div#nav img.lang-links  {
	padding-right:4px;
	}
	
div#navBottom {
	position:absolute; bottom:0px; left:10px; margin-bottom:10px; padding-top:40px; z-index:1 } 

/* right column for images or feature */
	
div#rightColumn {
	position:relative; float:right; width:168px; margin:0 1px 10px 10px; }
	
div.rightColImages {
	position:relative; float:right; width:200px; margin:0 0 10px 10px; }
	
div.rightColImages img {
	margin-bottom:10px;
}
	
	/* the commented section is a box model hack for IE.5.5 */
div.rtColFeature {
	width:168px; width/**/:/**/150px; border:3px solid #94cbde; background-color:#fff; padding:6px;}
	
div.rtColFeatureImg {
	width:162px; border:3px solid #94cbde; background-color:#fff; padding:0px;}
	
.bottomCorner {
	position:absolute; bottom:-1px; left:0px; width:14px; height:14px;}
	
* > .bottomCorner {
	position:absolute; bottom:0px; left:0px; width:14px; height:14px;}
	
.topCorner {
	position:absolute; top:0px; right:0px; width:14px; height:14px;}
	
div.rtColFeatureHighlight {
	width:168px; width/**/:/**/150px; border-left:3px solid #94cbde; border-right:3px solid #94cbde; background-color:#FCF0CC; padding:6px;	}
	
div.rtColFeatureText {
	color:#00799c; border-top:1px solid #94cbde; border-bottom:1px solid #94cbde; padding:3px 0px; margin:0px 0px 3px 0px; /*line-height:120%;*/}
	
div.rtColFeatureText a, div.rtColFeatureText a:visited {
	color:#00799c; text-decoration:none;}
	
div.rtColFeatureText a:hover {
	color:#00799c; text-decoration:underline;}
	
span.date {
	font-style:italic;
	font-size:90%;
	font-weight:normal;
	color:#333;}
	
div#rightColumn a.chevronGreen, div#rightColumn a.chevronGreen:visited {
	background: url(../img/leftSubNavBg.gif) no-repeat -7px -2px; padding-left: 12px; color:#5c227c; text-decoration:none; }
	
div#rightColumn a.chevronGreen:hover {
	color:#f60;
	text-decoration:underline;}
	
/* home page main content */

div.homeMainImage {
	position:absolute; top:0; left:232px; width:347px; height:283px; float:left;}
	
div.homeTagLine {
	position:absolute; top:0; left:0; float:left; width:289px; margin-bottom:10px;	}

div.homeTagLine.francais {
	top:10px;
}
div.homeTagLine.francais img.homeWelcome {
	margin-top:10px;
}
		
/* home page bottom feature */

#bottomFeatureContainer {
	position:relative; width:722px; height:77px; border:3px solid #009CBD; margin-left:12px; clear:both; margin-top:-30px;	}
	
.hpFeatureBoxes {
	position:absolute; width:163px;	height:72px; margin-right:10px;	border-right:3px solid #009CBD;	float:left; padding-top:8px;	}
	
#box1 {
	left:14px;
}
#box2 {
	left:190px;
}
#box3 {
	left:369px;
}
#box4 {
	left:548px; 
	margin-right:0; 
	border-right:0; 
	width:175px;
}	

/* Style for three boxes*/
.hp3FeatureBoxes {
	position:absolute; width:230px;	height:72px; margin-right:10px;	border-right:3px solid #009CBD;	float:left; padding-top:8px;	}

#box1_3 {
	left:25px;
}
#box2_3 {
	left:285px;
}
#box3_3 {
	left:545px;
	border-right:0; 
}

.hpFeatureBoxContent {
	border-top:1px solid #5C227C; width:148px; height:40px; padding-top:5px;}
	
#box4 .hpFeatureBoxContent {
	width:160px;
}


ul.normal {
	color:#666; line-height:140%; padding-left:6px; margin-left:9px; list-style-type:square;}
	
hr.dot
{border-style: dotted; color: #CBCBCB; clear:both;}

/* 2 column layout with dividing line 

div.twoColLeft {
	position:relative; width:270px; float:left; margin-top:20px; margin-bottom:25px; padding-right:15px;  background-image:url(../img/coldivide.gif); background-position:right; background-repeat:repeat-y;
	}
	
div.twoColRight {
	position:relative; left:-2px; width:275px; float:left; margin-top:20px; margin-bottom:25px; padding-left:20px; background-image:url(../img/coldivide.gif); background-position:left; background-repeat:repeat-y;}
	
.topMargin {margin-top:5px;}*/
	
/*news link - dotted border box */

div.boxBorder {
	border-bottom:2px dotted #ccc;
	border-top:2px dotted #ccc;
	padding:2px 0;
	margin-top:20px;
	height:1%;
}
	
div.boxBorder span.buttons {
float:right;}

div.boxBorder span.link {
float:left;}
	
/* news index - date on right hand side */

span.indexDate {
	display:block;
	font-style:italic;
	font-weight:normal;
	font-size:90%;
	line-height:110%;
	color:#333;
	float:right;
	width:125px;
	text-align:right;
}
	
span.indexHeading {
	display:block;
	font-weight:bold;
	float:left;
	width:450px;
	font-size:96%;
	line-height:110%;
}

span.newsCountry {
	color:#009966; font-size:90%; font-style:italic;
	}

/* forms */
form#country {
	margin:5px 0 0 0;
}

select.euroJumpMenu {
	width: 122px; 
	color:#666;
	background-color: #fff;
	letter-spacing:0;
}
	
#nav select.euroJumpMenu {
	width: 110px;
}

#nav form#country {
	margin-top:15px;
}

select {
	height:20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:95%;
	margin:2px 0 0 0;
	vertical-align:middle;
}
	
label {
	position:absolute; font-size:20%; color:#fff; left:-1000px; font-size:5%;}
	
/* contact details */

.contactDetails {
	margin:0 0 15px 0; line-height:150%;
}
.contactDetails .label {
	width: 5em;
	display:inline;
	float:left;
}
.contactDetails .info {
	display:inline;
}

/* links */

div#mainContent.links h2 {
	font-size: 110%;
}

div#mainContent.links ul {
	color:#008BB0;
	padding:8px;
	margin:8px;
	}

div#mainContent.links ul li {
	list-style-type:square;
}
/*div#mainContent.links ul {
	margin:0;
	padding:0;
	float:left;
}
ul.links {
	color:#008BB0;
}
html>body ul.links {
	margin:0;
	padding:0;
}
div#mainContent.links ul li {
	list-style:none;
	background:url(../img/bulletBlue.gif) left top no-repeat;
	margin:0;
	padding:0 0 0 10px;
}
html>body ul.links li {
	list-style:none;
	background:url(../img/bulletBlue.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
}*/

/* press releases */

div#mainContent.pressReleaseIndex p {
	clear:both;
}

div#mainContent.pressReleaseIndex p img {
	float:left;
	margin:3px 10px 5px 0;
}
div#mainContent.pressReleaseIndex hr {
	border-style: dotted; 
	color: #cbcbcb; 
	clear:both;
}

div#mainContent.pressReleaseIndex h2 {
	padding-bottom:15px;
}

div#mainContent.pressRelease img {
	float:right;
	margin:0 0 5px 10px;
}
div#mainContent.pressRelease .clear {
	padding-top:0;
}
div#mainContent.pressRelease em {
	color:#008BB0;
	font-style:italic;
}
span.indexHeading img {
	vertical-align:text-top;
}
a.chevronGreen {
	background: url(../img/leftSubNavBg.gif) no-repeat -7px -2px;
	color:#00799c; 
	text-decoration:none;
	padding-left:13px;
}
	
a.chevronGreen:hover {
	text-decoration:underline;
}

.pressContacts h3 {
	font-size: 115%; 
	color: #000; 
	margin: 15px 0 5px 0; 
	padding-bottom: 0;
}

h4.company {
	color:#008BB0;
	font-size: 115%;
	font-weight: normal;
	margin:0 0 5px 0;
}

.pressContacts .twoColLeft h4, .pressContacts .twoColRight h4 {
	color:#008BB0;
	font-size: 100%;
	margin-bottom:5px;
	margin-top:0;
}

.pressContacts .twoColLeft, .pressContacts .twoColRight {
	margin-top:0;
}

.pressContacts .twoColLeft p, .pressContacts .twoColRight p {
	margin:-5px 0 2px 0; 
}	

div#mainContent.pressRelease div.pressImageCol {
	float:right}
	
div#mainContent.pressRelease div.pressImageCol img {
	float:none;
	margin:0 0 10px 10px;
}
	
/* contact us */

div#mainContent.contactUs div.rightColImages, div#mainContent div.rightColImages.contact {
	width:205px; 
	margin:40px 5px 0 10px; 
}

div#mainContent.contactUs h2 {
	font-size: 100%;
	color:#666;
	font-style:italic;
	font-weight:normal;
	margin-top: 10px; 
	padding-bottom: 0;
}

div#mainContent.contactUs dl {
	margin-top:5px;
}

div#mainContent.contactUs dl dt {
	font-weight:bold;
	color:#369;
}
div#mainContent.contactUs dl dd {
	margin:0 0 5px 0;
}

/* legal notice */

div#mainContent.legalNotice h2 {
	font-size: 105%;
	padding-bottom:0;
}

/* site map */

ul#siteMap {
	margin:10px 0 0 0;
	padding:0;
}
ul#siteMap li {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	line-height:160%;
}
ul#siteMap li span, ul#siteMap li a {
	font-weight:bold;
	color:#008BB0;
}
ul#siteMap li ul li a {
	font-weight:normal;
}
ul#siteMap li ul li {
	margin-bottom:0;
}
ul#siteMap li ul {
	margin:0;
	padding:0;
}

/* packaging */

div#pack {position:relative; height:530px;}
div#pack img, div#pack li {position:absolute}
div#pack ul {margin:12px; padding:12px; list-style:none;}
li.one {width:240px; top:25px;}
li.two {width:240px; top:115px;}
li.three {width:380px; top:200px;}
li.threeFR {width:300px; top:200px;}
li.four {width:300px; top:290px;}
li.fourFR {width:300px; top:290px;}
li.five {width:300px; top:412px;}
li.six {width:300px; top:480px;}
img.one {left:0px; top:25px;}
img.two {left:0px; top:115px;}
img.three {left:0px; top:200px;}
img.four {left:0px; top:290px;}
img.five {left:0px; top:412px;}
img.six {left:0px; top:480px;}
img.pack1 {right:0px; top:25px;}
img.pack1ES {right:0px; top:0px;}
img.pack2 {right:0px; top:280px;}
img.pack2ES {right:0px; top:220px;}
img.pack3 {right:0px; top:480px;}
img.pack3ES {right:0px; top:400px;}
img.pack3FR {right:0px; top:220px;}
img.line1 {right:38px; top:173px;}
img.line2 {left:22px; top:360px;}
img.line2FR {left:22px; top:270px;}
img.line3 {right:105px; top:275px;}
img.line4 {right:108px; top:445px;}
img.line5 {left:22px; top:533px;}


/* packaging */

table.packaging {
	width: 582px;
	margin: 0;
	table-layout:fixed;
}
table.packaging col#firstColumn {
	width:23px;
}
table.packaging col#secondColumn {
	width:219px;
}
table.packaging col#thirdColumn {
	width:95px;
}
table.packaging col#fourthColumn {
	width:245px;
}
table.packaging th {
	vertical-align:top;
	width:23px;
	padding-top:30px;
}
table.packaging td {
	vertical-align:top;
	padding-top:30px;
}
table.packaging td.descriptionNarrow {
	width: 219px;
}
table.packaging td.illustrationWide {
	width: 340px;
}
table.packaging td.descriptionWide {
	width: 314px;
}
table.packaging td.illustrationNarrow {
	width: 245px;
}
table.packaging td.descriptionNarrow img, table.packaging td.descriptionWide img {
	margin-top:5px;
}
table.packaging tr#firstRow th, table.packaging tr#firstRow td.descriptionNarrow {
	padding-top:28px;
}
table.packaging tr#firstRow td.illustrationWide {
	padding-top:20px;
}
table.packaging tr#secondRow th, table.packaging tr#secondRow td.descriptionNarrow {
	padding-top:23px;
}
table.packaging tr#thirdRow th, table.packaging tr#thirdRow td.descriptionWide {
	padding-top:34px;
}
table.packaging tr#fourthRow th, table.packaging tr#fourthRow td.descriptionWide {
	padding-top:57px;
}
html>body table.packaging tr#fourthRow th, html>body table.packaging tr#fourthRow td.descriptionWide {
	padding-top:60px;
}
table.packaging tr#sixthRow td.illustrationNarrow {
	padding-top:25px;
}
/* for French version of Packaging page */
div.french table.packaging tr#fourthRow th, div.french table.packaging tr#fourthRow td.descriptionWide {
	padding-top:29px;
}
html>body div.french table.packaging tr#fourthRow th, html>body div.french table.packaging tr#fourthRow td.descriptionWide {
	padding-top:32px;
}
div.french table.packaging tr#sixthRow td.illustrationNarrow {
	padding-top:35px;
}
div.rightColMap {
	position:relative; float:right; width:325px; margin:0 0 10px 10px; }
	
div.rightColMap img {
	margin-bottom:10px;
}