@charset "UTF-8";

/* CSS Document Alberto Culver  -  ALBERTO SITE  */
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                 */
/* Created: 08/21/2007                           */
/* Updated: 10/04/2010 - Hristo Hristov          */
/* --------------------------------------------- */


body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #5d5d5d;
	background-color:#FFFFFF;
	margin:10px 0 0 0 !important;  /* hk for IE (PC+MAC)*/
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#b11737;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
}

/* ------------------------------------- LAYOUT CODE */
#frame {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:760px;
}
#header {
	position:relative;
	height:122px;
	width:100%;
	background:url(/images/header-background.jpg) no-repeat left top;
}
#header #homeLink {
	position:absolute;
	width:210px;
	height:30px;
	top:10px;
	left:15px;
}
#header #homeLink img {
	width:200px;
	height:30px;
	border:none;
}

#container{
	position:relative;
	clear:both;
	border-top:2px solid #b11737;
	border-bottom:1px solid #b11737;
   overflow:hidden;
   width:760px;
}
#content{
   background-color:#FFF;
	padding-right:266px;
	padding-top:23px;
}
#content #holder {
	margin:0 41px 20px 73px;
}
#left{
display:inline;
   background-color:#FFF;
	padding:23px 0;
   width:266px;
   float:right;
}
#left #holder {
	margin:0 61px 0 0;
	padding-left:30px;
	border-left:1px dotted #b11737;
}

/* ------------------------------------- FOOTER */
#footer {
	clear:both;
	padding-top:11px;
	height:20px;
	width:100%;
}
#footer #logos {
	padding-left:45px;
	border-bottom:1px solid #f7b5c3;
}
#footer #logos img{
	padding:5px 15px;
}
#footer #logo-unilever {
	
	text-align:center;
	color:#0064b0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
}
#footer #logo-unilever img{
	padding-left:80px;
}


/* ------------------------------------- MAIN NAV MENU */
#header ul {
	text-align:left;
	padding:58px 0 0 0;
	margin:0;
	list-style-type:none;
}
#header ul li {
display:inline;
}
#header ul a {
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	width:6em;
	padding:1px 1.3em 2px 1.3em;
}
#header ul a:hover {
	background:#a80532;
}
/* ------------------ sub menu */
#header ul#submenu {
	padding-top:15px;
}
#header #selected {
	background:#a80532;
}

/* end menu */

/* ------------------------------------- SIDE MENU - investing*/
#left ul {
	text-align:left;
	margin:0 61px 0 0;
	_padding-left:30px;
	border-left:1px dotted #b11737;	
	list-style-type:none;
}
#left ul li {
	padding:2px 0;
}
#left ul a {
	display:block;
	color:#b11737;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:lighter;
	padding:2px 1.3em 3px 1.3em;
}
#left ul a:hover {
	background:#a80532;
	color:#FFF;
	font-weight:lighter;
}
#left li a#selected {
	background:#a80532;
	color:#FFF;
}


/* end side menu */


/* ------------------------------------- SIDE MENU - Careers*/
#left #careers {
	margin-top:15px;
	border:1px solid #b11737;
}
#left #careers ul {
	text-align:left;
	margin:0;
	list-style-type:none;
}
#left #careers ul li {
	padding:0px;
	border-bottom:1px dotted #b11737;
}
#left #careers ul a {
	display:block;
	color:#b11737;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:lighter;
	padding:6px 1.3em 7px 40px;
}
#left #careers ul a:hover {
	background:#a80532;
	color:#FFF;
	font-weight:lighter;
}
#left #careers li a#selected {
	background:#a80532;
	color:#FFF;
}

#left ol {
	padding:0;
	margin:0 0 0 20px;
	list-style-type:disc;
}
#left ol li {
	padding:0 0 7px 0;
	margin:0;
}
#left ol a {
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
}

/* end side menu */
/* ---------------------- TOP MENU - Careers*/
#container #logos {
	border:none;
}
#container #logos img {
	width:50.66px;
}
/* ---------------------- Careers list */
#content #careersbox {
	zoom:1;
	/*display:inline;*/
	clear:left;
	background-color:#b11737;
	text-align:center;
	margin-top:10px;
	padding-bottom:5px;
}

#content #holder ul {
	padding:0 0 0 23px;
	text-align:left;
	margin:0;
}
#content #holder ul li {
	width: 50%;
	float: left;
	padding:0 0 10px 0;
	color:#b11737;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	text-transform:uppercase;
}
#content #holder ul li:nth-child(odd) {
	clear: left;
}


