/*
 *  Unilever: Base stylesheetome
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: base.css,v 1.10 2007/08/29 17:10:38 bens Exp $
----------------------------------------------------------------------------- */

/* Global element styles
----------------------------------------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	text-align:center; /* Hack for IE5/Win */
	font-family:Verdana, Arial, Sans-Serif;
	font-size:111%;
	height:100%;
	background-repeat:no-repeat;
	background-position: 38% 100%;
}

/* Font scaling for language fonts */
body.font-plus1 { font-size:121%; }
body.font-plus2 { font-size:131%; }
body.font-plus3 { font-size:141%; }
body.font-plus4 { font-size:151%; }
body.font-plus5 { font-size:161%; }
body.font-plus6 { font-size:171%; }

img { margin:0; padding:0; border:0;}

.clearer {
	margin:0 0 19px 0;
	padding:0;
	height:1px;
	line-height:0px;
	clear:both;
	overflow:hidden;
	float:none !important; /* Fix Site Edit / Unilever bug - Ryan O'Dell */
}
.postit, .sep {
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	left: -10000px;
}

.hide{
	text-indent: -9999px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin:0;
}

p,h1,h2,h3,h4 {
	margin:0;
	padding: 0;
	font-weight:normal;
}

/* LISTS */
ul {
	list-style-type:disc;
	margin:0 0 0 1em;
	padding:0 0 0 1em;
}
ul li {
	padding:0 0 2px 0;
	margin:0;
}
ul li ul { list-style-type:square; }

.content ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.content li { margin: 5px 0 0 0; }

ol {
	margin-left:2em;
	padding-left:0
}
ol li { margin-bottom:5px; }

.singleBox ul, .duoBoxes ul,
.triBoxes ul, .caption ul {
	list-style-type: none;
}

ul.arrowlist {
	margin: 0;
	padding:0;
}

ul.arrowlist li {
	list-style-image:url(../../images/black_list_arrow.gif);
	margin:0 0 5px 30px;
	padding:0;
}

#videoChooser ul.arrowlist { margin:0 0 5px 17px; }
.videoForm ul.arrowlist li { margin-left: 27px; } /* Hacked for IE */

ul.pdfLink, ul.xlsLink, ul.pptLink,
ul.docLink, ul.binaryLink {
	list-style-type:none;
	margin: 10px 0 10px 0;
	padding:0;
}

ul.pdfLink li, ul.xlsLink li, ul.pptLink li, ul.docLink li {
	margin:0 0 5px 0;
	padding:0 0 0 0;
}

dl {
	list-style-type:none;
	margin: 10px 0 10px 0;
	padding:0;
}
dl dt {
	margin:0 0 5px 0;
	padding:0 0 0 0;
}
dl dd {
	margin:0 0 10px 0;
	padding:0 0 0 0;
}

/* need to display inline term*/ 
.newsRelease dl{
	margin:0;
	padding:0;
	text-indent:0;
}
/* approx width for date*/ 
.newsRelease dt {
	width:auto;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0;
}
.newsRelease dd {
	margin:0;
	padding-bottom:5px;
}

/* PARAGRAPHS */
p { margin-bottom:5px; }
.content p {
	font-size: 1.1em;
	line-height: 1.3em
}
#rightCol p { margin: 0px; }

/* main layout styles */
#wrap {
	height:100%;
	width:770px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
}
#wrap #mainCol .caption h3 { line-height: 1.1em }

#mainCol, #foot {
	float:left;
	width:555px;
	margin:0px;
	padding-bottom:120px;
	border-top:none;
	font-size: 0.60em;
}
#foot { margin-top: -120px }

.content {
	padding: 0 15px;
	margin: 0 0 30px 0;
}

#rightCol {
	margin: 0 0 10px 560px;
	font-size: 0.71em;
}

.brandlogo { 
	margin-right: 8px;
	margin-bottom: 14px;
}

#posStatement {
	margin: 14px 0 30px 0;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
	padding-left:15px;
}

#posStatement p { font-weight:bold; }

/* generic links
----------------------------------------------------------------------------- */
.arrowLink {
	padding-left: 10px;
	background: transparent url(../../images/black_arrow.gif) no-repeat 0px 0px;
	margin: 0px;
}

ul.arrowlist li a { padding:0; }

/* generic page styles
----------------------------------------------------------------------------- */
h1, #strapline {
	margin:1px 0 0 15px;
	font-size: 1.73em;
	padding:0;
	line-height: 1em
}

#mainCol h2 {
	margin:16px 0 8px 0;
	font-size:1.55em;
	line-height: 1.1em;
	clear: left;
}

#mainCol .content h2 { clear: both; }

fieldset.details h2 { padding-top: 1em; }

/* bottom margins for headings */
#mainCol h3 { margin: 8px 0 3px 15px; }
#mainCol .content h3 { margin-left: 0; }

#mainCol h3,
#mainCol h5,
#mainCol h4 {
	font-size:1.09em;
	line-height: 1.1em;
}

#mainCol h4 { font-weight:bold; }
#mainCol p { font-size: 1em }
#mainCol .content h4 { font-size: 1em; }

#mainCol .content h5 {
	font-weight: normal;
	font-size: 1em;
	line-height: 18px;
	margin: 0;
}

/* not used */
.imgFloatRight {
	float: right;
	margin:10px 8px 8px 8px;
}

.content .imgFloatRight {
	clear: right;
	float:right;
	margin:5px 0 5px 15px;
}

/* not used */
.imgFloatLeft {
	float: left;
	margin: 0 10px 10px 15px;
}

.content .imgFloatLeft {
	clear: left;
	float: left;
	margin: 5px 15px 5px 0;
}

.imgCentre {
	float: right;
	text-align: center;
	margin: 10px 0;
}

/* white container for centre images */
.imgPanel{
	background:#fff;
	text-align:center;
	padding:10px 0;
	margin-left:4px;
	margin-right:2px;
}
/* the above styles are not currently used but are left included so Unilever can use new modules with these styles  */

.textright { text-align:right; }
.textcenter{ text-align:center; }

em {
	font-weight:bold;	/* current menu item, country indication, etc. */
	font-style: normal
}

#mainCol em {
	font-weight:normal;	/* normal text use */
	font-style: italic
}

#mainCol .closing { margin-bottom:1em; }

/* skiplinks
----------------------------------------------------------------------------- */
#skiplinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#skiplinks li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#skiplinks a { /* Colour */
	font-weight: bold;
	position: absolute;
	top: 40px;
	left: 30%;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 1.2em;
	z-index: 1002;
}
#skiplinks a:active, #skiplinks a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 8px;
	background: #FFF;
	z-index: 10000;
}

/* header
----------------------------------------------------------------------------- */
#logo {
	float:left;
	margin:15px 0 15px 10px;
	width:77px;
}
a#logo { width:63px; }

#headerContent {
 /* position:relative;*/
  text-align:right;
  min-height: 100px;
  font-size: 0.65em;
  padding-bottom: 4px;
}

#headerContent ul {
	margin:3px auto 0 auto;
	padding:0;
}

#headerContent li {
	list-style-type: none;
	padding:0 5px 0 5px;
	margin: 0;
	display: inline;
	text-align: center;
	white-space: nowrap;
	font-size: 0.9em;
}

.happyMessage {
	font-size: 1.8em;	/* reduced from 2.2em */
	padding: 21px 0 1px 0;
	letter-spacing:-1px;
}

/* top navigation
----------------------------------------------------------------------------- */
#topNav {
	width: 555px;
	padding-bottom: 11px /*Hacked for IE 7 */
}
#topNav #primary {
	padding: 0;
	margin: 0;
}
#topNav #primary li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	min-height:25px;
	display: block;
	float: left;
	text-align: left;
}
#topNav #primary a {
	text-decoration: none;
	display: block;
	width: 170px;
	padding:2px 0 3px 15px;
	font-size:1.2em;
	font-weight:bold;
	line-height: 1.7em;
	min-height:22px;
}

/* navigation ref and trail
----------------------------------------------------------------------------- */
#navTrail {
	padding: 31px 0 3px 0 ;
	margin: 0 0 0 15px;
}
#navTrail li {
	display: inline;
	padding: 0 0 0 15px;
	margin: 0 0.5em 0 0;
	padding-left:0;
	line-height: 1.8em
}

/* brand gallery
----------------------------------------------------------------------------- */
.brandImages {
	width:525px;
	position:relative;
	margin: 0;
	height:0%;
}
.thumbnail {
	float: left;
	width: 125px;
	padding: 0 0 5px 5px;
	text-align:center;
}

/* horizontal boxes
----------------------------------------------------------------------------- */
.duoBoxes, .triBoxes, .wideBox {
	margin:0 auto 10px auto;
	width:555px;
	float: left;
}

.duoBoxes.unoBox {
	width: 273px;
	padding: 0;
	background-image: none !important;
}
.duoBoxes.unoBox .one { margin-right: 0 !important; }
.duoBoxes.unoBox FORM {
	padding: 0 !important;
	margin: 0 !important;
	width: auto;
}
.duoBoxes.unoBox FIELDSET {
	margin: 0 10px 0 15px !important;
	padding: 0 !important;
}

.singleBox{
	margin:0 auto 30px auto;
	padding: 0 0 10px 0;
}

.innerWrap p {
	margin-left: 0;
	margin-bottom: 15px;
}

/* individual floats needed to keep image Panel as block */
.triBoxes .one, .triBoxes .two,
.triBoxes .three, .duoBoxes .one,
.duoBoxes .two, .wideBox .one,
.wideBox .two {
	float: left;
	margin-bottom: 1em;
	overflow:hidden;
}

.singleBox h4, .duoBoxes h4,
.wideBox h4, .triBoxes h4 {
	padding: 5px 15px 5px 15px;
}
.duoBoxes h2, .wideBox h2,
.triBoxes h2{
	padding: 0 15px 0 15px;
}

.duoBoxes .one {
	width: 273px;
	margin-right:8px;
}

.duoBoxes div p, .singleBox p,
.wideBox div p, .triBoxes div p,
.duoBoxes div p {
	margin: 0 10px 13px 15px;
	padding-bottom:0px;
}
.singleBox .caption p { margin-left:0; }
.duoBoxes img { margin-left:15px; }

.duoBoxes div p, .singleBox p,
.wideBox div p, .triBoxes div p {
	font-size: 1.1em;
	line-height: 1.4em
}

.duoBoxes .two { width:273px; }
.duoBoxes .two h2 { padding-left: 14px }

/* fix for advert page, uses a 3/4 1/4 split */
#videoChooser {
	height: 286px;
	width: 320px;
}

.duoBoxes div p { margin: 0 15px 10px 15px; }
.duoBoxes div h3 { margin: 0 15px 0 15px; }

.triBoxes h5, .duoBoxes h5,
.singleBox h5, .wideBox h5 {
	margin: 8px 3px 2px 0;
}

.singleBox p, .singleBox h2,
.singleBox h3, .singleBox h5,
.one h3, .two h3,
.one h5, .two h5,
.three h5 {
	margin-left: 15px;
	margin-right: 15px;
}

/* override margin for capsule type 3 with left image */
.one .caption .thin h5{
	margin-left: 0;
	margin-top:0;
}
.wideBox .one {
	width:371px;
	margin-right:6px;
}
.wideBox .two { width:177px; }
.wideBox .one p, .wideBox .two p,
.wideBox .one dl, .wideBox .two ul,
.wideBox .one dt, .wideBox .two dt,
.wideBox .one dd, .wideBox .two dd,
.duoBoxes .one p, .duoBoxes .two p,
.duoBoxes .one dl, .duoBoxes .two dl {
	margin:0 15px;
}

.triBoxes .one {
	width:183px;
	margin-right:3px;
}
.triBoxes .two {
	width:178px;
	margin-left:2px;
	margin-right:2px
}
.triBoxes .three {
	width:182px;
	margin-left:4px
}
.triBoxes h4 a:hover { font-weight: bold; }
.triBoxes .three h4 { margin-left: 0; }
.triBoxes div p {
	margin: 10px 3px 10px 15px;
	padding-bottom:0px;
	font-size: 1.1em;
}
.triBoxes ul, .duoBoxes ul,
.singleBox ul {
	margin: 10px 15px 10px 15px;
	padding:0;
}

.triBoxes p, .duoBoxes p,
.singleBox p {
	margin-right: 15px;
	line-height: 1.4em
}

.duoBoxes div h4, .wideBox div h4, .singleBox h4, .triBoxes h4, singleTable thead { margin-bottom:5px; }
.duoBoxes p, .wideBox p { margin-top:2px; }

.duoBoxes.right{
	background-image:url(../../images/white_279px_border.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

.duoBoxes .oneinfo {
	float: left;
	margin-bottom: 1em;
	width: 275px;
	margin-right:8px;
	background-color: #FFFFFF !important;
	background-image: none !important;
	padding: 0;	
}

.triBoxes .img-pane-cont { 
	float: none;
	width: auto;
}
.triBoxes .img-pane { 
	float: none;
	margin: 0 4px;
	width: auto;
	background: white;
	text-align: center;
}
.triBoxes .img-pane IMG { margin-bottom: 0 !important; }
			
/* footer navigation
----------------------------------------------------------------------------- */
#footerNav {
	text-align:center;
	margin:10px 0 15px 0;
}
#footerNav ul {
	margin:0 auto 0 auto;
	padding:0;
}
#footerNav ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
	text-align: center;
	white-space: nowrap;
}
#footerNav a {
	text-decoration: none;
	padding:0 10px 0 10px;
}
#footer a { 
	padding:0;
	text-decoration: none;
}
#footerNav a:hover, #footer a:hover { text-decoration: underline; }

