/* CSS Document */
*{padding:0; margin:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#86A2CC; text-align:center;}
input, select {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a { color: #000; font-weight: bold; text-decoration: none; }
a:link, a:visited { color: #000; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
.fleft {float:left;}
.fright {float:right;}
.algcenter {text-align:center;}
.noFlash { display:none; }

#rolltipDiv { font-weight:bold; text-align:left; position:absolute; visibility:hidden; left:0; top:0; z-index:1000; width:220px; padding:3px; background-color:#8C8C8C; border:1px solid #336336; color:#FFFFFF }

#container{ width:910px; margin:auto; padding:0; background:#fff; 	text-align: left;}
	.logo{float:left}
	.textLogo{float:right; text-align:right}
	.GreyColor{color:#8C8C8C;}
	.BlackColor{background:#000000;width:910px;}

	#navigation { height: 40px; }
	#navigation ul {
		display: block;
		height: 40px;
		padding-left: 26px;
		background: url(../imgs/nav.gif) no-repeat;
	}
	#navigation ul li {display: inline;}
	#navigation ul li a { display: block; float: left; }
	#navigation ul li a#nav1:link, #navigation ul li a#nav1:visited { width: 125px; height: 40px; background: url(../imgs/nav.gif)  -26px 0 no-repeat; }
	#navigation ul li a#nav2:link, #navigation ul li a#nav2:visited { width: 131px; height: 40px; background: url(../imgs/nav.gif) -151px 0 no-repeat; }
	#navigation ul li a#nav3:link, #navigation ul li a#nav3:visited { width: 164px; height: 40px; background: url(../imgs/nav.gif) -282px 0 no-repeat; }
	#navigation ul li a#nav4:link, #navigation ul li a#nav4:visited { width: 119px; height: 40px; background: url(../imgs/nav.gif) -446px 0 no-repeat; }
	#navigation ul li a#nav5:link, #navigation ul li a#nav5:visited { width: 101px; height: 40px; background: url(../imgs/nav.gif) -565px 0 no-repeat; }
	#navigation ul li a#nav1:hover { background: url(../imgs/nav.gif)  -26px -40px no-repeat; }
	#navigation ul li a#nav2:hover { background: url(../imgs/nav.gif) -151px -40px no-repeat; }
	#navigation ul li a#nav3:hover { background: url(../imgs/nav.gif) -282px -40px no-repeat; }
	#navigation ul li a#nav4:hover { background: url(../imgs/nav.gif) -446px -40px no-repeat; }
	#navigation ul li a#nav5:hover { background: url(../imgs/nav.gif) -565px -40px no-repeat; }

	#navigation ul li a#nav1act {width: 125px; height: 40px; background: url(../imgs/nav.gif)  -26px -40px no-repeat; }
	#navigation ul li a#nav2act {width: 131px; height: 40px; background: url(../imgs/nav.gif) -151px -40px no-repeat; }
	#navigation ul li a#nav3act {width: 164px; height: 40px; background: url(../imgs/nav.gif) -282px -40px no-repeat; }
	#navigation ul li a#nav4act {width: 119px; height: 40px; background: url(../imgs/nav.gif) -446px -40px no-repeat; }
	#navigation ul li a#nav5act {width: 101px; height: 40px; background: url(../imgs/nav.gif) -565px -40px no-repeat; }

	#navigation ul li a span { display: none; }

/* ----- HEADER ----- */
	#header {height:73px; background: url(../imgs/logo.gif) no-repeat;}
	#header a:link, #header h1 a:visited, #header h1 a:hover {display: block; width: 910px;	height: 70px; }
	#header a span { display: none; }
	
	#topHead{width:910px;background:url(../imgs/header_bg.gif) left top repeat-x; margin:0; padding:0;}
		#centerHead{background:url(../imgs/header_bot_bg.gif) left top repeat-x; text-align:left; margin:0; padding:0;}
		#centerHead .line{ background:url(../imgs/nav_line_bg.gif) left top repeat-y;}
		#centerHead #nav{padding:30px 0 0 0; margin:0;}
		#centerHead #nav ul{list-style:none;background:#fff;}
		#centerHead #nav li{float:left; display:inline;}
		#centerHead #nav li a{margin:0; padding:0;}
	#content{width:910px; text-align:left;}
	#content ul {color:#585858;}		
	.horshad {background:url(../imgs/horizon_shad.gif) left top repeat-y; margin:0 0 25px 0;}
		.vertline2 {background:url(../imgs/vert_sepline2.gif) left top repeat-y; margin:0 0 25px 0;}
		.spacing {margin:0 0 20px 0;}
		#contentBg{width:881px; background:url(../imgs/cont_cent_bg.gif) left top repeat-y; margin:40px 0 0 25px;}
		#botContBg{width:881px; background:url(../imgs/cont_bot_perfume.gif) left bottom no-repeat; padding-bottom:45px; }
		#top{width:881px; margin:0; padding-top:20px; background:url(../imgs/cont_top_bg.jpg) left top no-repeat;}
		#top ul{ list-style:none; width:150px; margin-left:10px;}
		#top li{ display:block;background:url(../imgs/arrow_bullet.gif) 0 9px no-repeat; padding:4px 0 4px 10px; vertical-align:middle;}
		#top li a{}
		.firstTit{ padding:10px 0 10px 10px;}
		.secTit{ padding:0 0 5px 10px;}
		#top .blk1{width:262px; float:left;}
		#top .blk1 ul,#top .blk3 ul{ width:250px;}
		#top .blk2{width:262px; float:left;margin-left:45px;}
		#top .blk3{width:262px; float:left;margin-left:32px; display:inline;}

/*Sutrix section*/
#subnav{position:relative; clear:both; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
	.submenu {list-style:none; background:#fff;}
	.borderLeft {border-left:1px solid #8c8c8c;}
	.submenu li {display:block; float:left; padding-right:2px;padding-top:10px;}
	.submenu li a:link, .submenu li a:visited {display:block; line-height:20px;padding:0 7px; color:#fff; background:#8c8c8c;}
	.submenu li a:hover { text-decoration:none;color:#000;background:#E4E4E4;}
	#subnav	.navOn{color:#000;background:#E4E4E4;}
#subnewsroom{ padding-left:564px;}
#subwhoneteurope{ padding-left:25px;}
#subbrand{ padding-left:150px;}
#subhr{ padding-left:281px;}

/* ----- NEWSROOM ----- */
#newsroomcontainer { background: url(../imgs/shadow1_top.gif) left top no-repeat; }
	#newsroom { background: url(../imgs/shadow1_bottom.gif) left bottom no-repeat; padding: 0 40px 60px 0; height: 1%; }
		#newsroomtitle {
			width: 169px;
			float: left;
			padding-left: 40px;
		}
		#newsroomcontent { padding-left: 239px; }			
			#newsroomcontent div#newsroomfocus { background: url(../imgs/newsroom_focus.gif) 0 0 repeat-y; padding: 0 200px 16px 0; margin-bottom: 10px; }
			#newsroomcontent #newsroomothercontent { height: 1%; }
				#newsroomcontent #newsroomothercontent div#newsroomcompanynews {
					width: 357px;
					float: left;
					margin-top: 10px;
					padding-right: 48px;
					border-right: 1px solid #C4C4C4;
				}
					#newsroomcontent #newsroomothercontent div#newsroomcompanynews div.articlepreview { border-bottom: 1px solid #8C8C8C; padding: 5px 0; }				
				#newsroomcontent #newsroomothercontent div#newsroompress { width: 190px; float: left; margin: 10px 0 0 20px; }
				#newsroomcontent #newsroomothercontent div#newsroompress .read { margin-bottom: 10px; }


/* ------who network europe------*/

	/* ------edit for map javascript -----*/
	#worldmapJs{background-color:#6881a6;}
	#EUmapJs{background-color:#344053; display:none}
	#popup{width:290px; position:absolute; background:url(../imgs/popup_top.gif) left top no-repeat; display:none; }	
	#popup img {float:right; padding:6px 10px 0 0;}
	#bgbottom {background:url(../imgs/popup_bot.jpg); width:290px; height:22px;}
	#popupContent{width:auto; float:left;}
	#popup h3, #popup p{ padding:0 0 0 10px;}
	/* ------end ------*/

#contentTit{margin-bottom:3px; margin-left:40px;}
#contentTit p{ padding:10px 20px;width:522px;font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#000;}

/* ------who company------*/
#contentText{margin:15px 0 20px 45px;}
#smallTit{ padding:10px 0 0 0;}
#contentTextImg{float:left; margin:0; padding:0;}
#contentTextC{float:left; width:380px; margin-left:30px;}
#contentTextC p {color:#000;}
#contentTextC ul { list-style:none;}
#contentTextC li { background:url(../imgs/icon_blue.gif) 0 7px no-repeat; margin-left:20px;padding:0 0 0 10px; vertical-align:middle; line-height:18px;}
#contentTextR {float:left; border-left:1px solid #DEDEDE;margin-left:15px; padding:0 0 0 15px;}
#contentTextR p {color:#000;}


/*------- brand -------------*/
#botshad {background:url(../imgs/bot_shad.gif) left bottom no-repeat; margin:0 0 0 42px;}
#blockcontent {width:829px; padding:0 0 10px 0; background:url(../imgs/blkcont_bg.gif) left top no-repeat;}
	#blockcontent dl, #blockcontent dd {float:left;}
	#blockcontent img {display:block;}
	.horizonsep {padding:15px 0 0 0;}
	.colright {margin:0 0 0 35px;}
	.row {padding:0 0 12px 0;background:url(../imgs/vert_sepline.gif) repeat-y; height:1%;}
	.photo {width:120px;}
	.photo2 {width:140px;}
		.photo img,.photo2 img  {float:right;}
	.desc {width:251px; margin:0 0 0 15px;}
	.desc2 {width:240px; margin:0 0 0 15px;}
	
/* -------- brand partners ----------------------- */	
	.brandTitle {margin:0 0 0 30px; padding:0 20px 0 0; width:831px;}
		.brandTitle p {margin:20px 0 0 0; }
	#brandident {margin:5px 0 0 30px; background:url(../imgs/brandident_main_bg.gif) repeat-y;}
		#brandidentTop {padding:15px 0 0 0;background:url(../imgs/brandident_bg.gif) left top no-repeat; height:1%;}
			#brandidentC1 {width:458px; padding:0 0 0 20px; float:left;}
			#brandidentC1 p {font-size:12px;}
				.brdtop {margin:8px 0 0 0; padding:10px 0 0 0; border-top:1px solid #8c8c8c;}
				.mar1 {margin:15px 0 10px 0;}
				.website {margin:0 0 0 10px; }
			#brandidentC2 {width:340px; padding:20px 0 0 22px; float:left;}
			#brandidentC2 a {font-weight:normal;}


/*------- whoweare ---------*/	
.coprofile {padding:0 0 0 357px; width:473px; height:38px; background:#fdfdfd;}

/*------- sitemap ---------*/
#sitemap {height:381px; margin:0 0 0 35px; background:url(../imgs/sitemap_bg.jpg) left bottom no-repeat;}
	#mapcont {padding:7px 0 0 52px;}
	.mapcolcont {width:120px; float:left;}
		.mapmar {margin:0 0 0 30px;}
		.mapmar2 {margin:0 0 0 40px;}
.ullist2 {margin:-5px 0 0 0; list-style:none;}
.ullist2 li { background:url(../imgs/icon_blue.gif) 0 7px no-repeat; padding:0 0 0 10px; vertical-align:middle; line-height:18px;}
.ullist2 li a:link,.ullist2 li a:visited  {font-weight:normal;}
/*------- president ---------*/	
#president {margin:0 0 0 35px;}
	#president dl {margin:10px 0 0 0;}
	#president dd {float:left;}
		#impres {width:280px;}
		#prescont {width:450px; padding:0 0 0 20px;}
		#prescont h2{font-size:14px; padding-top:10px;}
		#prescont p {color:#000;}
			.pos {margin:10px 0 0 0;}
/*------- news_reviews ------- */
#column1 {width:565px; padding:0 0 0 42px; float:left; font-size:12px;}
#column1 p{font-size:12px;}
	.blocbook {clear:both;}
	.blocbook p{color:#000;}
	.blocbook span {color:#585858;}
	.imsep {clear:both; padding:9px 0; display:block;}
	.bookim {width:75px;float:left;}
		.bookim img {float:right;}

	.bookim2 {width:140px; float:left;}
		.bookim2 img {float:right;}
	.bookinfo, .bookinfo2 {width:400px; margin:0 0 0 15px;float:left;}
		.bookinfo2 p {color:#585858;margin:0 0 15px 0;}
		.bookinfo2 p.read {margin:30px 0 0 0;}
	.botnavi{margin:0;}	
#column2 {width:200px; margin:0 0 0 70px; float:left;}

/*------- carreer_testimonials ------- */	
.findJob { width:192px; background:url(../imgs/jobF_bg.jpg) left top no-repeat; padding:10px 0 0 0; margin:13px 0 0 0;}
	.findJob .read {margin-top:10px;}
.findJob h5{margin:0; padding: 2px 0 0 10px;}
.findJob p{color:#000; margin:0 0 0 10px; width:85%;}
.spaceTop{ padding:20px 0 0 0;}
	
/*------- team ------- */
#teamHome {width:850px; height:350px; margin:15px 0 15px 30px; background:url(../imgs/team_home_bg.gif) repeat-x;}
	#teamLeft {width:185px; height:350px; float:left; background:url(../imgs/team_home_left.gif) no-repeat;}
	#teamLeft ul {margin:0; padding:0; list-style:none; color:#47505C;}
	#teamLeft li {padding-bottom:5px;}
	#teamLeft a { color:#47505C;text-transform:uppercase;display:block;}
		#teamLeftContent {width:153px;height:309px;margin:14px 0 0 10px; float:left; display:inline; overflow:hidden; position:relative;}
			#scrollContent {position:absolute; left:0px; top:0px;}
		#teamLeftNav {width:12px;margin:14px 5px; float:left; display:inline;background:url(../imgs/team_scroll_bar.gif) 0 10px no-repeat;}
			#arrowUp {padding-bottom:285px;}
	#teamContent {width:665px; height:350px; float:right; background:url(../imgs/team_bg_right.gif) right no-repeat;}
	#leftImg{width:130px; padding:20px 0 0 20px; margin:0; float:left;}
	.ImgBor{border:1px solid #8c8c8c; padding:1px;}
	#rightText{margin:20px 10px 0 20px; padding:0 15px 0 0; float:left; width:425px; height:300px; position:relative; overflow:hidden; display:inline;}
		#scrollContent2 {position:absolute; left:0px; top:0px;}
		#scrollContent2 p{text-align:justify; padding:0 0 0 2px;}
	#rightText #imgtit{margin:0; padding:0 0 5px 0;}
	
	/*----------who_story--------------*/
	#teamStory{width:850px;margin:15px 0 35px 30px; background:url(../imgs/who_story_bg.gif) repeat-y;}
	#topteamStory img{ padding:0; margin:0 0 5px 0;}
	#topteamStory{width:850px;height:310px;/*background:url(../imgs/who_story_top.jpg) no-repeat;*/}
	#teamStoryBlk1{width:126px; padding:0 5px 0 10px; margin:0;float:left;}
	#teamStoryBlk2{width:123px; padding:0 5px 0 10px; margin:0;float:left;}
	.teamStoryBlk3{width:124px; padding:0 5px 0 10px; margin:0;float:left; color:#000000;}
	.blockBg{background:url(../imgs/who_story_block_bg.gif) left top repeat-y; height:1%;}
		.blockBg p {color:#000;}
/*------- carreer_jobs | carreer_jobs_detail ------- */
.txtblk {color:#000;}
/* form */
#frm5xx {margin:15px 0 5px 0; padding:10px 0 0 0;}
	.bg1 {background:url(../imgs/frm5xx_bg.gif) left top no-repeat;}
	.bg2 {background:url(../imgs/frm5xx_bg2.gif) left top no-repeat;}
#focuson1 {width:258px; padding:0 0 0 15px; float:left;}
	#focuson1 p {color:#000;}
	#focuson1 p.inscont {padding:0 0 0 10px;}
	#sayst {width:150px; float:right;}
	.btnApply:link, .btnApply:visited {color:#fff; width:109px; padding:0 0 0 16px; line-height:18px; height:19px; text-align:left; background:url(../imgs/btnApply.gif) no-repeat; display:block;}
	.btnApply:hover {background:url(../imgs/btnApply.gif) no-repeat;}
	.btnApply2:link, .btnApply2:visited {color:#fff; width:114px; padding:0 0 0 16px; line-height:18px; height:19px; text-align:left; background:url(../imgs/btnApply2.gif) no-repeat; display:block;}
	.btnApply2:hover {background:url(../imgs/btnApply2.gif) no-repeat;}
	.btnApply3:link, .btnApply3:visited {color:#fff; width:139px; padding:0 0 0 16px; line-height:18px; height:19px; text-align:left; background:url(../imgs/btnApply3.gif) no-repeat; display:block;}
	.btnApply3 {background:url(../imgs/btnApply3.gif) no-repeat;}
	.setbtnApply {margin: 10px 0 7px 55px;}
	.setbtnApply2 {margin: 10px 0 7px 230px;}
	.email {margin-bottom:-3px;}
#focuson2 {width:225px; padding:0 0 0 45px; float:left;}
	#focuson2 .rtitle {margin:0 0 10px 0}
#frmFocuson {margin:13px 0 20px 0; background:url(../imgs/select_sepbg.gif) no-repeat; height:1%;}
	#frmFocuson .setwide1 {width:170px;}
	#frmFocuson .setwide2 {width:158px;}
	#frmFocuson select, #frmFocuson img {float:left; margin:0 10px 0 0; font-size:10px;}
.postion {color:#000; padding:0 0 0 10px;}
.cjobdetail {width:157px; padding:0 0 0 20px; float:left;}
	.brdright {border-right:1px solid #8c8c8c;}
.jobdesc {padding:0 0 0 5px;}
	.jobdesc p {color:#000; margin:7px 0 3px 0;}
	.jobdesc strong {color:#8c8c8c;}
.linesep {padding-bottom:15px;}
	
/* ----------------- Contact us --------------------- */
#frmcontact legend {display:none;}
#frmcontact fieldset {margin:0 0 0 20px; border:0;}
#frmcontact p {margin:0; padding:0; clear:both;}
#frmcontact p.fieldtit {padding:0 0 10px 0;}
#frmcontact label, #frmcontact input, #frmcontact select, #frmcontact textarea  {display:block; float:left;}
#frmcontact input, #frmcontact select {width:200px; margin:0 10px 8px 0;}
	select#country {width:203px;}
#frmcontact textarea {width:260px; margin:0 10px 8px 0; }
#frmcontact input.upload {width:330px;}
#frmcontact input.chkbox {width:15px;}
#frmcontact label {color:#8c8c8c; line-height:20px; width:155px; font-weight:bold;}
#frmcontact span {line-height:20px;}
#frmcontact  .setbtnApply3 {margin: 10px 0 10px 177px;}
p.manda {line-height:25px;}

/* ----- Email to friend ----*/
#sendfriend {margin:15px 0 0 0;}

/* ----- Submit your CV ------*/
#profile div.submitCV {width:175px; float:left; margin:0 0 8px 0;}
#profile div.submitCV p {margin-bottom:2px;}
#profile div.submitCV label {width:150px; font-weight:normal; line-height:21px;}
#profile div.submitCV input  {width:15px; margin:1px 4px 0 0; display:block;}

/* ----- CLASSES ----- */
.read {background: url(../imgs/read.gif) 0 7px no-repeat; padding-left: 10px;}
.readtop {background: url(../imgs/readtop.gif) 0 7px no-repeat; padding-left: 10px;}
.readback {background: url(../imgs/readback.gif) 0 7px no-repeat; padding-left: 10px;}


#ullist { list-style:none;}
#ullist li { background:url(../imgs/icon_blue.gif) 0 7px no-repeat; padding:0 0 0 10px; vertical-align:middle; line-height:18px;}


/* ----- HEADINGS ----- */
h1 {}
h2 {}
h3 {font-size:18px; color:#86a2cc;}
h3.black {font-size:18px; color:#000;}

h4 {font: 18px Arial, Verdana, 'Bitstream Vera Sans', sans-serif; font-weight:900; color: #86A2CC;}
h5{ font-size:12px;color:#86a2cc;}

/* ----- PARAGRAPHS ----- */

p {color: #585858;font-size: 11px;font-family: Arial, Verdana, 'Bitstream Vera Sans', sans-serif;padding: 3px 0 4px 0;}

	#footer { clear: both; background: #86A2CC; font-size: 11px; }
	#footer h1 { height: 32px; background: url(../imgs/footer.gif) no-repeat; }
	#footer h1.homefooter { height: 65px; background: url(../imgs/home_footer.gif) no-repeat; }
	#footer h1 span { display: none; }
	#footer ul { padding: 8px 0 3px 23px; }
	#footer ul li { display:inline; color: #435166; padding: 0 7px; }
	#footer ul li a:link, #footer ul li a:visited { color: #435166; text-decoration: none; font-weight: normal; }
	#footer ul li a:hover { text-decoration: underline; }

#brandcont {height:145px; position:relative; overflow:hidden;}	
#brandscroll {position:absolute; width:430px; float:left; left:0; top:0;}
#teamLeftNav3 {width:12px;margin:0; float:right; display:block;background:url(../imgs/team_scroll_bar_small.gif) 0 10px no-repeat;}
#arrowUp2 {padding-bottom:120px;}