/* ------------------------------------- Content decoration */
/* content */
h2 {
	zoom:1;
	display:inline;
	margin-right:10px;
	color:#b11737;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	text-transform:uppercase;
}
h2+h2 {
	padding-left:10px;
	border-left:1px dotted #b11737;
}
h2+p {
	padding-top:15px;
}
h3 {
	_height:1%;
	margin:10px 0 0 0;
	padding:15px 0;
	color:#b11737;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	text-transform:uppercase;
	border-top:1px dotted #b11737;
}
h3.noborder {
	border:none;
	padding-top:0;
}
h4 {
	
	padding:15px 0;
	margin:0;
	color:#5d5d5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	text-transform:uppercase;
}
h4.white {
	color:#FFFFFF;
	padding:5px 0;
}
h4.inOL {
	padding:0;
	font-size:11px;
}
h5 {
	zoom:1;
	/*display:inline;*/
	margin:0;
	padding:7px 0 7px 0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	text-transform:uppercase;
}
p {	
	zoom:1;
	padding:2px 0 10px 0;
	margin:0;
	color:#5d5d5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	line-height:13px;
	
}
ol {
	margin:0;
	padding-top:10px;
	padding-left:30px;
	font-weight: bold;
	
}
ol li {
	color:#5d5d5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	line-height:12px;
}
a {
	padding-bottom:10px;
	margin:0;
	color:#5d5d5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	line-height:13px;
}
a:hover {
	color:#b11737;
	text-decoration:none;
}
/* content */
#footerNotes {
	padding:10px 0;
	color:#999999;
	text-align:right;
}
#footerNotes a {
	padding:0 7px;
	color:#999999;
}
#footerNotes span {
	margin:0;
	padding:0;
	float:left;
}


/*======= SOCIAL RESPONSIBILITY =======*/
body#socialRes #header ul.socRes a:hover {
	background:#53b02f;
}
body#socialRes #header #selected {
	background:#53b02f;
}

/*SUBNAV COLOR SETUP*/
body#socialRes #frame {padding-bottom:40px;}

body#socialRes.ourProducts #header #submenu li.ourProducts a,
body#socialRes.environmental #header #submenu li.environmental a,
body#socialRes.ourPeople #header #submenu li.ourPeople a,
body#socialRes.commitment #header #submenu li.commitment a {
	background:#53b02f;
}

body#socialRes #container {
	border-bottom:1px solid #53b02f;
	border-top:2px solid #53b02f;
	clear:both;
	overflow:hidden;
	position:relative;
	width:760px;
}
body#socialRes #content #holder {
	margin:0;
	padding:0 20px 20px 20px;
	overflow:auto;
}
body#socialRes.intro #container {
	border-bottom:1px solid #53b02f;
	border-top:2px solid #53b02f;
}
body#socialRes.intro #content #holder {
	margin:0;
	padding:0;
	overflow:auto;
}

body#socialRes  h2 {
	color:#53b02f;
}

body#socialRes  h3 {
	_height:1%;
	margin:10px 0 0 0;
	padding:15px 0 5px 0;
	color:#53b02f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	text-transform:uppercase;
	border-top:none;
}

body#socialRes h2+h2 {
	padding-left:10px;
	border-left:1px dotted #53b02f;
}

body#socialRes  h4 {
	color:#000000;
	font-size:10px;
	padding:5px 0;
	
}

body#socialRes div.columns {
	float:left;
	width:340px;
}
body#socialRes div.two {
	padding-left:30px;
}

body#socialRes #footerNotes {
	padding:0 7px;
	font-size:9px
	color:#999999;
}
ol.newList {
	list-style:disc;
	margin:0;
	padding:0 0 20px 20px;
}
ol.newList li {
	padding:5px 0;
	color:#53b02f;
	font-weight:bold;
}
ol.newList li span {
	color:#545e53;
	text-transform:uppercase;
	font-weight:normal;
}
div.logoGraphic {width:270px;text-align:center;padding:20px;position:relative;}
img.tableImg {position:absolute;width:300;top:100px;right:50px;}
img.dottedLine {position:absolute;top:95px;right:-57px;}
img.operationTeam {position:absolute;width:300;top:100px;right:50px;}



/* BOTTOM NAVINGATION FOR SOC RES */

ul#bottomNav {
	clear:both;
	position:relative;
	height:23px;
	width:100%;
	padding:0;
	margin-bottom:6px;
	margin-left:0;
	list-style:none;
	background:#090;
	
	bottom:0;
	position:fixed;
	width:760px;
	margin-left:50%;
	left:-380px;
}
ul#bottomNav li {
	width:auto;
	float:left;
	position:relative;
	height:18px;
	padding:5px 0 0;
}
ul#bottomNav li a {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	padding:0 10px;
}
ul#bottomNav li.latestNews {
	margin-right:50px;
}
ul#bottomNav li.pdfDownload {
	position:absolute;
	top:0;
	right:0;
}
ul#bottomNav li.pdfDownload img {
	position:absolute;
	top:-9px;
	left:-21px;
}

ul#bottomNav li:hover {
	height:21px;
	padding-top:5px;
	top:-3px;
	border-top:3px solid #53b02f;
	background:#FFF;
}
ul#bottomNav li:hover a {
	color:#53b02f;
}


body#socialRes #ibox_content h3 {margin-top:0;}