/* footer
----------------------------------------------------------------------------- */
#footer {
	display:block;
	position:relative;
	text-align:center;
	font-size: 0.9em;
	margin:10px 0 0 0;
}

/* side column
----------------------------------------------------------------------------- */
#rightCol { font-size: 0.6em; }
#rightCol a { font-size:0.9em; }

#rightCol h2 {
	position:relative;
	font-size:1em;
	font-weight:bold;
	padding: 3px 0 4px 10px;
}

#top h2 {
	position:relative;
	font-weight:bold;
	padding: 8px 0 5px 10px;
}

#searchContainer {
	min-height:27px;
	background-color:#f7deb9;
	margin: 0;
	padding:0;
}

#submitSearch {
	width: 30px;
	margin-bottom: 2px
}

#navContainer {
	position:relative;
	width: 211px;
}

#navContainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* side column - navigation
----------------------------------------------------------------------------- */
#top { margin: 10px 0 20px 0; }
#middle h2 { margin: 0px 0 13px 0; }
#midBottom h2 { margin: 20px 0 13px 0; }
#bottom h2 { margin: 20px 0 13px 0; }
#bottom { padding-bottom:17px; }
#rightCol p { margin:5px 10px; }
.level2 { position:relative; }

.level2 li { /* Hacked for IE 7 to prevent doubled background issue */
	margin: 0;
	font-size:1.1em;
	height: 1%;
}
.level2 a {
	text-decoration: none;
	display: block;
	padding: 3px 0 3px 20px;
}
.level2 a.active{
	padding: 3px 0 3px 20px;
	background-image:none!important;
}

#level3 {
	position:relative;
}

/* 3rd-level items ------------------ */
ul#level3 li { font-size:1.1em;}

ul#level3 li a {
	display: block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}

/* 4th-level items ------------------ */
ul#level3 ul li { font-size:1em;}

ul#level3 ul a {
	display: block;
	padding: 3px 10px 3px 18px;
	text-decoration: none;
}

ul#level3 #this ul a,
#bottom ul.level2 a,  #top ul.level2 a {
	background-position:10px 2px;
}

/* 5th-level items ------------------ */
ul#level3 ul li ul li { margin: 0; font-size:1em;}

ul#level3 ul li ul a {
	display: block;
	padding-left: 26px;
	text-decoration: none;
}

ul#level3 ul #this ul a { background-position:18px 2px; }

/* 6th-level items ------------------ */
ul#level3 ul li ul li ul li{ margin: 0; font-size:1em;}

ul#level3 ul li ul li ul a {
	display: block;
	padding-left: 34px;
	text-decoration: none;
}

ul#level3 ul li ul #this ul a { background-position:26px 2px; }


/* 7th-level items ------------------ */
ul#level3 ul li ul li ul li ul li{ margin: 0; font-size:1em;}

ul#level3 ul li ul li ul li ul a {
	display: block;
	padding-left: 42px;
	text-decoration: none;
}

ul#level3 ul li ul li ul #this ul a { background-position:34px 2px; }

a.active {
	background-image:none;
	font-weight:bold;
	padding-left:0px;
}

/*
Captioned pictures
----------------------------------------*/
div.caption {
	width:270px;
	float:left;
	margin:0 0 10px 0;
}

/* fix margins when inside duobox */
.duoBoxes div.caption {
	margin-top:1em;
	margin-bottom:0px;
}

/* remove margin to caption wide and clearer when inside singlebox */
.singleBox .caption.wide, .singleBox .clearer { margin-bottom:0; }
div.caption img {
	float:left;
	margin: 0 0 0 15px
}
div.caption div {
	margin:0 0 0 15px;
	float: left;
	width: 134px;
}

#mainCol div.caption h2, #mainCol div.caption h3 { margin:0 0 5px 0; }

div.caption p {
	margin-bottom:0px;
	line-height: 1.4em
}

/*
wide spread pics
----------------------------------------*/
div.caption div.wide { width:140px; }
div.wide { width:auto; }
div.wide div.wide {
	width: 380px;
	margin:0 0 0 15px;
}

/*
thin pics
----------------------------------------*/
div.caption div.thin { float:left; }
div.caption div.thin p { margin-left:0; }

/*
medium pics
----------------------------------------*/
div.caption div.medium {
	width: 132px;
	float:left;
}
div.caption div.medium p { margin-left:0; }

/*
video and captions
---------------------------------------*/
.video div, .video img, .video object { float: left; }

/* Pullouts
----------------------------------------*/
.two.tip {
	margin-top: 5em;
	border: 1px solid;
	padding: 15px;
	width:240px
}
#mainCol .two.tip h2 { 	margin-top:0.5em; }

/*
Personal evaluation tables added 2005-01-07
------------------------------*/
.company form.pet table caption,
.company form.pet table th,
.company form.pet table td {
	text-align: left;
	padding: 5px 15px;
}

.company form.pet table caption { padding-top: 30px; }
.company table caption.first { padding-top: 0 }
.company form.pet table .form.pet-grouping { padding: 5px 10px; }

.company form.pet table .header-group th {
	text-align: center;
	padding: 5px 5px;
	font-weight: normal
}

.company form.pet table.ratings td,
.company form.pet table.ratings th { border: 1px solid }

/*
share tables and share tools
----------------------------------------*/
.shares{ padding-left:15px; }
.shares td, .shares tr { padding:4px; }
.shares thead th{
	border-bottom:2px solid #fff;
	padding:4px;	
	font-weight:bold;
	empty-cells:show;
}

.sharetools .chart {
	width: 100%;
	margin: 8px 0;
	text-align: center;
}

.sharetools input.submit { width: auto; }

/*
tables
---------------------------------------*/
th, td, table { border-collapse: collapse }

/* need to add individual indent with no margin bottom */
.indent { padding: 0 15px; }

/* singleTable style */
.singleTable {
	text-align: center;
	width: 100%;
}

.singleTable th{
	padding: 4px;
	font-size: 1.1em!important;
	font-weight: bold
}

.singleTable td, .singleTable th { border-bottom:1px solid #fff; }
.singleTable td { padding: 3px 3px; }
.singleTable tr { text-align:left; }

.singleTable th {
	font-size: 1.1em!important;
	font-weight: bold
}

p.note { text-align: left; }
.singleTable .firstRow, .singleTable .title, p.note { padding-left:10px; }
.singleTable .number { white-space: nowrap; }
.singleTable table .number { text-align: right; }
#unileverListens .duoBoxes .one .fix { margin-left:0; }

#mainCol form:after	{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Pagination
-----------------------------------------*/
.pagination { margin-top: 2em; }
.page-nos .current-page { font-weight: bold; }
.page-nos A { margin-left: 0.2em; }

/* Older version styles */
.pagination UL {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination LI {
	float: left;
	width: auto;
	white-space: nowrap;
	border-right: 1px solid;
	margin: 0;
	padding: 0 4px;
}
.pagination LI A { font-weight: bold; }
.pagination LI.page-previous { padding-left: 0; }
.pagination LI.page-next {
	border: none;
	padding-right: 0;
}


/* Static Brand Carousel
-----------------------------------------*/
.static-carousel {
	margin: 10px 5px 0 5px;
	padding: 0 4px 0 5px;
	width: 535px;
	background: white;
}
ul.static-carousel-items {
	margin: 0 !important;
	padding: 0 !important;
}
ul.static-carousel-items li {
	float: left;
	width: 75px;
	height: 75px;
	overflow: hidden;
	margin: 0 !important;
	padding: 2px 6px !important;
	text-align: center;
	background: white;
	border-left: 1px solid #ececec;
}
ul.static-carousel-items li.first-item { border-left: 0; }
ul.static-carousel-items li a { display: block; }
ul.static-carousel-items li img {
	width: 75px;
	height: 75px;
}

/*
the brand carousel
-----------------------------------------------*/
.carousel {
	text-align: center;
	margin-bottom: 14px;
}

/*
Competency results diagramme
--------------------------------------------*/
.company .competency ul,
.company ul.competency {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

.company div.neutral { padding-top: 3.5em }

.company .competency li {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

.company .competency h4 a { text-decoration: underline; }
.company div.competency { border-top: 1px solid; }
.company div.neutral-y { padding-top: 15px; }

/*
Search results page
---------------------------------------*/
.searchIntroP { margin: 13px 0 8px 0; }
.searchResults h2 a { text-decoration: underline !important; }

.searchResults h2 { 
	font-size: 1.1em !important; 
	margin-bottom: 0px !important;
}

.searchResults p {
	margin: 0!important;
	padding: 0!important;
}

.searchResults p.resultProp {
	color: #999;
	margin: 0!important;
	padding: 0!important;
}

.searchResults .onSite {
	color: #999;
	font-size: 0.9em
}

.pageList {
	height: 15px;
	border-top: 1px solid #564DB0;
	padding: 9px 0
}

.resultProp em {
	font-style: normal !important;
	color: #000;
}

/*
Presentations and speeches
---------------------------------------*/
#presentation-selector select { left: 15px; }

#presentation-selector .submit {
	position: relative;
	top: -1.5em;
	margin-left: 334px !important;
}

/* Recipes
-----------------------------*/
FORM.recipe-form {
	display: inline;
	width: auto;
}
.recipe-finder-advanced { 
	margin: 0;
	padding: 0 15px 0 0;
}
.recipe-finder { 
	float: left;
	margin: 0;
	padding: 0;
	width: 263px;
	border: 0; 
}
.recipe-finder .clearer, .recipe-finder-advanced .clearer { margin-bottom: 0 !important; }
.recipe-finder H2, .recipe-finder-advanced H2 { margin-top: 0 !important; }

.recipe-finder-select { /* Hacked for IE */
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 250px;
}
.recipe-finder-select P {
	margin-bottom: 1.5em;
	margin-right: 20px;
}
.recipe-finder-select LABEL {
	display: block;
	float: left;
	margin: 0.3em 3px 0.5em 0;
	width: 105px;
}
.recipe-finder-select SELECT { /* Hacked for IE */
	display: block;
	float: left;
	margin: 0 0 0.5em 0;
	width: 140px;
}
.recipe-finder-select-options { 
	clear: both;
	margin: 0;
	padding: 0;
}
.recipe-finder-select-options INPUT { border: 0 !important; }
.recipe-finder-select-options LABEL {
	position: relative;
	top: -3px;
	display: inline;
	float: none;
	margin: 0 3px 0 0;
	width: 105px;
}
.recipe-finder-select-options P { 
	margin: 0;
	padding-bottom: 0.2em;
	width: 100%;
	font-size: 0.8em !important;
}

.recipe-finder-actions {
	clear: both;
	padding-top: 5px;
	text-align: right;
}
.recipe-finder-actions INPUT.submit { width: auto; }
.recipe-finder-actions UL {
	list-style: none;
	margin: 0.6em 0 0 0;
	padding: 0;
}
.recipe-finder-actions LI {
	margin: 0 0 0.3em 0;
	padding: 0;
}

.recipe-finder-options {
	float: left;
	margin-left: 18px;
	padding: 0;
	width: 240px;
}
.recipe-finder-options P { margin-bottom: 1.3em; }
.recipe-finder-options INPUT {
	float: left;
	margin: 0;
	border: 0 !important;
}
.recipe-finder-options LABEL { /* Hacked for IE 6*/
	float: right;
	margin: 0 0 0 0;
	width: 214px;
}
.recipe-finder-options INPUT, .recipe-finder-options LABEL { margin-bottom: 0.5em;  } /* Hacked for IE 6*/

.top-recipes { /* Hacked for IE */
	float: right;
	margin: 0 30px 0 0;
	width: 240px;
}

.top-recipes H2 { margin-top: 0 !important; }

.top-recipes UL, Ul.recipe-results {
	list-style: none;
	margin: 1.4em 0 0 0;
	padding: 0;
}

.top-recipes LI, .recipe-results LI { /* Hacked for IE 6*/
	position: relative;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 0 97px;
	min-height: 77px;
}

.top-recipes LI IMG, .recipe-results LI IMG { 
	position: absolute;
	left: 0;
	top: 0;
	width: 87px;
	height: 77px;
}

Ul.recipe-results { margin: 2.4em 0; }
.recipe-results A {
	display: block;
	margin: 0 0 0.4em 0;
	font-size: 1.2em;
}

/* Recipe page
-------------------------------------------*/
.recipe-properties P.recipe-thumb {
	margin: 0 0 10px 0;
	width: 125px;
	height: 110px;
}

.recipe-ingredients {
	float: left;
	width: 340px;
}
.recipe-ingredients UL {
	list-style: none;
	margin: 0;
	padding: 0;	
}
.content .recipe-properties H2 {
	margin: 0 0 3px 0 !important;
	font-size: 1.09em !important;
	line-height: 1.1em;
}
.content .recipe-ingredients H2 { margin-bottom: .7em !important; }
.content .recipe-qualities H2 { font-weight: bold; }

.recipe-qualities {
	float: right;
	padding: 0;
	width: 125px;
}
.recipe-qualities UL { 
	margin: 0 0 1em 0; 
	padding: 0; 
	list-style: none;
}
.recipe-qualities LI {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 17px;
	min-height: 10px;
}

.recipe-qualities P.recipe-nutri-link { 
	margin: 0; 
	font-size: .8em !important;
	line-height: normal;
}
.recipe-qualities P.recipe-nutri-link A { 
	display: block;
	padding: 3px 3px 3px 37px;
	text-decoration: none;
}

.oneinfo H2 {
	padding-left: 0px;
	margin-top: 0px !important;
}

/* added meal info */
.recipe-ingredients H2#mealinfofirst { margin-top: 7px !important; }

.duoBoxes .two.info { width: 271px !important; }
.caption.meal { width: 170px !important; }
/* end meal info */

/*
DAily intake and recipe nutri info table
___________________________________________ */
TABLE.daily-intake-table TBODY { background: none; border-collapse: collapse; }
.daily-intake-table TD, .daily-intake-table TH {	
	text-align: center;
}
.daily-intake-table TD {
	width: 60px;
	vertical-align: bottom;
	background: #FFF url(/images/recipe_intake_tdbg.gif) left bottom repeat-x;
	color: #D58137;
}
.daily-intake-table TD SPAN {
	display: block;
	margin: 10px auto -1px auto;
	width: 30px;
	background: #F7DEB9 url(/images/recipe_intake_barbg.gif) left bottom repeat-x;
}
.daily-intake-table TFOOT TH { 
	padding: 7px 5px 0 5px;
	width: 50px;
	vertical-align: top;
	border-top: 1px solid #FAEBD5;
	font-weight: normal;
}

.nutri-info-table { margin-top: .6em; }
.nutri-info-table TBODY { background: none !important; }
TABLE.nutri-info-table TH { 
	font-weight: normal;
	padding-right: 1em;
	text-align: left;
}
TABLE.nutri-info-table TH, TABLE.nutri-info-table TR {
	padding-bottom: .3em;
}

/* Can't find it page Bensm 100807
_____________________________________________*/

/* Create inline list for letters */
.content .alphabet {
	float:left;
	list-style-type:none;
	margin-left:0;
} 

.content .alphabet li {
	float:left;
	margin-right:1.9em;
}

/* Remove bullets from brand names */
.content .brandlist {
	list-style-type:none;
	margin-left:0;
}

.content .brandlist li ul {
	list-style-type:disc;
}

/*
Additions Dan B 290906
___________________________________________ */
.share_smallprint {
	font-size:82%;
	margin-bottom:1.5em;
	text-align:center;
}

.icon {
	vertical-align:text-bottom;
	border:none;
}

.duoBoxes .two .IR_two p,
.duoBoxes .two .IR_two .newsRelease,
.duoBoxes .two .IR_two .arrowlist,
.duoBoxes .two .IR_two h2 {
	margin-left:0;
	padding-left:0;
}

.duoBoxes .two .IR_two .newsRelease dl {
	margin-left:0;
	padding-left:0;
}

.duoBoxes .two .IR_two .arrowlist li {
	margin-left:17px;
	padding-left:0px;
}

.singleTable td.nobordercol {
	border:none;
	font-weight:bold;
}

.singleTable td.nobordercol_n { border:none; }

.clearer_nomargin {
	margin:0;
	padding:0;
	height:1px;
	line-height:0px;
	clear:both;
	overflow:hidden;
	float:none;
}

ul.arrowlist li a img {
	padding:0;
	margin:0 0 -5px 7px;
}

.chartControls {
	float: left;
	width: 200px;
	margin-right:-20px;	
}

.chartControls .chartControlElement {
	margin: 0;
	padding-bottom: 2px ;
	width: 200px;
	font-size:1em;
}

.chartControlSize { font-size:1.1em }

.share_compare {
	margin:0 15px 0 15px;
	padding:0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:110%;
}

.share_compare td.checkbox{
	margin:0 0 0 15px;
	padding:0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:110%;
}

.chartControls .chartControlElementAttribute {
	float: left;
	padding-right: 5px;
	margin-right: 2px;
	
}

.results_pagenos { float:right; margin-top:-1.2em; }
.resultscopy h4 { margin:0.8em 0 0.2em 0; }

.results_header {
	border-left: solid 82px;
	margin: 0 0 30px 15px;
	padding-left:10px;
}

.share_details {
	font-size:90%;
	line-height:140%;
	margin:0 0.5em 1.5em 1em;
}

.keyword { width: 130px; }

.or {
	 font-weight: bold;
	 margin: 0 12px 0 0px;
}

.caption .imgFloatRight, .arrowlist .imgFloatRight  {
  float: none !important;
  margin-top: 4px !important;
  margin-bottom: -2px !important;
}

.embeddedScript {
	width: 290px !important;
	padding-left: 10px !important;
	padding-bottom: 10px !important;
	float: right !important;
}

.downloads .includesSummary TD { border-bottom-color: #FEF0FE !important; }

.downloads .summaryText {
	border-bottom-width: 1px !important;
	border-bottom-color: #FFFFFF !important;
	border-bottom-style: solid !important;
}
.downloads input{
	margin:0;
	padding:0;
	width:14px;
	height:14px;
}
.downloads input.submit{ height: auto; }
.downloads td { /*padding:5px 5px 0 5px;*/ padding: 5px; }
.downloads td.summaryText { padding:1px 5px 10px 5px; }
.downloads .resMore{
	padding:5px;
	background-color: rgb(252, 198, 217);
}
.content .singleBox {
	margin-left:-15px;
	margin-right:-15px;
}
	

/*START reduce spacing between page elements on new investorcentre */
.company .duoBoxes h2 { margin-top:0 !important; }

.company .duoBoxes .one,
.company .duoBoxes .two,
.company .duoBoxes .arrowlist{
	margin-bottom:0 !important;
}
/*END */	

.company .duoBoxes .one p { margin-right:13px; }
.company .duoBoxes .two  .arrowlist { position:relative; }

#btnSubmit2111 {
	width:80px;
	font-size:1.1em;
	margin:10px 0 10px 5px;
}
	
#content2111 {
	margin-left:15px;
	margin-right:5px;

	}
	
#content2111 h5 {
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
}

#content2111 .formBorder {	
	border: 1px solid #EB34C1; 
	/* height:12px;  Removed by Paul Durdin 5/11/2008 on advice from Nicholas Kelly (LBi) */
	width:300px;
	font-size:1.1em;
	margin:5px 5px 5px 5px;
}

