/*
 *  Print Style Sheet for Unilever
 *  Site created by Wheel Ltd, UK, 2004.  www.wheel.co.uk
 *  Version: $Id: print.css,v 1.2 2007/03/14 14:58:17 nickyt Exp $
----------------------------------------------------------------------------- */

/* Global element styles
----------------------------------------------------------------------------- */

body {
	text-align:center;
	margin:0px; padding:0px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	line-height:14px;
	height:100%;
	color:000!important;
	width:100%;
}
/*remove all underlines */
a:link, a:visited, a:hover, a:active{
	text-decoration:none!important;
	color:#000!important;
}

form, fieldset { border:none; }

#wrap {
	height:100%;
	width:auto;
	margin:0; /* Right and left margin widths set to "auto" */
	text-align:left
}

#mainCol, #foot {
	float:none;
	width:auto;
	margin:0px;
	/* padding-bottom:120px;*/
	border-top:none;
	font-size: 12px
}

p,h1,h2,h3,h4 {
	margin:0;
	padding: 0;
	font-weight:normal;
}

#wrap #mainCol .caption h3 { line-height: 1.1em }

/* generic list style */
ul {
	list-style-type:disc;
	margin:0 0 0 1em;
	padding:0 0 0 1em;
}
ul li {
	padding:0 0 2px 0;
	margin:0;
}
.content ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.content li { margin: 5px 0 0 0; }

ul li ul { list-style-type: square; }

address {
	font-style: normal;
	line-height: 1.2em
}

.duoBoxes address,
.triBoxes address {
	margin-left: 15px;
	margin-right: 10px
}

#middle address, #midBottom address {
	margin-left:10px;
	line-height: 1.4em
}

.singleBox ul,
.duoBoxes ul,
.triBoxes ul,
.caption ul {
	list-style-type: none;
}

.content p {
	font-size: 12px;
	line-height: 1.3em
}

.brandlogo {
	margin-right: 8px;
	margin-bottom: 14px;
}

.banner { margin: 15px 0 5px 0; }

/*
added bottom padding to p tag --------------------------------------------------------------- */
p { margin-bottom:5px; }

#rightCol p { margin:0px; }

#posStatement {
	margin: 14px 0 40px 0;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	padding-left:15px;
}
#posStatement p { font-weight:bold; }
img { margin:0; padding:0; border:0;}

.postit { display:none; }

/* generic links
----------------------------------------------------------------------------- */
.arrowLink { padding-left: 0; }
ul.arrowlist {
	margin: 0;
	padding:0;
}
ul.arrowlist li{
	margin:0 0 5px 0;
	padding:0;
}
ul.arrowlist li a { padding:0; }

ul.pdfLink {
	list-style-type:none;
	margin: 10px 0 10px 0;
	padding:0;
}

ul.pdfLink li{
	margin:0 0 5px 0;
	padding:0 0 0 0;
}

ul.pdfLink li a {
	margin:0;
	padding:0;
}
.fileType {
	background-color: #FFF;
	text-decoration:none;
}
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;
}
dl.pdfLink dt a, a.pdfLink { padding: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;
}
ul.nextPage {
	margin:0 5px 0 5px;
	float:right;
	padding:0;
}
ul.nextPage li {
	display: inline;
	margin:0;
	padding:0;
}

/* generic page styles
----------------------------------------------------------------------------- */
h1, #strapline {
	margin:1px 0 0 15px;
	font-size: 20px;
	padding:0;
	line-height: 1em
}
h1 { clear:left; }
#mainCol h2 {
	margin:16px 0 8px 0;
	font-size:18px;
	line-height:20px;
	clear: left;
}
#mainCol .content h2 {
	clear: right;
}

/* bottom margins for headings */
#mainCol h3 { margin: 11px 0 8px 0; }

#mainCol h3,
#mainCol h5,
#mainCol h4 {
	font-size:16px;
	line-height: 18px;
}
#mainCol h4 { font-weight:bold; }

#mainCol p { font-size: 12px }
#mainCol .content h4 { font-size: 12px; }
#mainCol .content h5 {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
}

.imgFloatLeft {
	float: left;
	margin: 0 10px 10px 15px;
}
.imgFloatRight {
	float:right;
	margin:10px 8px 8px 8px;
}
.content .imgFloatLeft {
	clear: left;
	float: left;
	margin: 5px 15px 5px 0;
}
.content .imgFloatRight {
	clear: right;
	float:right;
	margin:5px 0 5px 15px;
}
.imgCentre {
	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;

}
.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, .hide { display:none; }

/* header
----------------------------------------------------------------------------- */
#logo {
	float:left;
	margin:15px 0 15px 10px;
}

#headerContent {
	position:relative;
	text-align:right;
	min-height: 100px;
	font-size: 10px;
	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: 15px;	/* reduced from 18px */
	padding: 21px 0 1px 0;
	letter-spacing:-1px;
}

/* top navigation
----------------------------------------------------------------------------- */
#topNav {
	width: auto;
	padding-bottom: 11px
}
#topNav #primary { display:none; }

/* navigation ref and trail
----------------------------------------------------------------------------- */
#navTrail {  display:none; }

/* brand gallery
----------------------------------------------------------------------------- */
.brandImages {
	width:525px;
	position:relative;
	margin: 0;
	height:0%;
}

.thumbnail {
	float: left;
	width: 125px;
	padding: 0 0 5px 5px;
	text-align:center;
}

.clearer {
	margin:0 0 19px 0;
	padding:0;
	height:1px;
	line-height:0px;
	clear:both;
	overflow:hidden;
	float:none;
}

