﻿/**   --------- Structure ---------   **/
* {  font-size:11px;  margin:0; padding:0; }
a{-moz-outline: none}
/** --General-- **/
body {font-family:Tahoma; margin:0 auto; position:relative; width:100%;color:#747A80;}
body {behavior:url("Resources/Global/htc/hover.htc");}
.page{width:780px; position:relative; margin:0 auto;}
/** --header-- **/
#logo{float:left; overflow:hidden; height:45px; padding-top:14px; padding-left:5px;}

#top_menu{ float:right; height:45px;  margin:7px 0 0 0;  }
	#top_menu div{background-color:#ffffff; padding:15px 0px 0 4px; font-size:10px; text-transform:uppercase;}		
	#top_menu a{float:left; padding:15px 4px 0 4px; color:#BBBBBB; text-transform:uppercase;  height:20px;}
	#top_menu a:hover{color:#737373;}
	#top_menu a.changeRegion{padding-left:40px;  color:#BBBBBB; background:url('../Image/Misc/smallMapblue.gif') no-repeat 0 12px; cursor:pointer; padding:15px 0px 0 40px;}	
	#top_menu a.changeRegion span{display:block; padding-right:14px;background:url('../Image/Bullets/region.gif') no-repeat right 0px;}	
	#top_menu div{padding:15px 4px 0 4px;text-transform:uppercase;}
	
	#top_menu a.changeRegion:hover{color:#737373;background:url('../Image/Misc/smallMap.gif') no-repeat 0 12px;}
	#top_menu a.changeRegion:hover span{background:url('../Image/Bullets/region_hover.gif') no-repeat right 1px;}
	#top_bar img{float:left; padding:2px 8px 0 4px}
	
#main_menu{clear:both; width:788px; padding-top:3px; overflow:hidden;  }
.HeaderImage{padding:0 3px;}

		/**    --menu--   **/
		 .menuHolder{position:relative; top:-10px;  width:784px; margin:0 0; height:35px; overflow:hidden; }
		 .bgMenu{background: url('../Image/Menu/bgMenu.png'); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/Menu/bgMenu.png',sizingMethod='image');  _background:none; background-repeat:no-repeat; height:36px; left:0px; padding:3px 0px 0 0; position:absolute; top:0px; width:786px;} 
		 .menuHolder .menu{height:28px;  margin:0; padding:0; width:780px; z-index:1000; position:relative; left:3px; top:6px; }
		 .menuHolder .menu  tbody{margin:0; padding:0; }
		 .menuHolder a{display:block; height:20px; padding-top:5px;}
		 .menuHolder .menu td {color:#CCECF8; font-weight:bold;  text-transform:uppercase;margin:0; padding:0; text-align:center; border-left:1px solid #0088BD; border-right:1px solid #80D1EF;  }
		 .menuHolder .menu td.first , .menuHolder .menu .currfirst {border-left:none;}
		  
		 
		 .menuHolder .menu td:hover{background:url('../Image/Menu/hover.gif') repeat-x 0 1px;color:#FFFFFF!important;cursor:pointer;  }
		 .menuHolder .menu td.hover{background:url('../Image/Menu/hover.gif') repeat-x 0 1px;color:#FFFFFF!important;cursor:pointer;  }
		 
		 .menuHolder .menu .currfirst{color:#FFFFFF!important; background:url('../Image/Menu/leftMenu_curr.gif') repeat-x 0 0; border-right:1px solid #BCDE81;}
		 .menuHolder .menu .currfirst a{color:#FFFFFF!important;}
		 .menuHolder .menu td.currfirst:hover{color:#FFFFFF!important; background:url('../Image/Menu/leftMenu_curr.gif') repeat-x 0 0px;}
		 
		 .menuHolder .menu .first{color:#CCECF8; font-weight:bold;  text-transform:uppercase; margin:0; padding:0;}
		 .menuHolder .menu td.first:hover{background:url('../Image/Menu/leftMenu_hover.gif') repeat-x 0 0px;color:#FFFFFF!important;cursor:pointer; }

		 .menuHolder .menu .currlast{color:#FFFFFF!important; background:url('../Image/Menu/rightMenu_curr.gif') repeat-x right 0; border-right:none;}
		 .menuHolder .menu .currlast a{color:#FFFFFF!important;}
		 .menuHolder .menu td.currlast:hover{color:#FFFFFF!important; background:url('../Image/Menu/rightMenu_curr.gif') repeat-x right 0px;}
		 
		 .menuHolder .menu .last{color:#CCECF8; font-weight:bold;  text-transform:uppercase; margin:0 10px 0 0; padding:0; border-right:none;}
		 .menuHolder .menu td.last:hover{background:url('../Image/Menu/rightMenu_hover.gif') repeat-x right 0px;color:#FFFFFF!important;cursor:pointer; }

	
		 .menuHolder .menu .curr{color:#FFFFFF!important; background:url('../Image/Menu/clicked.gif') repeat-x right 0px; border-right:1px solid #BCDE81;}
		 .menuHolder .menu .curr a{color:#FFFFFF!important;}
		 .menuHolder .menu td.curr:hover{color:#FFFFFF!important; background:url('../Image/Menu/clicked.gif') repeat-x right 0px;}
		 .menuHolder .menu td a {color:#CCECF8;}
		 .menuHolder .menu td a:hover {color:#fff;}
		 .menuHolder .menu td:hover a{color:#fff;}
		 
		 #subMenuContainer{width:780px; position:absolute; top:0px;    overflow:hidden;  }

		/*  --sub menu--  */
		.sub{ width:250px;  overflow:hidden;  padding:0; margin:0; position:absolute;}				
			.bgleftwrap{height:436px; bottom:0; left:0; width:218px;_width:217px; position:absolute; overflow:hidden;}
			.bgleft{background-image:url('../Image/SubMenu/bgleft.png'); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/SubMenu/bgleft.png',sizingMethod='image');  _background:none; height:435px; bottom:0; left:0; width:100%; position:absolute; background-repeat:no-repeat; padding:0; margin:0;  }		
			.bgright{background-image:url('../Image/SubMenu/bgright.png'); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/SubMenu/bgright.png',sizingMethod='image');  _background:none;height:435px;width:32px;  position:absolute;bottom:0;right:0; background-repeat:no-repeat;}					
		.sub ul{margin:0 6px 10px 0;  z-index:10; position:relative; }
		.sub ul li {margin-top:1px;font-family:Arial; font-size:11px;  padding:4px 13px 0 13px; list-style:none; text-transform:uppercase; background:url('../Image/Bullets/submenu_arrow.gif') no-repeat 10px 9px; color:#CCCDD1;cursor:pointer;  _margin-right:21px;}
		.sub ul li:hover{color:#fff; background-color:#4B4B4B; cursor:pointer;cursor:pointer;}
		.sub ul li a{color:#CCCDD1; display:block;  padding:2px 10px 4px 10px;   height:100%; _width:100%;border-bottom:1px solid #343A49;  }
		.sub ul li:hover a {color:#ffffff;position:relative;bottom:-2px;padding-bottom:6px;padding-top:0;}

		/*regionList */
		#RegionList{width:134px; background:#ffffff url('../Image/Region/top.gif');position:absolute; cursor:pointer;overflow:hidden;  padding:10px 0 0px 0 ; margin:0; z-index:500;}
		#RegionList .bottom{width:134px; background:url('../Image/Region/bottom.gif') no-repeat left bottom; height:3px; margin-top:6px; }
		#RegionList a { text-transform:uppercase; display:block; color:#008FD8; font-size:9px;padding:0px 0px 0px 0px; margin-left:10px; margin-right:8px;  border-bottom:1px solid #ffffff;}
		#RegionList a span{display:block; padding:6px 0 6px 4px; margin-bottom:2px; }
		#RegionList a:hover span {  background:#EFEFEF; }
		#RegionList a:hover{border-bottom:1px solid #DADADA;}
		
/** --body-- **/
#page_body {}

/** --footer-- **/
#page_footer {}
 /**  Footer **/
 #footer {border-top:1px solid #E3E3E3; clear:both;margin-top:30px;  margin:30px auto 0; width:780px!important; padding-top:10px;}
 #footer * { color:#A1A19F; font-size:10px;}
 #footer a { padding:0 5px 0 5px; }
 
 .copyRights{float:left;}
 .footerMenu{float:right; }
 
 .clear{clear:both;}
 
 

/**   --------- Typography ---------   **/
.span-black{color:#000; font-weight:bold;}



/* lightbox */
.hidden{display:none;}
#overlay{
	background-color: black;
	opacity: 0.3;
	filter: alpha(opacity=30);

	/*firefox and ie7 are awesome!*/
	width: 100%; height: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 10;

	/*ie 6 sucks*/
	_position: absolute;
	_height: expression(document.documentElement.clientHeight);
	_width: expression(document.documentElement.clientWidth);
	_top: expression(eval(document.documentElement.scrollTop));
}

#langLightbox{
	width: 423px;
	height: 226px;
	padding-top:65px;
	padding-left:23px;
	z-index: 11;
	/*firefox and ie7 are awesome!*/
	position: fixed;
	top: 220px;
	left: 50%;
	margin-left: -211px;
	/*ie 6 sucks*/
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop)+220);
	
}

#langLightbox .countriesBg {
	width: 423px;
	height: 226px;
	background:url('../Image/Lightbox/Layout-lightbox_bg2.png') no-repeat; /*<--- change here*/
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/Lightbox/Layout-lightbox_bg2.png',sizingMethod='scale'); /*<--- change here*/
	position: absolute;
	top:0;
	left:0;
	z-index:10;
}

#langLightbox .countriesBgText /* new class */
{
	position: absolute;
	top: 25px;
	left:27px;
	z-index:11;
	font-size:17px;	
	line-height:17px;		
	font-weight:bold;		
	font-family: Arial;		
	color: #F15A22;			
	
}
/* end change */
#langLightbox .countries{
	z-index:150;
	position:absolute;	
	margin-top:20px;
	margin-left:15px;
	
	
}

#langLightbox .countries a{
	display:block;	
	width:130px;
	height:18px;
	padding-top:4px;
	padding-left:18px;
	text-decoration:none;
	color:#9A9A9A;	
	
	background:url('../Image/Bullets/smallArrow.gif') no-repeat 2px 9px;
}

#langLightbox .countries a:hover{
	background:#F0F0F0 url('../Image/Bullets/career.gif') no-repeat 2px 6px;
}
#langLightbox .countries a.sel{
	color:#0172AD;
	background:url('../Image/Lightbox/Layout-lightbox_bg_over.gif') repeat-x;
}

/* change 28/03/07 */
#langLightbox .langsBg {
	width: 172px;
	height: 170px;
	background:url('../Image/Lightbox/Layout-lightbox_lang_bg2.png') no-repeat; /*<--- change here*/
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/Lightbox/Layout-lightbox_lang_bg2.png',sizingMethod='scale'); /*<--- change here*/
	position: absolute;
	top:20px;
	left:8px;
	z-index:1;
}

#langLightbox .langsBgText /* new class */
{
	position: absolute;
	top: -40px;
	left:17px;
	z-index:11;
	font-size:17px;	
	line-height:17px;		
	font-weight:bold;		
	font-family: Arial;		
	color: #007CBE;	
	xwidth:138px;
	
}
/* end change */
#langLightbox .langs{
	z-index:2;
	position:absolute;
	top:85px;
	left:8px;
	width: 172px;
}

#langLightbox .langs a{
	display:block;
	border-bottom:solid 1px #EEEEEE;
	width:120px;
	height:18px;
	padding-top:4px;
	text-decoration:none;
	color:#9A9A9A;
	font-weight:bold;
	padding-left:5px;
}

#langLightbox .langs a:hover{
	color:#000000;
}


/* Text */

.span-grey{color:#747A80;
	font-weight:bold;
	font-size:11px;}
	
	
	
	

	
	/**************new dynamicly vertical strech ligth box******************/

.DynamicLigthBox
{
	width:750px;
	z-index: 11;
	/*firefox and ie7 are awesome!*/
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -325px;
	/*ie 6 sucks*/
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop)+100);
	}

	.DynamicLigthBox #png_top{
		width:750px;height:20px;
		color:#fff;
		background-image:url('../Image/Lightbox/DynamicBoxWide_top.png');
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/Lightbox/DynamicBoxWide_top.png',sizingMethod='image');
		_background:none;
		}
	.DynamicLigthBox #StrechContainer{position:relative;width:750px;color:#000;}

	.DynamicLigthBox #png_body{
		background:transparent url('../Image/Lightbox/DynamicBoxWide_body.png') repeat-y;
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/Lightbox/DynamicBoxWide_body.png',sizingMethod='scale');
		_background:none;
		position:absolute;
		top:0;
		left:0;
		z-index:0;
		width:750px;
		height:100%;
		_height:expression(parentNode.offsetHeight+"px");
		}

	.DynamicLigthBox .StrechContent{position:relative;z-index:1;width:670px;color:#000;left:30px;top:20px;}

	.DynamicLigthBox #png_bottom{
		width:750px; height:30px;
		background-repeat:no-repeat;
		background-image:url('../Image/Lightbox/DynamicBoxWide_bot.png');
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/Lightbox/DynamicBoxWide_bot.png',sizingMethod='image');
		_background:none;
		}

/**************VALUES SHARED BY DYNAMIC BOXES******************/

	.DynamicLigthBox a{
		float:right;
		text-transform:uppercase;
	}
	.DynamicLigthBox a:hover{color:#333333;}



/********* editor styles *************/
.bulletV ul li
{
    background: transparent url(../Image/Bullets/vi.gif) no-repeat !important;
    display: block;
    padding-left:20px !important;
    margin-bottom:15px !important;
}
.bulletV li
{
    background: transparent url(../Image/Bullets/vi.gif) no-repeat !important;
    display: block;
    padding-left:20px !important;
    margin-bottom:15px !important;
}