#content2111 .formBorder2 {	
	border: 1px solid #EB34C1; 
	width:300px;
	font-size:1.3em;
	margin:5px 5px 5px 5px;
}

.jobcat2111 { margin-right:30px;}

.formIndent { margin-left:5px; }

.tableTop2111 { vertical-align: text-top; }

.jobBasket2111 {
	background-color:#FCC6D9;
	width:auto;
	height:auto;
	margin-left:-20px;
	color:#FCC6D9;
	padding:4px 5px 3px 10px;
}

#backtotop {
	float:right; 
	clear:both;
	display:block; 
	padding-left:10px;
	padding-right:10px;
	margin-top:-30px;
	margin-bottom:5px;
	margin-right:5px;
	background: url(../../images/up_arrow.gif) left no-repeat; 
}
	
.SearchJObs2411 {
	margin-left:40px;
	font-size:1.1em;
}
	
.feedback2111 {
	position:relative;
	left:10px;
	margin-left:5px;
}

.IRdropdown { font-size:1.1em }
		
.login0512 {
	padding-right:178px;
	float:right;	
}
	
.downloadManager {
	float:right;
	padding-right:114px;
	margin-top: 10px;
}
	
.IRpaging {
	margin:10px 0 10px 0;
	text-align:right;
}

.CountrySelectionTD { padding-top: 40px; }
	
.dManager{ display:inline; }

.dItems {
	padding-left:15px;
	float:left;
	margin-top:-10px;
}
	
.dView {
	padding-right:15px;
	float:right;
	margin-top:-10px;
}
/*Added styles for investor centre download area */
p.loading-icon { text-align: center; }

/*bug fix for the Russian summary display problem not an ideal solution
#mainCol .content { clear: both; }*/

/* NT: fixing duplicate character box as per Ryan's email 06/02/07 */
BODY.company .duoBoxes .two { margin-right: -3px; }