/* horizontal boxes
----------------------------------------------------------------------------- */
.triBoxes, .duoBoxes, .wideBox {
	margin:0 auto 10px auto;
	width:555px;
	float: left;
}

.singleBox {
	margin:0 auto 30px auto;
	padding: 0 0 10px 0;
}


/* 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;
}

.singleBox h4,
.duoBoxes h4,
.wideBox h4,
.triBoxes h4 {
	padding: 2px 15px 2px 15px;
}
.duoBoxes h2,
.wideBox h2,
.triBoxes h2 {
	padding: 0 15px 0 15px;
}

.duoBoxes .two h2 { padding-left: 14px }

.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 .one { 
	width: 273px;
	margin-right:8px;
}

.duoBoxes .two { width:273px; }

/*
	fix for advert page, uses a 3/4 1/4 split
*/
div.widebox.videoForm .two { padding: 15px 0; }

#mainCol .videoForm .two h2,
#mainCol .videoForm .two h3 {
	padding-left: 0;
	margin-left: 0
}
#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
}

/* maybe removed if no longer using links in capsule headers */
.triBoxes h4 a, .duoBoxes h4 a, .singleBox h4 a {
	text-decoration: none;
}

.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
}

#dove .triBoxes li {
	list-style-type: none;
	padding:0 5px 0 5px;
	height:30px;
	margin: 0;
	display: inline;
	white-space: nowrap;
}

.triBoxes .nopanel div h4 {
	background: #fef7f1;
	padding-bottom:0;
}
.triBoxes .nopanel ul {
	margin: 10px 0 10px 0;
	padding:0;
	height:auto;
}
.triBoxes .nopanel li {
	display:list-item;
	white-space: normal;
	padding: 5px 8px 0 8px;
	height:auto;
	font-size: 1.1em;
	list-style-type:none;
}

.duoBoxes div h4, .wideBox div h4, .singleBox h4, .triBoxes h4, singleTable thead {
	margin-bottom:5px;
}

.duoBoxes p, .wideBox p { margin-top:2px; }


.duoBoxes.notint .two h3, .duoBoxes.notint .two h4 {
	padding-left:0
}

.videoForm .one p {
	padding: 0;
	margin-right:0
}

/* Dictionary
----------------------------------------------------------------------------- */
.dictionary-subdef { display: none; }

/* footer navigation
----------------------------------------------------------------------------- */

#footerNav { display:none; }

#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 {
	text-align:center;
	font-size: 10px;
	margin:10px 0 0 0;
}

/* side column
----------------------------------------------------------------------------- */
#rightCol {
	font-size: 0.6em;
	display:none;
}

/*
Captioned pictures
----------------------------------------*/
div.caption {
	width:270px;
	float:left;
	margin:0 0 10px 0;
}
/* fix margin-top when inside duobox */
.duoBoxes div.caption { margin-top:1em; } 

/* fix bottom margin when inside duobox */
.duoBoxes div.caption{ 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: 140px;
}

#mainCol div.caption h2, #mainCol div.caption h3 { margin:0; }

div.caption p {
	margin-bottom:0px;
	line-height: 1.4em
}

.arrowLink {
	margin: 0px;
	padding-left: 0;
	display:run-in;
	list-style-type: none;
}

/*
wide spread pics
----------------------------------------*/
div.caption div.wide { width:140px; }
div.wide { width:auto; }

div.wide div.wide {
	width: 400px;
	margin:0 0 0 15px;
}

/*
thin pics
----------------------------------------*/
div.caption div.thin {
	width: 162px;
	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 }

/*
share tables
----------------------------------------*/
.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;
}

/*
tables
---------------------------------------*/
th, td, table {
	border-collapse: collapse
}

.content {
	padding: 0 15px;
	margin: 0 0 30px 0;
}

/* need to add individual indent with no margin bottom */
.indent { padding: 0 15px; }

/*
brand lists used in the brands section
-----------------------------------------*/
ul.alphabet {
	margin-left: 0;
	padding-left: 0
}
ul.alphabet li {
	display: inline;
	font-weight: bold;
}

ul.alphabet li a {
	display: inline;
	font-weight: normal;
}

ul.brandlist {
	list-style-type: none;
	margin:0;
	padding:0
}

ul.brandlist li  {
	list-style-type: none;
	padding:0;
	margin-bottom: .5em
}

ul.brandlist ul li { line-height: 1.2em!important; }

ul.brandlist li ul {
	margin-left: 110px;
	padding: 0!important;
}

ul.brandlist h3 {
	width: 100px;
	float: left;
	margin-top: 0!important;
	line-height: 1.6em!important;
}
ul.brandlist li { clear: left; }
ul.brandlist li li { clear:none; }

ol {
	margin-left:2em;
	padding-left:0
}
ol li { margin-bottom:5px; }

/* singleTable style */
.singleTable {
	text-align: center;
	width: 100%;
}

.singleTable th {
	padding: 5px;
	font-size: 1.1em!important;
	font-weight: bold
}

.singleTable td, .singleTable th {
	border-bottom:1px solid #fff;
}

.singleTable td { padding: 2px 5px; }

.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:15px;
}

.singleTable .number {
	/* width:65px; */
	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;
}
/*Developer
----------------------------------------------------*/

/* Addition by J Scott to hide the print basket functionality when printing */

.printBasket{
	display: none;
}

.printPreviewSummary a{
	display: none;
}

#printBasketLinks {
	display: none;
}

.printAllESBox {
	display: none;
}

/* End of addition by J Scott*/
/* ======================================================== */

/* 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;
	}