/*
 *  Unilever: FORMS
 *  This section of the stylesheet controls the form elements within U.com 
 *  Styles pertaining for forms ONLY may be added here
----------------------------------------------------------------------------- */
form {
	margin:0; 
	padding:0;
	font-size: 1em !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content form { width:auto; }
form .noBorder { border: 0px solid #fff; }
fieldset { border:none; }
fieldset input, select { border: 1px solid #564DB0; }
fieldset select {
    font-size: 1em;
    font-family: Verdana, Arial, Sans-Serif;
	border: 1px solid #ccf;
}
.brands select { border: 1px solid #FDAD36 !important; }
.values select { border: 1px solid #71C804 !important; }
.company select { border: 1px solid #C82387 !important; }
.melon select { border: 1px solid #CC3366 !important; }

.submit:focus {
    background-color: rgb(145, 140, 205) !important;
    color: rgb(255, 255, 255) !important;
    font-weight: normal !important;
}

.antirobot {
	position: relative;
	top: 10px;
	left: 125px;
	width: 335px;
	margin-bottom: 10px;
}
p.antirobot {
	position: relative;
	left: 125px;
}

/*
boxes
------------------------------*/
.singleBox form {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}
.wideBox form {
	margin: 0;
	padding: 0;
}

.duoBoxes form, .triBoxes form { margin: 0 0 1em 1.4em; }
.duoBoxes select { width: 209px; }
.duoBoxes.notint .two form,
.duoBoxes .two form { 
	margin-left:0;
}
.two FIELDSET.jump { margin-left: 15px; }

/* Needed to fix polls not sure of knock-on effects */
.triBoxes.notint .one form, .triBoxes .one form,
.triBoxes.notint .two form, .triBoxes .two form {
	margin-left: 0;
}
.triBoxes.notint .three form,
.triBoxes .three form {
	margin-left:0;
}
.triBoxes select { width: 114px; }

/*
press releases
------------------------------*/
fieldset.pressRelease {
	margin:0;
	padding:0;
}
fieldset.pressRelease label {
	display:block;
	margin-bottom:5px;
}
fieldset.pressRelease input { margin-right: 2px }
fieldset.pressRelease #fromYear, 
fieldset.pressRelease #toYear {
	width:70px;
}
/*
fieldset.pressRelease #fromMonth,
fieldset.pressRelease #toMonth {
	width:100px;
}
*/

/*
search
------------------------------*/
.search {
    width: 153px;
    font-size: 1em;
    margin:0 6px 0 0;
    padding-left:2px;
}
#searchContainer form {
    margin:0;
    padding:4px 0 2px 10px;
}

/*
submit buttons
------------------------------*/
input.submit     {
	width: 30px;
	cursor:pointer;
}
#rightCol .submit { margin-left: 0 }
.submit:focus {
	/*background-color: rgb(145, 140, 205) !important;
	color: rgb(255, 255, 255) !important;*/
	font-weight: normal !important;
}
fieldset.list .submit,
.poll .submit,
.suggestion .submit,
.details .submit,
.messages .submit
/*fieldset.alertlist .submit,
.unsub .submit,*/ 
{
	float: right
}

/*
drops
------------------------------*/
#dropDown form, #top form {
    margin:0 0 0 10px;
    font-size:1.2em;
}

.dropLink {
    margin:3px 0 5px 10px;
    font-size: .9em;
}
.dropLink a { font-size: 1em !important; }

#dropDown select, #top select { font-size:1em; }

/*
.list
------------------------------*/
fieldset.list {
	width:341px;/* added 6px to allow for html-form */
	position: relative;
    border:none;
    margin-left:115px;
}
fieldset.list label {
    display: block;
    margin-bottom: 1em;
    clear:both;
}
fieldset.list input{
    float: left;
    width: auto;
}
fieldset.list select { float:right; }
fieldset.list P.hang-left {
	position: absolute;
	left: -115px;
	width: 100px;
}

.suggestion .submit { margin-right: 4px }
.suggestion #brand { margin-right: 3px }

.messages .submit { margin: 10px 16px; }
.details .submit { margin-right: 10px; }

/*
details
------------------------------*/
fieldset.details {
	width:350px;
	display: block;
}
fieldset.details input,
fieldset.details select,
fieldset.details textarea {
	position: relative;
    top: -1.4em;
    left: 125px;
    width:335px;
}
/* add 6px to select box */
fieldset.details select { width:341px; }
fieldset.details .submit { width:auto; }
fieldset.details label {
	clear: both;
	float: left;
	margin-top: -1em;
	padding-bottom:10px;
	width:100px;
}
/* !!!Under development!!! 
fieldset.details .leftcolumn
{
	clear: both;
	float: left;
	margin-top: -1em;
	padding-bottom:10px;
	width:100px;
	border: 1px solid red;
}
 --- */
fieldset.details .firstLabel { margin-top: 1em; }

/*2006-08-21 fixes to checkboxes floating next to each other by heleno*/
fieldset.checkboxes{
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}
fieldset.details {
	margin: 2em 0 0 0;
	padding:0;
}
fieldset.details label {
	clear: both;
	float: left;
	margin: -1em 0 0 0;	
	padding:0 0 10px 0;
	width:100px;
}
fieldset.details fieldset.checkboxes .sudo-label {
	float: left;
	width: 100px;
}
fieldset.details fieldset.checkboxes .checkbox-cont {
	float: right;
	width: 300px;
	margin-right: -70px !important;
}
fieldset.details fieldset.checkboxes input{	
	float: none;
	width: auto !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	position: static;
	left: auto !important;
	top: auto !important;
	display: inline !important;
}
fieldset.checkboxes label {	
	float: none !important;
	width: auto !important;
	margin: 0 0 0 0 !important;
	padding: 0 !important;
	position: static !important;
	left: auto !important;
	clear: none !important;
	display: inline !important;
	top: auto;	
}
fieldset.checkboxes.last {
	_margin-top: -10px !important;
	padding-top: 0px;
}

/*
suggestions
------------------------------*/
fieldset.suggestion {
    clear:both;
    display: block;
	margin:5px 0 1em 0;
	padding:0;
}
fieldset.suggestion input {
    width: auto;
    margin: 4px 0 5px 0;
}
fieldset.suggestion select { float:right; }
fieldset.suggestion textarea {
    width:250px;
    margin: 4px 0 5px 0;
}

/*
polls
------------------------------*/
fieldset.poll {
	padding-top:10px;
    margin-left:10px;
    width: 240px
}
.triBoxes fieldset.poll { width: 155px; }
.wideBox .two fieldset.poll { width: 155px; }
fieldset.poll label {
    display: block;
    margin-bottom: 1em;
    clear:both;
}
fieldset.poll .firstLabel { margin-top: 1em; }
fieldset.poll input {
    float: left;
    width: auto;
}

/*
messages
------------------------------*/
fieldset.jump, fieldset.messages {
	padding:0;
	margin:0;
}
fieldset.messages { margin: 0 0 1em 0; }

/* used margin on individual elements due to ie/moz inconsistencies */
fieldset.messages textarea {
	width:338px;
	padding:0;
	margin: 0 0 0 15px;
}

fieldset.messages input,
.singleBox fieldset.jump select {
	padding:0;
	margin: 0 0 0 15px;
}

fieldset.messages input { width:auto; }

#formID { width: 522px; }

#top select
    {
        width: 161px;
        
    }
/*
.videoForm form
{
    margin: 0 0 auto 15px;
    padding: 0
}

.videoForm form fieldset.poll
{
    margin: 0;
    width: 130px;
    padding-left:0;
}*/

/*
Personal evaluation tables added 2005-01-07
-------------------------------------------------
.company fieldset.evaluation
{
	text-align:right;
	padding: 5px 15px;
	clear: both;
	width:525px;
	margin-left:0px;


}

.ratings {
position:relative;
width:555px;
left:-15px;

}


.ratingsheader {
background-color:#FCC6D9;
margin:5px;
height:30px;

}

.ratingsbody{
background-color:#FEF0FE;
margin:5px;
height:30px;
border-bottom:1px solid #ffffff;
}


.company form.pet table.ratings td textarea
{
	width: 130px
}

.company form.pet table.ratings
{
	width: 100%
}

.company form.pet table.lowmediumhigh
{
	width: auto
}

.company form.pet table.lowmediumhigh td,
.company form.pet table.lowmediumhigh th
{
	width: 30px
}

.company form.pet table.lowmediumhigh td
{
	text-align: center
}
*/

/*
company form
------------------------------*/
.company form.pet div.prioritize {
	padding: 5px 0 5px 0;
	float: left;
	width: 100%;
}
.company form.pet div.prioritize fieldset {
	width: 100%;
	float: left;
	border-bottom: 1px solid;
	margin-left:-10px;
	margin-top:0px;
}
.company form.pet div.prioritize fieldset label {
	width: 30%;
	float: left;
	margin-top:2px;	
}
.company form.pet div.prioritize fieldset label.first {
	text-align: right;
	width: 50%;
}
.company form.pet div.prioritize fieldset input {
	float: left;
	border: none;
	margin-top:0px;
}

.company #goals span { font-weight: bold }

.company .lowmediumhigh { float: right }

.company div.question {
	clear: both;
	padding-top: 30px
}
.company div.question div {
	float: left;
	width: 20em;
	margin-right: 23px;
	padding-left: 15px;
}

.company fieldset.notes input.submit {
	float: right;
	margin-right: 28px
}

.company fieldset input.back { float: left }
.company fieldset input.next { float:right }

/*
search forms
------------------------------*/
.searchForm {
	border: 1px solid #564DB0;
	border-width: 1px 0;
	padding: 10px 0;
	margin: 0;
}
.searchForm label {
	vertical-align:middle;
	margin-right: 3px;
}
.searchForm input {
	vertical-align:middle;
	border:1px solid #564DB0;
}
.searchForm .submit { width: auto; }

/*
3rd party form rules
------------------------------*/
.searchForm .searchOptAdv select {
	width: 159px;
	font-family: Verdana;
	font-size: 1em;
	margin: 4px 0 0 3px;
}
searchForm .searchOpt input {
	margin: 0;
	border:0;
}
.searchForm .searchOpt label {
	margin: 0;
	border:0;
}
.searchForm .searchOptAdv {
	margin-top: 12px;
	border-top: 1px solid #564DB0;
	padding-top: 7px;
	height: 24px;
}
.searchForm .searchOptAdv p {
	width: 189px;
	height:24px;
	float: left;
	padding-top: 6px;
}
.searchForm .searchOptAdvDrop {
	float: right;
	width: 330px;
}
.searchForm .searchOpt { margin: 4px 0 0 87px; }


/*
Form validation styles
------------------------------*/
.error input, .error select, .error textarea {
	border-color: red!important;
	background-color: #FFF2F2;
	font-weight: normal;
}
.error p {
	color: red!important;
	width: 500px;
	clear: both;
	margin: 0 0 2em 0;
	padding-left: 17px;
	background: url(../../images/info_icon.gif) 0 1px no-repeat;
}
.error label {
	color: red!important;
	font-weight: bold;
}
.error p.first { margin: 1em 0 0 0; }

/* 2006-02-03 added styles to fix issues of buttons not floating next to each other and the date of  birth fields not floating next to each other */
fieldset.actions input {
	width: auto;
	position: relative;
    top: -1.4em;
    left: 115px;
}
#date-of-birth {
	clear: both;
	margin-top: -1.4em;
}
#date-of-birth label { float:none; }
#date-of-birth select {
	float: left;
	width: 113px;
}
fieldset.details #date-of-birth p {
    position: relative;
    left: 115px;
    width: 335px;
}

/* 2006-04-19 alignment and spacing of labels and inputs */
fieldset.actions { margin-top: -1em; } /* Hacked for IE<6 */
fieldset.details #date-of-birth { /* Hacked for IE<6 */
	margin-top: auto;
	position: relative;
	top: -1em;
	margin-bottom: -1.4em;
}
fieldset.details #date-of-birth .clearer { margin: 0 0 .8em 0 !important; } /* Hacked for IE<6 */
fieldset.details LABEL TEXTAREA { margin-top: -.4em; }

/* 2006-03-23 layout fixes */
H2.sub-fieldset { margin-top: -15px !important; } /* Hacked for IE<6 */
LABEL.side-label { float: left; width: 50%; }
.side-input { float: right; width: 50%; text-align: right;}
fieldset.list .side-input SELECT { margin: 0; float: none; !important}

/*
job basket
------------------------------*/
.jobbasket .noborder, .yourspace .noborder { border:0px solid #fff !important; }
.jobbasket fieldset.actions input, .yourspace fieldset.actions input {
	width: auto;
	position: relative;
    top: -1.4em;
    left: 65px;
}
.jobbasket .clearer {
	margin:0 0 0px 0;
	padding:0;
	height:1px;
	line-height:0px;
	clear:both;
	overflow:hidden;
	float:none;
}

.pageIntro{margin:10px 0 10px 0;}
.contentBlk{padding:0 0 15px 0;}
.fieldsetHdr{padding:0 !important; margin:10px 0 10px 0 !important; font-size:1.5em !important; font-weight:bold !important;}

/* Extra styles for login page */
.registerLnk{float:right;}
.registerLnk a{font-weight:bold;}
.clear{clear:both;}

/* Extra styles for Search Jobs page */
.jobDescription{margin:0 0 1em 1em;}
.jobDescription h3{padding:0 !important; margin:10px 0 10px 0 !important; font-size:1.5em !important; font-weight:bold !important;}
.jobDescription p{}
.jobDescription a{font-weight:bold;}
.jobDescription input.submit{width:auto; font-size:1em; margin:10px 0 0 0;}

.jobList{margin:0 0 1em 0; width:554px; }
.jobList h3{padding:0 !important; margin:10px 0 10px 0 !important; font-size:1.5em !important; font-weight:bold !important;}

.resPaging{float:right; padding:0 0 10px 0;}

.jobListHdr{padding:5px; background-color:#FCC6D9; border-bottom:1px solid #FFF;}
.jobListHdr .date{display:block; float:left; width:75px; font-size: 1.1em !important; font-weight:bold; color:#C82387;}
.jobListHdr .job{display:block; float:left; width:340px; font-size: 1.1em !important; font-weight:bold; color:#C82387;}
.jobListHdr .ref{display:block; float:left; width:125px; font-size: 1.1em !important; font-weight:bold; color:#C82387;}

.jobDesc{padding:5px; background-color:#FEF0FE; border-bottom:1px solid #FFF;}
.jobDesc .date{display:block; float:left; width:75px;}
.jobDesc .job{display:block; float:left; width:340px;}
.jobDesc .job a, .jobDesc .job a:hover, .jobDesc .job a:visited, .jobDesc .job a:active {text-decoration:underline; font-weight:200}

.jobDesc .ref{display:block; float:left; width:125px;}

.contentPanel{background-color:#FEF0FE; padding:0 0 0px 0;}
.contentPanel h3{padding:5px !important; margin:0 0 0px 0 !important; font-size:1.1em !important; font-weight:bold !important; background-color:#FCC6D9;}

.panelContent{padding:5px;}
.panelContent p{padding:0 5px 5px 5px !important;}
.panelContent ul.arrowlist{padding:0 0 0 5px; margin:0 0 0 5px;}

.btmPanels{margin:10px 0 0 0;}
.btmPanels .panel{float:left; width:272px; background-color:#FEF0FE;}
.btmPanels .panelMargin{margin:0 0 0 10px;}
.btmPanels .panel h3{padding:5px !important; margin:0 0 5px 0 !important; font-size:1.1em !important; font-weight:bold !important; background-color:#FCC6D9;}
.btmPanels .panel p{margin:0;}

/* Extra styles for Job Details Page */
.jobDetails{margin:0 0 2em 0;}
.jobDetails h3{padding:0 !important; margin:10px 0 10px 0 !important; font-size:1.5em !important; font-weight:bold !important;}
.jobDetails h2{padding:0 !important; margin:0px 0 5px 0 !important; font-size:1.2em !important; font-weight:normal !important;}
.jobDetails input.submit{width:auto; font-size:1em; margin:10px 0 0 0;}
.jobDetails ul.arrowlist{padding:0 0 0 5px; margin:0 0 0 5px;}

/* danb additions to IR sect 051006*/
.events_submit{
	float: right;
	_margin-bottom: 25px
}

/* robb additions to IR sect 280906*/
.innerWrap select, .innerWrap input {margin-right: 12px;}

/* np adds 241006 to financial reports section */
#mainCol .content .singleBox form, #mainCol .content .singleBox h3 { margin-left:15px; 	}
#mainCol .content .singleBox h3 { padding-top:10px; 	}
#mainCol .content .singleBox form { border:1px solid #FEF0FE; 	} 
#mainCol .content .singleBox form select, #mainCol .content .singleBox form input {
	font-size:1em;
	font-family: Verdana,Arial,Sans-Serif;
}
#mainCol .content .singleBox form input { width:155px; }
#mainCol .content .singleBox form select {
	width:160px;
	margin-right:10px;
	margin-top:3px;
	margin-bottom:7px;
}	
#mainCol .content .singleBox form input.submit {
	margin-left:10px;
	width:28px;
}

#btnSubmit { width:80px; height:18px; font-size:1.1em; }

#formaddtomynotes { width:120px; height:18px; font-size:0.9em;}

.feedback2111 fieldset input{
	float: left;
	border: none;
	margin-top:0px;
}

/*
calculator
------------------------------*/
.sharePriceDef{float:right;margin-top:-21px;padding-right:10px;}
h3.calculator{font-weight:bold;background:#FCC5D8;padding:5px 10px;margin:0px !important;margin-top:15px !important;}
.formCont{background-color:#FEF0FF;float:left;width:555px;clear:both;border-bottom:1px solid #fff;}
.formContText{color:#CA2184;width:300px;padding:10px;float:left;}
.formContField{padding:10px 10px 0 10px;float:left;}
.formContField input.numbers{border:1px solid #EC35C1;font-size:0.92em;padding-left:7px;width:100px;}
.formContField input.submit{width:120px;font-size:0.97em;}
.formContField input.extended{width:180px;}
.formCont .clearer{height:12px;display:block;padding:0;margin:0;}
.formContField select{font-size:0.92em;}
.extraPadd{padding-top:4px;float:left;}
.extraClearer{height:10px;}

/*
test order form
------------------------------*/
.itemrow { width:538px; }
.itemrow th, .itemrow td { padding:5px; }
.itemrow td {
	background-color:#F1F0FD;
	border-bottom:1px solid #fff;
}
.itemrow input { width:30px; }
div.itemrow input {
	text-align: center;
	width: 30px;
	margin-left: 10px;
}
.fielderror {
	background-color: #ffdddd !important;
	border: #ff2222 dotted 1px !important;
	overflow: hidden !important;
}
/* added by Ryan 06/07/07 for test order form */
/* Field disabled item qty fields */
input:disabled {
	border: #000000 inset 1px;
	background: #C0C0C0;
}
/* Field Error item qty fields */
.fielderror input {
	background-color: #ffdddd !important;
	border: #ff2222 dotted 1px !important;
	overflow: hidden !important;
}
/* Field Error disabled item qty fields - make normal*/
.fielderror input:disabled{
	border: #000000 inset 1px !important;
	background: #C0C0C0 !important;
}
/* Field Error div surrounding item fields - make normal */
div.fielderror {
	background-color: #ffffff !important;
	border: #ffffff solid 0px !important;
	overflow: hidden !important;
}
.clearer.itemrow {
	margin-top: 0px;
	margin-bottom: 2px;
}

/* nickyt added 01/02/07 to stop this page:
http://www-qa.unilever.com/ourcompany/investorcentre/dmsample.asp
"update items" submit button from changing to blue (above) from pink on focus.
 */
#dmaddsubmit:focus {
	/*background-color: #FF29ED !important;*/
}
/* end change */

.details .clearer{ margin:0; padding:0; height:15px; }
.details{ 
	width:540px !important; 
/*	float:left;  Commented out by Paul Durdin 5/11/2008  on advice from Nicholas Kelly (LBi) */
	margin-top:20px; 
	padding:0 !important; 
}
.details fieldset{padding:0 !important;}
.details label{
	margin:0 !important;
	padding:0 !important;
	width:115px !important;
	float:left;
}
.details input, .details select, .details textarea{
	float:left !important;
	margin:0 !important;
	padding:0 !important;
	width:340px;
}
.details input.submit{
	width:auto !important;
	margin-right:10px !important;
	float:left !important;
}
.details .antirobot{
	position: relative;
	top: -1.4em;
	left: 150px;
	width: 335px;
	margin-bottom: 10px;
}

.submittContainer{ margin-left: 150px; }


/* UISAP entry form
----------------------------------------------------------------------------- */
#uisapForm fieldset.upload input { /* Hacked for IE<7 */
	width: 300px !important;
	position: relative;
	top: 10px !important;
	left: 10px !important;
	clear: both;
}
#uisapForm fieldset.upload label {
	width: 300px !important;
}
#uisapForm fieldset.upload  img { /* Hacked for IE<7 */
	float: right; 
	margin-right: 80px; 
	margin-top: -10px;
	padding: 2px 2px 2px 2px;
	border: #4B8701 solid 1px;
	visibility: hidden;
}
#uisapForm div#posStatement {
	margin-bottom: 10px;
}
#uisapForm div .content {
	margin-top: 10px;
}
#uisapForm div#imgSize { /* Hacked for IE<7 */
	float: left;
	margin-top: 10px;
	margin-left: 10px; 
	padding-bottom: 20px;
	width: 345px;
}
#uisapForm fieldset.artsadjustment input {
	width: 450px;
}
#uisapForm fieldset.artsadjustment textarea {
	width: 450px;
}
#uisapForm fieldset.artsadjustment label {
	margin-top: 15px;
	display: block;
}
#uisapForm p.artsadjustment, #uisapForm fieldset.upload label { /* Hacked for IE<7 */
	margin-left: 10px !important;
}
#uisapForm form#artsEntryForm fieldset.actions input#submit.submit {
	margin-left: 60px !important;
}


/*
 *  Unilever: Sitemap stylesheet
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: base.css,v 1.10 2007/08/29 17:10:38 bens Exp $
----------------------------------------------------------------------------- */

#map {
    position:relative;
    margin-top: 20px
}

#map div {
    margin: 4px 3px 0 0;
    padding: 0;
    float:left;
    width: 183px;
}

#map .company { margin-right: 0 }

#map ul     {
	list-style-type: none;
	margin-left:0!important;
	padding-left:0!important;
}

#siteMap #map h2 {
    margin: 0px 0 13px 0;
    font-size:1.5em;
    font-weight:bold;
    padding: 3px 0 4px 0;
}


#siteMap #map h2 a {
	text-decoration: none;
	font-size: 0.7em;
	font-weight:bold;
	background-image:none !important;
}

#map h3 { margin-left: 0; }

#map h3 a {
	text-decoration: none;
	font-size: 0.95em;
	background-image:none!important;
}

#map .brands, #map .values, #map .company { background-image: none; }

#map a {
    text-decoration: none;
    display: block;
    padding: 3px 0 3px 20px;

}

/*
Hover arrow
----------------------------------------------------*/
ul#level3 #this ul a:hover.active { background-image: none; }

#siteMap #rightCol ,#siteMap #rightCol #bottom { padding-bottom:0; }

#map .brands h2 {  background-color: #ff9900;}
#map .values h2 { background: #78d700; }
#map .company h2 { background: #fd02e8; }

#map .values h2 a,
#map .company h2 a,
#map .brands h2 a:visited,
#map .values h2 a:visited,
#map .company h2 a:visited
{
	color: #fff!important;
}

#map h2 a { color: #fff!important; }

#map .brands a,
#map .values a,
#map .company a
{
	background-position: 10px 2px !important;
}

#mainCol .notint .new-win { background-color: white }

.videoForm .two {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 170px
}
#map .values li h3 a:hover {
    background-image: none!important;
}
.level2 a:hover,
ul#level3 #this ul a:hover,
#map a:hover,
#map .values li a:hover
{
    background-image: url(../../images/arrow_white.gif);

}


/*
 *  Unilever: Styles for Safari/Mac
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: base.css,v 1.10 2007/08/29 17:10:38 bens Exp $
----------------------------------------------------------------------------- */
#mainCol { clear: both; }
#logo { margin-bottom: 9px }
#content { 
	float:left;
	width: 555px
}

/*
 *  Unilever: Home page stylesheet
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: base.css,v 1.10 2007/08/29 17:10:38 bens Exp $
----------------------------------------------------------------------------- */
#home #header { min-height: 110px; }
#home #logo { margin-top: 1.1em; }
#home #headerContent { padding-top:1.2em; }

#home #feature {
	float:left;
	width:370px;
	margin: 0;
}

#home #topNav #primary li a { min-height: 22px; }

#home #subfeature {
    float:left;
    width:180px;
    margin: 0;
}

#home #content h2 {
    margin: 5px 0 3px 15px;
    font-size: 1.4em
}

#home #feature p, #home #subfeature p, #home #feature ul, #home #subfeature ul {
    margin-bottom : 0.5em;
    margin-top: 0.5em
}

#home #feature, #home #subfeature {
    font-size: 1.2em;
    line-height: 1.4em;
}

#home #content ul, #home .triBoxes ul {
	list-style-type: none;
	padding: 0
}

#home #content li {
    line-height: 1.1em;
    margin-bottom: 2px;
}

#home .triBoxes li { line-height: 1.5em; }

#home #content {
    border-top: 6px solid;
    margin-bottom: 18px
}

#home #content p { margin: 0.5em 0.5em 0 15px; }
#home .brandImages { margin-top: 1em; } 
#home #country { padding: 1em; }

#home .clearer {
    height: 1px;
    padding:0;
    margin:0
}

#home #content ul { padding-left: 0; }

#home .triBoxes .arrowlist { 
    padding-left: 0;
    margin-left:0px
}

#country-indicator {
     border-top: 1px dashed;
     border-bottom: 1px dashed;
	 padding: 1px 0;
     line-height: 1.4em;
     margin-top: -4px
}

#country-indicator a { font-size: 1em; }

#country-indicator p {
    background-position: 0 1px;
    background-repeat: no-repeat;
    text-indent :16px;
}
	
/*Brand scroll for html version of carousel*/	
#brand-wrapper {
	margin: 0 auto 0 auto;
	width: 525px;
	overflow: auto;
	overflow-x: scroll;
	overflow-y: hidden;
	hscroll: none;
}

#brand-scroller img {
	float:left;
	margin: 0 6px;
}

/*New styles added for secondary promo box 20-09-2006 by heleno*/
#home .secondary-promo{
	margin-bottom: -20px;
	border-top: 1px dashed;
    border-bottom: 1px dashed;
}

#home .secondary-promo-inner{
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 10px 0;
}

#home .secondary-promo img{
	width: 190px;
	margin: 0;
	padding: 0 10px 0 10px;
}

#home #feature ul.arrowlist li a,
#home #subfeature ul.arrowlist li a  {
	font-weight: bold;
	font-size: 0.9em;	
}

#home #feature ul.arrowlist,
#home #subfeature ul.arrowlist  {
	margin-left: 10px;
	padding-left: 0;
}

#home #content .triBoxes ul,
#home #content .triBoxes ul li {
	margin-left: 15px !important;	
	padding-left: 0 !important;
}

#home #content .triBoxes ul li {
	padding-bottom: 7px !important;
}

#home #foot {
	margin-top:-120px;
	position: relative;	
}

.resources div.downloads { margin: 10px 0 40px 0; }
.resources div.downloads p.note { margin: 0 5px; }

.resources div.downloads label { 
	padding: 5px 5px;
	display: block;
}

/*Splash pages styles*/
.selector{
	background-image:url(/images/selector_body_bg.jpg) !important;
	background-position:bottom !important;
}
.selector #wrap{
	width:545px;
	margin:0 auto 0 auto;
}
.selector #header{
	background-image:url(/images/selector_header_bg.gif) !important;
	background-position:center top !important;
	padding-top:35px;
}
.selector #splashBox{
	background-color:#93E668;
	color:#ffffff;
	min-height:252px;
	margin-bottom:30px;
}
.selector #firstImage, .selector #secondImage{
	float:left;
}
.selector #splashBoxText{
	float:left;
	width:60%;
}
.selector #splashBoxText h2{
	padding-top:20px;
	padding-bottom:1em;
	margin-left:20px;
	font-size:1.1em;
}
.selector #splashBoxText p{
	font-weight:bold;
	margin-left:20px;
	font-size:0.7em;
	padding-bottom:20px;
}
.selector #splashBoxSelect{
	float:left;
}
.selector #splashList{
	padding:20px;
	font-size:0.7em;
	list-style-type:none;
	margin-left:30px;
	font-weight:bold;
	font-size:0.8em;
}
.selector #splashList a{
	text-decoration:underline;
	font-weight:normal;
	line-height:1em;
	font-size:0.8em;
	color:#ffffff;
}
.selector #splashBoxSelect select{
	margin-top:60px;
	font-size:0.7em;
	margin-right:5px;
	margin-left:10px;
}
.selector #splashBoxSelect input{
	border:1px solid #284EA9;
	background-color:#6284DB;
	width:25px;
	color:#ffffff;
	cursor:pointer;
}
.selector #footer{
	font-size:0.6em;
	
	padding-bottom:200px;
}
.selector #footer a{
	color:#333333;
}
/*
 *  Unilever: Colours stylesheet
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: colours.css,v 1.7 2007/05/24 14:41:57 willh Exp $
----------------------------------------------------------------------------- */

body,
#mainCol a, 
#foot a, 
#header a { color:#000; }

h1, #primary a, #primary a:hover { color:#fff; }

#posStatement,
.resources #rightCol a,
.brands a.active,
.brands #rightCol a, 
#map .brands li a { 
	color:#d58137; 
}

.company #posStatement { color: #C82387 !important; }

.new-win {
	padding-left:18px;
	background: transparent url(../../images/new_win.gif) no-repeat 100% 0;
}

.content .new-win { background-color: white; }

/*
submit buttons
------------------------------*/
input.submit     {
	color: #fff;
	background-position: right top;
	background-repeat: repeat-y;
}

/* link colours
----------------------------------------------------------------------------- */
#mainCol a:hover, #foot a:hover, #header a:hover { color:#333; }

/* header
----------------------------------------------------------------------------- */
#headerContent .line,
.triBoxes .line { 
	border-right: 1px solid #808080; 
}
.textGrey { color:#666; }


/* top navigation
----------------------------------------------------------------------------- */
#prod a{ background-color: #f90; }
#commit a{ background-color: #78d700; }
#com a{ background-color: #fd02e8; }

#prod a:hover {
	background-color: #e68900;
	color: #fff;
	text-decoration:underline!important;
}

#commit a:hover {
	background-color: #6cc200;
	color: #fff;
	text-decoration:underline!important;
}

#com a:hover {
	background-color: #e402d1;
	color: #fff;
	text-decoration:underline!important;
}

.brands #prod a,
.values #commit a,
.company #com a,
.brands #prod a:visited,
.values #commit a:visited,
.company #com a:visited {
	background-color: transparent;
	color: #fff
}

/* horizontal boxes
----------------------------------------------------------------------------- */
.duoBoxes { background: url(../../images/white_6px_border.gif) repeat-y 50% 0; }
.triBoxes { background: url(../../images/white_6px_border_3cols.gif) repeat-y 50% 0; }
.wideBox { background: url(../../images/white_6px_border_2cols_wide.gif) repeat-y 0 0; }
.notint { background-color: transparent !important; }

/* bottom navigation
----------------------------------------------------------------------------- */
#footerNav .line { border-right: 1px solid #d58137; }
#commitment #footerNav .line { border-right: 1px solid #4b8701; }
#company #footerNav .line { border-right: 1px solid #e70eb6; }

/* footer
----------------------------------------------------------------------------- */
#footer { color: #999; }

/* right side lists
----------------------------------------------------------------------------- */
#middle h2, #bottom h2,  #map h2, #map h3 { background-color: #f7deb9; }

/*
Caption boxes
-------------------------------------------*/
.content h2 a,
.content h2 a:visited,
div.caption h2 a,
div.caption h2 a:visited,
.duoBoxes h2 a,
.duoBoxes h2 a:visited,
h3 a, h3 a:visited {
	text-decoration:none;
}

.content h2 a:hover,
div.caption h2 a:hover,
.duoBoxes h2 a:hover,
h3 a:hover {
	text-decoration:underline;
}

/* Pagination
-----------------------------------------*/
.pagination LI { color: #666; }

/* Additions DanB 021006 ---------------------------------*/
.tint { background:#FEF0FE; }

/*
 Homepage
--------------------------------------------*/
#home #header {
    background-repeat:no-repeat;
    background-position: 90px 100%;
}

body {
	background-repeat:no-repeat;
	background-position: 38% 100%;
}

#home #content {
    color: #fff;
    background: #ff6e5e url(../../images/home_bg_grad.jpg) no-repeat 100% 90px !important;
}

#home #content li {
    color: #fff;
    background-color: transparent;
    background-repeat: no-repeat
}

#home a { background-repeat: no-repeat; }
#home #content .triBoxes h4 a{ text-decoration: none; }

/* Right hand navigation */
#home .triBoxes li, #home .duoBoxes li { background-color: transparent; }
#home .triBoxes li a, #home .duoBoxes li a, #home #rightCol li a { background-color: transparent; }
#home #country-indicator { color: black; }
#home #country-indicator p { background-image: url(../../images/info_icon.gif); }


/* The footer */
#home #footerNav li a { background-image: none; }

/* The color variations. Tweak the settings for each color here
The home page has 4 colors:
yellow, blue, teal and melon
This is controlled using classes in the body.
*/

/* Melon */
.melon #home #content { border-color: #c23a2b; }
.melon #home #bottom h2, .melon #home #searchContainer { background: #fec59d !important; }
.melon #home #bottom h2 { color:#cc3366; }
.melon #home #header { background-image: url(../../images/home_banner.jpg); }
body.melon { background-image: url(../../images/home_bottom_banner.jpg); }
.melon #home #content li { list-style-image: url(../../images/arrow_white.gif); }
.melon #home .search { border:1px solid #c36; }
.melon #home .secondary-promo, .melon select { border-color:#c36; }
.melon #home #rightCol li a { background-image: url(../../images/red_arrow.gif); }
.melon #home .triBoxes h4, .melon #home .duoBoxes h4,
.melon #home .triBoxes h4 a, .melon #home .duoBoxes h4 a { color:#cc3366 !important; text-decoration: none! important; background-color: #fec59d; }
.melon #home #footerNav .line { border-right: 1px solid #c36; }
.melon #home #country-indicator { border-color:#c36; background-color: #fedabf; }
.melon #home #content a:visited { background-color: transparent; }
.melon #home #rightCol h2, .melon #home #content .triBoxes a:hover { color: #CC3366; } 

.melon #home .triBoxes li, .melon #home .duoBoxes li {
	list-style-image: url(../../images/red_arrow.gif) !important;
	color: #c36;
}

.melon #home #rightCol li a, .melon #home #rightCol a {
	color: #c36;
}

.melon #home .triBoxes li a, 
.melon #home .duoBoxes li a,
.melon #home .triBoxes p {
	color: #c36;
}

.melon #home #rightCol a:visited { background-color: transparent; }

.melon #home #rightCol li a:hover {
    color: #fff;
    background-color: #c36;
    background-image: url(../../images/arrow_white.gif);
}

.melon #home #content li a,
.melon #home #content a:hover { color: white; }

.melon #home #rightCol,
.melon #home .triBoxes,
.melon #home input.submit {
     background-color: #feefe1;
}

.melon #home input.submit {
	background-color: #DA6254;
	background-image: url(../../images/sub_h_m.gif);
	border:1px solid #CC594B;
}

.melon #home #brand-wrapper {
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #AD4235;
	scrollbar-face-color: #AD4235;
	scrollbar-3dlight-color: #AD4235;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-color: #AD4235;
	scrollbar-shadow-color: #fff;
}

.melon #top h2,
.melon #home #content .triBoxes li,
.melon #home #content .triBoxes li a,
.melon #home #content .duoBoxes li a,  
.melon #home #content #rightCol li a,
.melon #home #content .triBoxes,
.melon #home #content .duoBoxes,
.melon #home #content .triBoxes h4 a,
.melon #home #content .duoBoxes h4 a:visited,
.melon #home #content .triBoxes h4 a:visited,
.melon #home #content .duoBoxes h4,
.melon #home #content .triBoxes h4,
.melon #home #top a {
	color: #cc3366 !important;
}

/* Teal */
.teal #home #content { border-color: #01BCBC; }
.teal #home #bottom h2, .teal #home #searchContainer { background: #B1E3DA !important; }
.teal #home #bottom h2 { color:#297C56; }
.teal #home #header { background-image: url(../../images/home_banner_t.jpg); }
body.teal { background-image: url(../../images/home_bottom_banner_t.jpg); }
.teal #home #content li { list-style-image: url(../../images/arrow_white.gif); }
.teal #home .search { border:1px solid #297C56; }
.teal #home .secondary-promo, .teal select  { border-color:#33B19E; }
.teal #home #rightCol li a { background-image: url(../../images/teal_arrow.gif); }
.teal #home .triBoxes h4, .teal #home .duoBoxes h4,
.teal #home .triBoxes h4 a, .teal #home .duoBoxes h4 a {color:#297C56 !important; text-decoration: none !important; background-color: #B1E3DA; }
.teal #home #footerNav .line { border-right: 1px solid #c36; }
.teal #home #content {
    background:  #DEFBF2 url(../../images/home_bg_grad_t.jpg) no-repeat 100% 90px !important;
	color: #fff;
}

.teal #home #country-indicator {
    border-color:#33b19e;
    background-color: #bcece1;
}

.teal #home #content a:visited { background-color: transparent; }

#home .teal #rightCol h2,
.teal #home #content .triBoxes a:hover { color: #297C56; }

.teal #home .triBoxes li, .teal #home .duoBoxes li,
.teal #home #rightCol li a, .teal #home #rightCol a {
    list-style-image: url(../../images/teal_arrow.gif) !important;
    color: #297c56;
}

.teal #home #rightCol li a, .teal #home #rightCol a {
    color: #297c56;
}

.teal #home .triBoxes li a, 
.teal #home .duoBoxes li a,
.teal #home .triBoxes p {
	color: #297c56;
}

.teal #home #rightCol a:visited { background-color: transparent; }

.teal #home #rightCol li a:hover {
    color: white;
    background-color: #297C56;
    background-image: url(../../images/arrow_white.gif);
}

.teal #home #content li a,
.teal #home #content a:hover { color: white; }

.teal #home #rightCol,
.teal #home .triBoxes,
.teal #home input.submit {
     background-color: #DEFBF2;
}

.teal #home input.submit {
    background-color: #33B19E;
/*	background-image: none;*/
    border:1px solid #5AB1B0;
}

.teal #home #brand-wrapper {
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #AD4235;
	scrollbar-face-color: #AD4235;
	scrollbar-3dlight-color: #AD4235;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-color: #AD4235;
	scrollbar-shadow-color: #fff;
}

.teal #top h2,
.teal #home #content .triBoxes li,
.teal #home #content .triBoxes li a,
.teal #home #content .duoBoxes li a,  
.teal #home #content #rightCol li a,
.teal #home #content .triBoxes,
.teal #home #content .duoBoxes,
.teal #home #content .triBoxes h4 a,
.teal #home #content .duoBoxes h4 a:visited,
.teal #home #content .triBoxes h4 a:visited,
.teal #home #content .duoBoxes h4,
.teal #home #content .triBoxes h4 {
	color: #297C56 !important;
}

/* Blue */
.blue #home #content { border-color: #4873D6; }
.blue #home #bottom h2, .blue #home #searchContainer { background: #AFDAF6 !important; }
.blue #home #bottom h2 { color:#395291; }
.blue #home #header { background-image: url(../../images/home_banner_b.jpg); }
body.blue { background-image: url(../../images/home_bottom_banner_b.jpg); }
.blue #home #content li { list-style-image: url(../../images/arrow_white.gif); }
.blue #home .search { border:1px solid #395291; }
.blue #home .secondary-promo, .blue select  { border-color:#33B19E; }
.blue #home #rightCol li a { background-image: url(../../images/blue_arrow.gif); }
.blue #home .triBoxes h4, .blue #home .duoBoxes h4,
.blue #home .triBoxes h4 a, .blue #home .duoBoxes h4 a { color: #395291 !important; text-decoration: none !important; background-color: #AFDAF6; }
.blue #home #footerNav .line { border-right: 1px solid #395291; }
.blue #home #content {
    background:  #8FBAD6 url(../../images/home_bg_grad_b.jpg) no-repeat 100% 90px !important;
	color: #fff;
}

.blue #home #country-indicator {
    border-color:#4C75D4;
    background-color: #DEEAFA;
}

.blue #home #content a:visited { background-color: transparent; }

.blue #home #rightCol h2,
.blue #home #content .triBoxes a:hover { color: #395291; }

.blue #home .triBoxes li, .blue #home .duoBoxes li,
.blue #home #rightCol li a, .blue #home #rightCol a {
    list-style-image: url(../../images/blue_arrow.gif) !important;
    color: #395291;
}

.blue #home #rightCol li a, .blue #home #rightCol a {
    color: #395291;
}

.blue #home .triBoxes li a, 
.blue #home .duoBoxes li a,
.blue #home .triBoxes p {
	color: #395291;
}

.blue #home #rightCol a:visited { background-color: transparent; }

.blue #home #rightCol li a:hover {
    color: #fff;
    background-color: #395291;
    background-image: url(../../images/arrow_white.gif);
}

.blue #home #content li a,
.teblueal #home #content a:hover { color: white; }

.blue #home #rightCol,
.blue #home .triBoxes,
.blue #home input.submit {
     background-color: #EFF8FE;
}

.blue #home input.submit {
    background-color: #4873D6;
/*	background-image: none; */
    border:1px solid #486DC3;
}

.blue #home #brand-wrapper {
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #AD4235;
	scrollbar-face-color: #AD4235;
	scrollbar-3dlight-color: #AD4235;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-color: #AD4235;
	scrollbar-shadow-color: #fff;
}

.blue #top h2,
.blue #home #content .triBoxes li,
.blue #home #content .triBoxes li a,
.blue #home #content .duoBoxes li a,  
.blue #home #content #rightCol li a,
.blue #home #content .triBoxes,
.blue #home #content .duoBoxes,
.blue #home #content .triBoxes h4 a,
.blue #home #content .duoBoxes h4 a:visited,
.blue #home #content .triBoxes h4 a:visited,
.blue #home #content .duoBoxes h4,
.blue #home #content .triBoxes h4,
.blue #home #top a {
        color: #395291 !important;
}

/* Yellow */
.yellow #home #content { border-color: #FFEB64; }
.yellow #home #bottom h2, .yellow #home #searchContainer { background: #FFFB5A !important; }
.yellow #home #bottom h2 { color:#333; }
.yellow #home #header { background-image: url(../../images/home_banner_y.jpg); }
body.yellow { background-image: url(../../images/home_bottom_banner_y.jpg); }
.yellow #home #content li { list-style-image: url(../../images/grey_arrow.gif);}
.yellow #home .search { border:1px solid #666; }
.yellow #home .secondary-promo, .yellow select  { border-color:#666; }
.yellow #home #rightCol li a { background-image: url(../../images/grey_arrow.gif); }
.yellow #home .triBoxes h4, .yellow #home .duoBoxes h4,
.yellow #home .triBoxes h4 a, .yellow #home .duoBoxes h4 a {  color:#333 !important; text-decoration: none !important; background-color: #FFFB5A; }
.yellow #home #footerNav .line { border-right: 1px solid #395291; }
.yellow #home #content {
    background: #FFFB5A url(../../images/home_bg_grad_y.jpg) no-repeat 100% 90px !important;
	color: #333;
}

.yellow #home #country-indicator {
    border-color:#FFC966;
    background-color: #FCF0BF;
}

.yellow #home #content a:visited { background-color: transparent; }

/*.yellow #home #rightCol h2,
.yellow #home #content .triBoxes a:hover { color: #395291; }*/

.yellow #home .triBoxes li, .yellow #home .duoBoxes li,
.yellow #home #rightCol li a, .yellow #home #rightCol a {
    list-style-image: url(../../images/grey_arrow.gif) !important;
    color: #666;
}

.yellow #home #rightCol li a, .yellow #home #rightCol a {
    color: #666;
}

.yellow #home .triBoxes li a, 
.yellow #home .duoBoxes li a,
.yellow #home .triBoxes p {
	color: #666;
}

.yellow #home #rightCol a:visited { background-color: transparent; }

.yellow #home #rightCol li a:hover {
    color: #333;
    background-color: #FEFB93;
/*    background-image: url(../../images/arrow_white.gif);*/
}

.yellow #home #content li a,
.yellow #home #content a:hover { color: #333; }

.yellow #home #rightCol,
.yellow #home .triBoxes,
.yellow #home input.submit {
     background-color: #FBFBDE;
}

.yellow #home input.submit {
    background-color: #FFDE62;
/*	background-image: none; */
    border:1px solid #FFF96F;
	border-right:1px solid #B5814D;
	border-bottom:1px solid #B5814D;
}

.yellow #home #brand-wrapper {
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #AD4235;
	scrollbar-face-color: #AD4235;
	scrollbar-3dlight-color: #AD4235;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-color: #AD4235;
	scrollbar-shadow-color: #fff;
}

.yellow #top h2,
.yellow #home #content .triBoxes li,
.yellow #home #content .triBoxes li a,
.yellow #home #content .duoBoxes li a,  
.yellow #home #content #rightCol li a,
.yellow #home #content .triBoxes,
.yellow #home #content .duoBoxes,
.yellow #home #content .triBoxes h4 a,
.yellow #home #content .duoBoxes h4 a:visited,
.yellow #home #content .triBoxes h4 a:visited,
.yellow #home #content .duoBoxes h4,
.yellow #home #content .triBoxes h4,
.yellow #home #top a {
	color: #333 !important;
}

/*
 *  Unilever: Brands section stylesheet
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: colours.css,v 1.7 2007/05/24 14:41:57 willh Exp $
----------------------------------------------------------------------------- */

/* page styles
----------------------------------------------------------------------------- */
.brands { background-image: url(../../images/bottom_banner.jpg); }

/* header
----------------------------------------------------------------------------- */
.brands #header {
    background-image: url(../../images/products_header_banner.jpg);
    background-repeat:no-repeat;
    background-position: 0 100%;
}

/* top navigation
----------------------------------------------------------------------------- */
.brands #topNav { background: #ff9900 url(../../images/products_banner.jpg) no-repeat; }

/* horizontal boxes
----------------------------------------------------------------------------- */
.brands .triBoxes div h4,
.brands .duoBoxes div h4,
.brands .wideBox div h4,
.brands .singleBox h4,
.brands thead {
    background:#f6deb8;
}

/* moz needs background on filetype so underline will be removed */
.brands .duoBoxes,
.brands .triBoxes,
.brands .singleBox,
.brands .wideBox,
.brands .duoBoxes .new-win,
.brands .triBoxes .new-win,
.brands .singleBox .new-win,
.brands .wideBox .new-win,
.brands input.submit,
.brands tbody,
.brands .videoForm .two,
.brands .triBoxes.nopanel div h4 {
    background-color: #fef7f1;
}

.brands .two.tip { border-color: #d58137; }
	
/* right side lists
----------------------------------------------------------------------------- */
.brands #rightCol, #map .brands  { background-color: #fdf7f0; }
.brands #rightCol .dropLink a { color:#666666; }

.brands ul#level3 ul a:hover {
    color: #fff;
    background-color: #fd9438;
}

.brands #rightCol ul a:hover,
ul#level3#this a:hover,
.brands #this a.active,
#map .brands ul a:hover {
    color: #fff;
    background-color: #fd9438;
}

ul#level3 a:hover {
    color: #fff;
    background-color: #fd9438;
    background-repeat:no-repeat;
}

.brands #this ul a,
.brands .level2 a,
#map .brands a {
    background-image: url(../../images/orange_arrow.gif);
    background-repeat:no-repeat;
}

.brands #current {
    color: #ffffff;
    background-color: #d58137;
}

.brands #this { background-color: #fae8da; }

.brands #this a.active:hover #unileverListens #this{
    background-color: transparent;
    color:#d58137
}
#brandsHome #this, #unileverListens #this { background: #fd9438; }
#brandsHome #this a.active, #unileverListens #this a.active { color:#fff; }

.brands #mainCol h2,
.brands #mainCol h2 a,
.brands #mainCol h2 a:visited,
.brands #mainCol h4,
.brands #mainCol h4 a,
.brands #mainCol h4 a:visited,
.brands #mainCol h5,
.brands #mainCol h5 a,
.brands #mainCol h5 a:visited,
.brands #posState,
.brands h3,
.brands #mainCol h3 a,
.brands #mainCol h3 a:visited,
#mainCol #map .brands h3 a,
#mainCol #map .brands h3 a:visited,
.brands #rightCol h2,
.brands th {
    color:#d58137
}

.brands input.submit {
	background-color: #FDAD36;
	background-image: url(../../images/sub_brands.gif);
    border:1px solid #F8A358;
    border-right:1px solid #D6923D;
    border-bottom:1px solid #D6923D;
		
}
/* set submit buttons background colour per template */
.brands input.submit:focus { background-color:#FDAD36 !important; }
.brands fieldset input, .brands fieldset textarea { border:1px solid #d58137; }



/* VALUES COLOUR STYLES */

.values h2,
.values h2 a,
.values h2 a:visited,
.values h4,
.values h4 a,
.values h4 a:visited,
.values h5, .values h5 a,
.values h5 a:visited,
.values #posState,
.values h3,
.values h3 a,
.values h3 a:visited,
.values th {
	color:#4B8701 !important; 
}

.values #posStatement { color: #60AC01; }

/* link colours
----------------------------------------------------------------------------- */
.values #rightCol a,
#map .values  a { 
	color:#60AC01; 
}

.values { background-image: url(../../images/commitment_bottom_banner.jpg);	}
.values #footerNav .line { border-right: 1px solid #60AC01; }

/* header
----------------------------------------------------------------------------- */
.values #header { background: url(../../images/commitment_header_banner.jpg) no-repeat left bottom; }

/* top navigation
----------------------------------------------------------------------------- */
.values #topNav {
	background-image:url(../../images/commitment_banner.jpg);
	background-repeat: no-repeat;
	background-color: #78D701;
}


/* horizontal boxes
----------------------------------------------------------------------------- */
.values .singleBox h4, .values .triBoxes div h4, 
.values .duoBoxes div h4, .values .wideBox div h4 , .values thead {
	background-color:#B7DD85;
}

.values .duoBoxes,
.values .triBoxes,
.values .singleBox, .values .wideBox,
.values .duoBoxes .new-win,
.values .triBoxes .new-win,
.values .singleBox .new-win,
.values input.submit,
.values tbody,
.values #rightCol,
#map .values {
	background-color: #F2FDF0;
}

/* right side lists
----------------------------------------------------------------------------- */
.values #rightCol .dropLink a { color:#666; }

.values #middle h2,
.values #bottom h2,
#map .values h2,
#map .values h3,
.values #searchContainer {
	background-color:#B7DD85;
}

#map .values  ul a:hover,
.values #rightCol ul a:hover,
.values ul#level3 ul a:hover,
.values #this a.active {
	color: #fff;
	background-color: #60AC01;
}

.values #this { background: #DAF1DE; }

.values #this ul a,
.values .level2  a,
#map .values a {
	background-image: url(../../images/green_arrow.gif);
	background-repeat:no-repeat;
}

.values input.submit {
	background-image: url(../../images/sub_values.gif);
/*	background-repeat: no-repeat;*/
	background-color: #71C804;
	border:1px solid #79B929;
	border-right:1px solid #5BA102;
	border-bottom:1px solid #5BA102;
}

.values input.submit:focus { background-color:#71C804 !important; }
.values fieldset input, .values fieldset textarea { border:1px solid #4B8701; }

/* Recipes
-----------------------------*/
.top-recipes LI A, .recipe-results A { 
	color: #D58137 !important;
	text-decoration: none;
}
.top-recipes LI A:hover, .recipe-results A:hover { text-decoration: underline; }
.recipe-results A { color: #D58137 !important; }

/* Recipe page
-------------------------------------------*/
.recipe-qualities LI { background: url(../../images/recipe_tick.gif) 3px 3px no-repeat; }
.recipe-qualities P.recipe-nutri-link A { 
	border: 1px solid #F7DEB9;
	background: #FEFAF6 url(../../images/recipe_bars.gif) 7px 4px no-repeat;
	color: #BD702C !important;
}

/* COMPANY COLOUR STYLES */

/* page styles
----------------------------------------------------------------------------- */
.company h2,  .company h2 a, .company h2 a:visited, .company h4, .company h4 a, 
.company h4 a:visited, .company h5, .company h5 a, .company h5 a:visited, .company #posStatement
.company #posState, .company h3, .company h3 a, .company h3 a:visited, .company th { 
	color:#C82387 !important; 
}

/* link colours
----------------------------------------------------------------------------- */
.company #rightCol a, #map .company  a { color:#C82387; }
.company { background-image: url(../../images/company_bottom_banner.jpg); }
.company #footerNav .line { border-right: 1px solid #C82387; }

/* header
----------------------------------------------------------------------------- */
.company #header { background: url(../../images/company_header_banner.jpg) no-repeat  left bottom; }

/* top navigation
----------------------------------------------------------------------------- */
.company #topNav { background:#fd02e8 url(../../images/company_banner.jpg) no-repeat; }

/* horizontal boxes
----------------------------------------------------------------------------- */
.company .triBoxes div h4, .company .duoBoxes div h4, .singleBox h4, .company thead {
	background-color:#FCC6D9;
}

.company .duoBoxes,
.company .triBoxes,
.company .singleBox,
.company .wideBox,
.company .shares,
#map .company,
.company .duoBoxes .new-win,
.company .triBoxes .new-win,
.company .singleBox .new-win,
.company .wideBox .new-win,
.company .shares .new-win,
.company input.submit,
.company .singleTable tbody,
.company fieldset.evaluation,
.company div.prioritize {
	background-color: #fef0fe;
}
.singleTable.nobg tr{
 background-color: #ffffff !important;
}


/* share table colours
----------------------------------------------------------------------------- */
.shares thead th { color:#C82387; }

/* right side lists
----------------------------------------------------------------------------- */
.company #rightCol, #map .company { background-color: #FEF0FE; }
.company #rightCol .dropLink a { color:#666; }

.company #middle h2, .company #bottom h2, #map .company  h2, #map .company  h3 {
	background-color:#FCC6D9;
}

.company #searchContainer{
	background-color: #FCC6D9;
	color:#C82387;
}
.company #searchContainer .jump { font-weight:bold; }
.company #searchContainer #searchBox{ font-weight:normal; }

#map .company  ul a:hover,
.company #rightCol ul a:hover,
.company ul#level3 ul a:hover,
.company #this a.active {
	color: #fff;
	background-color: #C82387;
}

.company #this ul a,
.company .level2  a,
#map .company a { background: url(../../images/purple_arrow.gif) no-repeat; }

.company #this { background: #fadaf4; }

/*
check if border is used remove margin padding
---------------------------------------------- */
.company .border {
	margin:0;
	padding:5px 0 5px 5px;
	border:1px solid #C82387;
}

#investors .one img { margin-left: 15px; }

.company input.submit {
	background-color: #FF29ED;
	background-image: url(../../images/sub_company.gif);
	border:1px solid #EB34C1;
	border-right:1px solid #CA19B0;
	border-bottom:1px solid #CA19B0;
}
.company fieldset input, .company fieldset textarea { border:1px solid #C82387; }
.company input.submit:focus { background-color:#FF29ED !important; }

/*
Special borders for the table forms
---------------------------------------*/
.company form table.ratings td,
.company form table.ratings th,
.company form div.prioritize fieldset,
.company div.competency {
	border-color: white!important
}

.company form .entry-group { background-color: #fee2f2;}
.company form th.low,
.company form thead td.low { background-color: #fde0f0 !important; }
.company form th.medium { background-color: #fdcee1; }
.company form td.medium { background-color: #fddded; }
.company form td.high { background-color: #fdd0e2; }

/*
competency
---------------------------------------*/

.company .competency li.people { background-image:url(../../images/icon_pet_p.gif); }
.company .competency li.intellectual { background-image:url(../../images/icon_pet_i.gif); }
.company .competency li.business { background-image:url(../../images/icon_pet_b.gif); }
.company .competency li.seizing { background-image:url(../../images/icon_pet_s.gif); }

/* DanB additions 290906*/
.singleTable td.nobordercol { color:#C82387; }

/*
 *  Unilever: Resources section stylesheet
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: colours.css,v 1.7 2007/05/24 14:41:57 willh Exp $
----------------------------------------------------------------------------- */

/* header
----------------------------------------------------------------------------- */
.resources #header { background: url(../../images/resources_top_banner.jpg) no-repeat 25% 80%; }
.resources { background-image: url(../../images/resources_bottom_banner.jpg); }

/* top navigation
----------------------------------------------------------------------------- */
.resources #topNav { background-image: url(../../images/resources_banner.jpg); }

/* horizontal boxes and right side lists
----------------------------------------------------------------------------- */
.resources .singleBox h4,
.resources .triBoxes div h4,
.resources .duoBoxes div h4,
.resources .wideBox div h4,
.resources .triBoxes,
.resources .duoBoxes,
.resources .wideBox,
.resources .singleBox {
    background-color:#AEB5FD;
}

.resources .triBoxes .nopanel div h4,
.resources .duoBoxes,
.resources .triBoxes,
.resources .singleBox,
.resources .wideBox,
.resources .duoBoxes .new-win,
.resources .triBoxes .new-win,
.resources .singleBox .new-win,
.resources .wideBox .new-win,
.resources #rightCol,
.resources div.downloads,
.resources .duoBoxes,
.resources .triBoxes,
.resources .singleBox,
.resources .wideBox,
.resources input.submit {
    background-color: #F1F0FD;
}

.resources #rightCol ul h2 { margin: 3px 0; }

.resources #rightCol ul h2 a {
	text-decoration: none;
	display: block;
}

.resources #rightCol h2, .resources thead {
	background-color: #aeb5fd;
	color: #564db0;
}

.resources #rightCol ul a:hover,
.resources ul#level3 ul a:hover,
.resources #this a.active {
    color: #fff;
    background-color: #564db0;
}

.resources #this { background: #BEC4FD; }
.resources #this ul a, .resources .level2  a { background: url(../../images/blue_arrow.gif) no-repeat; }

.resources th {
	text-align:left;
	color: #564db0;
}

.resources #rightCol a, .resources #rightCol .dropLink a { color:#564db0; }

.resources .level2 a {
    background: url(../../images/purple1_arrow.gif)  no-repeat;
    color: #564db0;
}

.resources #bottom ul li a:visited { color: #766de0; }

.resources #rightCol #bottom ul li  a:hover{
    color: #fff;
    background-color: #564db0;
}

.resources #top h2 { background-color:transparent; }
.resources #searchContainer { background: #aeb5fd; }
.resources #footerNav .line { border-right-color: #564db0; }

.resources #rightCol #bottom ul li h2 a:hover,
.resources #rightCol ul h2 a,
.resources #rightCol ul h2 a:visited,
.resources #posStatement,
.resources #mainCol h2,
.resources #mainCol h2 a,
.resources #mainCol h2 a:visited,
.resources #mainCol h4,
.resources #mainCol h4 a,
.resources #mainCol h4 a:visited,
.resources #mainCol h5,
.resources #mainCol h5 a,
.resources #mainCol h5 a:visited,
.resources #posState,
.resources h3,
.resources #mainCol h3 a,
.resources #mainCol h3 a:visited { 
	color:#564db0;
}

.resources #rightCol #bottom ul li h2 a:hover { background-color: transparent; }

.resources input.submit {
    background-color: #918CCD;
	background-image: url(../../images/sub_resource.gif);
    color:#fff;
    border:1px solid #A29ED5;
    border-right:1px solid #555376;
    border-bottom:1px solid #555376;
}

.resources fieldset input, .resources fieldset textarea { border:1px solid #564db0; }

form .noBorder { border:0px solid #fff !important; }

#strapline {
	color: #fff;
	background: transparent;
}
/*
---------------------------------------
Local styles applied for a Publication / Country 
---------------------------------------
*/
/*
 *  Unilever: Stylesheet loader
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: screen.css,v 1.4 2007/03/14 15:05:05 nickyt Exp $
----------------------------------------------------------------------------- 
 
WARNING: This file has been manually modified to comment out the imports with the exception of the IE5MAC.CSS 
These changes are not managed by LBI as we have merged the imported CSS files in to a single screen.css.

----------------------------------------------------------------------------- 
*/


/* Imported Styles
----------------------------------------------- */
/* Tridion writes these out in a separate page
@--- import url("base.css");
@--- import url("colours.css");
@--- import url("local.css"); 
*/

/* IE5/Mac Only Styles
   Uses the IE5/Mac Band Pass Filter:
   http://stopdesign.com/examples/ie5mac-bpf/
----------------------------------------------- */
/*\*//*/
  @import "ie/ie5mac.css";
/**/

/*Developer
----------------------------------------------------*/

/*Print basket
----------------------------------------------------*/

#printBasketLinks {
	float: right;
	display: inline;
	width: 120px;
	margin-top:-50px;
	
}

#printBasketLinks ul li a {
	text-decoration: none;
}

#printBasketLinks ul li {
	list-style: none;
}

#printBasketLinks ul li span.title {
	font-weight: bold;
}

span.icon_add {
	background: transparent url(/images/icon_add.gif) no-repeat scroll left;
	padding: 0 0 0 14px;
	margin-left: 4px;
}
span.icon_basket {
	background: transparent url(/images/icon_basket.gif) no-repeat scroll left;
	padding: 0 0 0 18px;
}

.printBasket{
	text-align:center;
}
.printBasket table{
	width:100%;
	margin:0 0 1.05em 0;
	text-align:left;
}
.printBasket table thead{
	background:none;
}
.printBasket table tr{
	background-color:#F1F0FD;
}
.printBasket table tr th{
	background-color:#AEB5FD;
	padding:0.3em 0.3em;
	text-align:center;
}
.printBasket table tr .emptyTH{
	background:none;
}
.printBasket table tr th .hidden{
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	left: -10000px;
}

.printBasket table tr td.col2{
	text-align: left;
}

.printBasket table tr td.printAll{
	text-align: right;
	background-color: #ffffff;
	padding-right: 10px;
}

.printBasket table tr td{
	padding:0.3em 0 0.3em 10px;
	border-top:2px solid #FFFFFF;
	text-align:center;
}

.printBasket table tr td img{
	position:relative;
	top:1px;
}
#col01{
	width:80px;
}

#col02{
	width:285px;
	text-align: left;
	padding-left: 10px;
}

#col03{
	width:60px;
}
#col04{
	width:50px;
}

.printPreviewSummary{
	border-top:2px solid #AEB5FD;
	border-bottom:2px solid #AEB5FD;
	width:100%;
	padding:0.5em 0 0.3em 0;
	margin:3.5em 0 3.3em 0;
}
.printPreviewSummary a{
	float:right;
	margin-right:15px;
	display:inline;
}
.printPreviewSummary h2{
	font-size:1.1em !important;
	font-weight:bold;
	color:#564DB0 !important;
	margin:4px 0 0.5em 16px !important;
	float:left;
}
.printPreviewSummary p{
	margin-left:16px;
}
.printAllESBox{
	background-color:#F1F0FD;
	margin:0pt auto 30px;
	padding:0pt 0pt 10px;
}
.printAllESBox h2{
	font-weight:bold;
	font-size:1.09em !important;
	line-height:1.1em;
	background-color:#AEB5FD;
	color:#564DB0 !important;
	margin-bottom:5px;
	padding:5px 15px;
	text-align:left;
}
.printAllESBox p{
	line-height:1.4em;
	margin-right:15px;
	margin-left:15px;
}

.printBasket table tr td.move_down {
	text-align:right;
	padding-right:10px;
	width: 20px;
	
}

.printBasket table tr td.move_up {
	text-align: left;
	padding-left: 0px;
	width: 40px;
}

table.printTable td.col2 {
	text-align:left;
}

/* IMage rollover addition J Scott 22-04-08
----------------------------------------------------------------------------- */

.textrollover{

	position:relative;
	overflow:hidden;
}

.values .textrolloverContent{
			position:absolute;
			left:0px;
			top:0px;
			z-index:2;
			border-top:5px solid #78d701;
		}

.company .textrolloverContent{
			position:absolute;
			left:0px;
			top:0px;
			z-index:2;
			border-top:5px solid #fd02e8;
		}

.brands .textrolloverContent{
			position:absolute;
			left:0px;
			top:0px;
			z-index:2;
			border-top:5px solid #ff9900;
		}

.textrollover p {
			background-color:#555555;
			clear:none;
			color:#FFFFFF;
			font-weight:normal !important;
			margin:0;
			opacity:0.8;
			padding: 5px 5px 8px 5px;
			text-align:left;
			z-index:2;

		}

.textrollover img {
			z-index:1;
}


/* ======================================================== */

	/* Unilever: Home page with Flash video
	 * Created by LBi, UK, 2008
	 * 26/06/08 Ben Smawfield
	 ---------------------------------------------------------------------------- */
	#home .contentWithFlash #content{
		border-top:0;
		background-color:#ffffff !important;
		margin-bottom:0 !important;
	}
	#home .contentWithFlash #content #heroPanel{
	 	background:#deeafa url(/images/flashContent_background.jpg) top left no-repeat !important;
		padding-top:14px;
		padding-bottom:16px;
	}
	#home .contentWithFlash #content #fullFeature{
		background-color:#486dc3;
		margin:0 15px 0 15px;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureFlash p{
		font-weight:bold;
		font-size:0.9em;
		border-top:1px solid #214eb3;
		border-right:1px solid #214eb3;
		border-left:1px solid #214eb3;
		margin:0;
		padding:0.4em 10px 0 10px;
		width:503px;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureFlash p span{
		font-weight:normal;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro{
		border-right:1px solid #214eb3;
		border-bottom:1px solid #214eb3;
		border-left:1px solid #214eb3;
		padding-top:0.4em;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .top{
		width:523px;
		height:4px;
		background:transparent url(/images/fullFeatureIntro_top.png) top left no-repeat;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .cont{
		background:transparent url(/images/fullFeatureIntro.png) top left repeat-y;
		width:523px;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .cont .inner{
		background:#e6effa url(/images/fullFeatureIntro_inner.gif) bottom left repeat-x;
		width:514px;
		margin-left:4px;
		padding-bottom:0.2em;
	}	
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .cont .inner #fullFeatureIntroText{
		float:left;
		width:343px;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .cont .inner #fullFeatureRelatedLinks{
		float:left;
		width:160px;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .cont .inner h2{
		margin:0 0 0.45em 12px;
		color:#395291;
		font-weight:normal;
		font-size:1.8em;
		padding-top:0.5em;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .cont .inner h3{
		margin:0 0 0.5em 12px;
		color:#395291;
		font-weight:normal;
		font-size:1.8em;
		padding-top:0.4em;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .cont .inner p{
		color:#000000;
		font-size:1.1em;
		line-height:1.4em;
		margin:0 0 0.45em 12px;
	}
	#home .contentWithFlash #content .arrowlist{
		margin-left:11px;
	}
	#home .contentWithFlash #content .arrowlist li{
		list-style-image:url(/images/blue_arrow.gif);
		margin-left:13px;
		margin-bottom:0.7em;
		line-height:1.35em;
		color:#395291;
		font-weight:bold;
	}
	#home .contentWithFlash #content .arrowlist li a, #home .contentWithFlash #content .arrowlist li a:hover{
		color:#395291;
		font-weight:bold;
		position:relative;
		bottom:-1px;
		left:-1px;
	}
	#home .contentWithFlash #content #fullFeature #fullFeatureIntro .base{
		width:523px;
		height:5px;
		background:transparent urlimages/fullFeatureIntro_base.png) top left no-repeat;
	}
	#home .contentWithFlash .otherArticles{
		background:transparent url(/images/otherArticles.gif) top left repeat-y;
		margin-bottom:1em;
	}
	#home .contentWithFlash .otherArticles h3{
		width:529px;
		border-top:1px dashed #4C75D4;
		margin:1em 0 0 0;
		background-color:#afdaf6;
		font-weight:bold;
		color:#395291;
		padding:0.4em 13px 0.5em 13px;
		border-bottom:1px solid #ffffff;
	}
	#home .contentWithFlash .otherArticles .articlesLists{
		
		background:transparent url(/images/vest.gif) top left no-repeat;
		padding-bottom:0.6em;
	}
	#home .contentWithFlash .otherArticles .articlesLists .otherArticlesMain{
		width:360px;
		float:left;
		margin:0 !important;
		padding:1em 10px 0 0 !important;
	}
	#home .contentWithFlash .otherArticles .articlesLists .otherArticlesSecondary{
		float:left;
		width:174px;
		margin:0 0 1em 0 !important;
		padding:1em 10px 0 0 !important;
	}
	#home .contentWithFlash .otherArticles .articlesLists li{
		margin:0 0 0.35em 26px !important;
		padding:0 !important;
	}
	#home .contentWithFlash .carousel{
		background-color:#deeafa;
		border-top:1px dashed #4C75D4;
		padding-top:4px;
		padding-bottom:3px;
		margin-bottom:1em;
	}
	#home .contentWithFlash .triBoxes .row div h4{
		border-top:1px dashed #4C75D4;
	}


#fullFeatureIntroText h2 a, #fullFeatureIntroText h2 a:visited{

    color:#395291;

    text-decoration:none;

}

#fullFeatureIntroText h2 a:hover{

    text-decoration:underline;

}

#home .contentWithFlash #content #heroPanel{

    margin-bottom:10px;

}

/* ======================================================== */



/* Used for Careers Tools - added by Paul Durdin 20/10/2008*/
.warningText  {
	color:#CC3300;
	font-weight:bold;
	font-size:1.1em;
	}

/* Added By Paul Durdin 28/10/2008 */

.requiredFieldIndicator {
	color:#FF0000;
	font-weight:bold;
	}