@charset "utf-8";
@import url("reset.css");
@import url("settings.css");
/* CSS Document */

/************************************************************/
/*************************HTML RESET*************************/
html,body
{ width:100%; height:100%; background:#000;}


.warpper
{ width:100%;}
/*
@font-face {
  font-family: 'AvantGardeGothicITCW01B 731063';
  src: url("./itc.woff");
}
@font-face {
  font-family: 'ITCAvantGardeW01-CnMd';
  src: url("./itccm.woff");
}
@font-face {
  font-family: 'AvantGardeGothicITCW01D 731075';
  src: url("./itcdemi.woff");
}
@font-face {
  font-family: 'ITCAvantGardeW01-CnBd';
  src: url("./itccb.woff");
}
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=da30e276-cb7d-40b5-9478-354165bd38e7&fontids=737103");
@font-face{
font-family:"AvantGardeGothicITCW02B 737103";
src:url("./737103/ed474a6e-8269-4fbd-8716-3542aa55dca9.eot?#iefix");
src:url("./737103/ed474a6e-8269-4fbd-8716-3542aa55dca9.eot?#iefix") format("eot"),url("./737103/b1234d48-ee44-4e87-8d44-09f80366c1c1.woff") format("woff"),url("./737103/4d90d836-a65e-4be1-b73f-9097d575e114.ttf") format("truetype"),url("./737103/adecb382-95db-4995-89d6-8b567697bce2.svg#adecb382-95db-4995-89d6-8b567697bce2") format("svg");
}
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=da30e276-cb7d-40b5-9478-354165bd38e7&fontids=1184968");
@font-face{
font-family:"ITCAvantGardeW15-Bold";
src:url("./1184968/564e3be5-419d-4340-8bc6-de163586b7aa.eot?#iefix");
src:url("./1184968/564e3be5-419d-4340-8bc6-de163586b7aa.eot?#iefix") format("eot"),url("./1184968/15a70cdb-f5d8-48c3-8f65-cf8ca22d97c7.woff") format("woff"),url("./1184968/e67c22b2-a3d3-49b3-9eaa-2e86292fb60d.ttf") format("truetype"),url("./1184968/e350aafc-1af5-48ec-8a56-0b019bdb517b.svg#e350aafc-1af5-48ec-8a56-0b019bdb517b") format("svg");
}
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=da30e276-cb7d-40b5-9478-354165bd38e7&fontids=731063");
@font-face{
font-family:"AvantGardeGothicITCW01B 731063";
src:url("./731063/85564178-fd88-4387-9226-0e632723ca24.eot?#iefix");
src:url("./731063/85564178-fd88-4387-9226-0e632723ca24.eot?#iefix") format("eot"),url("./731063/e9a79553-7093-47c7-8d9c-70dc3619e94b.woff") format("woff"),url("./731063/7265b8d0-a67c-4a8b-84aa-273d1759270a.ttf") format("truetype"),url("./731063/75d377f2-28ee-43f8-b231-44f8eba218c4.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg");
}
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=da30e276-cb7d-40b5-9478-354165bd38e7&fontids=1122872");
@font-face{
font-family:"ITCAvantGardeW04-Bold";
src:url("./1122872/4440e247-5f11-4b81-81fc-4f2e5a9573ff.eot?#iefix");
src:url("./1122872/4440e247-5f11-4b81-81fc-4f2e5a9573ff.eot?#iefix") format("eot"),url("./1122872/b4cf0471-a031-48a8-a02a-0000def6fd87.woff") format("woff"),url("./1122872/67eef87d-0308-420c-99da-8e75af66f09f.ttf") format("truetype"),url("./1122872/91b0afed-75b4-473d-a2ae-04a3679f2a1c.svg#91b0afed-75b4-473d-a2ae-04a3679f2a1c") format("svg");
}
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=da30e276-cb7d-40b5-9478-354165bd38e7&fontids=1184910");
@font-face{
font-family:"ITCAvantGardeW10-Bold";
src:url("./1184910/46ce9700-b03f-45ef-80bd-c4d61c0b6af3.eot?#iefix");
src:url("./1184910/46ce9700-b03f-45ef-80bd-c4d61c0b6af3.eot?#iefix") format("eot"),url("./1184910/c577085c-85e5-4aab-8b3f-465bfb79fc83.woff") format("woff"),url("./1184910/8f8a2e4b-e967-4ef3-997e-5ef5e70baddb.ttf") format("truetype"),url("./1184910/f8572fee-dc37-4ef7-92ce-61d250d9adae.svg#f8572fee-dc37-4ef7-92ce-61d250d9adae") format("svg");
}
*/
@font-face{
font-family:"ITCAvantGardeW04-Demi";
src:url("./1122884/521186fb-1032-4a81-bff4-a67d052d6e5e.eot?#iefix");
src:url("./1122884/521186fb-1032-4a81-bff4-a67d052d6e5e.eot?#iefix") format("eot"),url("./1122884/5f1f53ca-f786-466b-979b-2dc11d2d05e9.woff") format("woff"),url("./1122884/ac3dc0aa-6281-4d8f-aadb-67c67099ff9c.ttf") format("truetype"),url("./1122884/0f98417d-ca43-4d3e-b392-21a473e4917a.svg#0f98417d-ca43-4d3e-b392-21a473e4917a") format("svg");
}
span.sitfont
{
	display:inline !important;
	width:inherit !important;
	height:inherit !important;
	margin:0 !important;
	background:none !important;
	*margin-bottom:0 !important;
	_margin-bottom:0 !important;
	font-family:"ITCAvantGardeW04-Demi"; !important;
	font-size:100% !important;
	float:none !important;
	vertical-align:inherit !important;
	border:0 !important;
}
span.chocofont
{
	display:inline !important;
	width:inherit !important;
	height:inherit !important;
	margin:0 !important;
	background:none !important;
	*margin-bottom:0 !important;
	_margin-bottom:0 !important;
	font-family:ABeeZee !important;
	font-size:inherit !important;
	float:none !important;
	vertical-align:inherit !important;
	border:0 !important;
}
span.ITfont
{
	display:inline !important;
	width:inherit !important;
	height:inherit !important;
	margin:0 !important;
	background:none !important;
	*margin-bottom:0 !important;
	_margin-bottom:0 !important;
	font-size:inherit !important;
	letter-spacing:-0.2em !important;
	float:none !important;
	vertical-align:inherit !important;
	border:0 !important;
}
/************************************************************/
/************************LAYOUT RESET************************/
#container
{ width:990px; background-color:#000; margin:0px auto; display:none;}

.topNav
{ height:60px; color:#807f7f; margin-top:-1px; padding-right:10px; visibility:hidden;}

.lang{ font-size:12px;color:#fff; line-height:27px;}

.lang a{ color:#fff;}

.topNav .jqTransformSafari .jqTransformInputInner div input
{top:0; height:20px;}

.searchBtn
{ display:block; width:21px; height:21px; border:1px solid #807f7f;border-left:0; float:left; background:url(../images/common/btn_topsearch.gif) no-repeat; }

.topNav .jqTransformInput
{ color:#fff; }

.popupAlert{
	padding:20px 30px;
	font-size:12px;
	line-height:1.3em;
	min-width:200px;
	text-align:center;	
}

.tempLang{
	font-size:12px;
	margin-bottom:20px;
}
.tempLang a{
	font-size:12px;	
	color:#fff;
}
.tempLang a.hover{
	text-decoration:underline;
}

/************************************************************/
/**********************LEFT PANEL RESET**********************/
.leftPanel
{ padding-left:17px; float:left;}

.logo
{ width:126px; height:125px;}

.logo a
{ display:block; cursor:pointer; background:url(../images/common/img_logo.gif) no-repeat top left; width:126px; height:125px; font-size:1%; text-indent:-9999px;}

.promotionArea
{ padding-top:380px;}
.relationArea
{ padding-top:230px;}

.promotionArea li, .relationArea li
{ margin-bottom:18px;}

.relationArea h3, .promotionArea h3
{ text-transform:uppercase; font-size:22px; width:126px; line-height:1em; margin-bottom:20px;}
.relationArea h3 a:hover, .promotionArea h3 a:hover
{ text-decoration:none;}
.relationArea h3 a, .promotionArea h3 a
{ color:#fff; }
.promotionArea li a
{ display:block; width:126px; line-height:1.3em; font-weight:bold; text-decoration:none; color:#fff; font-size:14px;}
.relationArea li a
{ display:block; width:126px; line-height:1.3em; font-weight:bold; text-decoration:none; color:#fff; font-size:13px;}
.relationArea li a.highlight
{ color:#666;}
.relationArea li.sboardMember a
{ height:40px; background:url(../images/common/promotion-banner/btn_board_members.gif) no-repeat top left;}
.relationArea li.sconsituionalDocuments a
{ height:26px; background:url(../images/common/promotion-banner/btn_consitutional_documents.gif) no-repeat top left;}
.relationArea li.sannualReports a
{ height:26px; background:url(../images/common/promotion-banner/btn_reports.gif) no-repeat top left;}
.relationArea li.sotherPublications a
{ height:26px; background:url(../images/common/promotion-banner/btn_publications.gif) no-repeat top left;}
.relationArea li.spressRelease a
{ height:12px; background:url(../images/common/promotion-banner/btn_press_release.gif) no-repeat top left;}


.relationArea li a:hover, .relationArea li a.highlight
{ background-position:bottom left;}


/************************************************************/
/*MAIN CONTENT RESET*****************************************/
.mainPanel
{ width:777px; float:right; padding-right:10px; position:relative; z-index:2;}
.mainPanel h1
{ font-size: 42px; line-height: 1em;}
.mainPanel h1 span
{ font-size: 18px;}
.mainPanel h1 span.font
{ font-size: inherit; margin:0; padding:0;}
.mainPanel h1 strong
{ font-size: 24px;}

/************************************************************/
/*MENU RESET*************************************************/
.navArea
{ width:100%; padding-bottom:35px; overflow:hidden;}

.navArea ul
{ height:13px;}

.navArea li
{ list-style:none; margin-left:43px; float:left; line-height:13px; padding:0; border:0; _margin-left:30px; _margin-left:0; _margin-right:38px;}
.navArea li:first-child{
	margin-left:0;	
}
.navArea li a
{ display:block; height:13px; font-size:13px; color:#fff; font-weight:bold; line-height:13px; padding:0; margin:0; border:0; _display:inherit;}

.navArea li a:hover
{ text-decoration:none; color:#666;}
.navArea li a.highlight
{ text-decoration:none; color:#666;}
/*
.navArea li.mNews a
{ background-position:0px 0px; width:40px;}
.navArea li.mNews a:hover,.navArea li.mNews a.highlight
{ background-position:0px -19px;}

.navArea li.mPromotions a
{ background-position:-47px 0px; width:93px;}
.navArea li.mPromotions a:hover,.navArea li.mPromotions a.highlight
{ background-position:-47px -19px;}

.navArea li.mBrands a
{ background-position:-148px 0px; width:57px;}
.navArea li.mBrands a:hover,.navArea li.mBrands a.highlight
{ background-position:-148px -19px;}

.navArea li.mAbout a
{ background-position:-212px 0px; width:68px;}
.navArea li.mAbout a:hover,.navArea li.mAbout a.highlight
{ background-position:-212px -19px;}

.navArea li.mVisa a
{ background-position:-288px 0px; width:51px;}
.navArea li.mVisa a:hover,.navArea li.mVisa a.highlight
{ background-position:-288px -19px;}

.navArea li.mGift a
{ background-position:-345px 0px; width:74px;}
.navArea li.mGift a:hover,.navArea li.mGift a.highlight
{ background-position:-345px -19px;}

.navArea li.mPublications a
{ background-position:-426px 0px; width:102px;}
.navArea li.mPublications a:hover,.navArea li.mPublications a.highlight
{ background-position:-426px -19px;}

.navArea li.mStores a
{ background-position:-534px 0px; width:56px;}
.navArea li.mStores a:hover,.navArea li.mStores a.highlight
{ background-position:-534px -19px;}

.navArea li.mInvestors a
{ background-position:-597px 0px; width:158px;}
.navArea li.mInvestors a:hover,.navArea li.mInvestors a.highlight
{ background-position:-597px -19px;}
*/

/*************************************************************/
/*FRONT BANNER AREA*******************************************/
.fBannerArea
{ position:relative; width:777px; height:440px;}

.fBannerArea .picGroup img
{ position:absolute; display:block;}

.wrapper{position:relative; width:777px; height:440px;}

.imgContainer
{position:relative; width:100%; height:100%; overflow:hidden;}

.imgContainer .img
{width:150px; height:150px; float:left; margin:0 15px 0 0;}

.imgContainer .img img
{width:100%; height:100%;}

.imgContainer .content
{width:100%; height:100%; background-color:#000;}

.imgContainer .content p
{color:#fff; line-height:1.33em;}

.result
{position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;}

.slideshow
{position:absolute; top:0px; left:0px;}

.slideshow li
{top:0; left:0;}

.point
{position:absolute; bottom:10px; right:10px; margin:0 0 0 -30px; z-index:19;}

.point li
{float:left; margin:0 0 0 10px; display:block; width:10px; height:10px; background-color:#333; cursor:pointer;}

.point li:first-child
{margin:0;}

.point li.active
{background-color:#fff;}

/*************************************************************/
/*FRONT ROTATE NEWS AREA**************************************/
.fRotateNewsArea
{ position:relative; border:0px solid #FFF; border-top:1px solid #FFF;  width:777px; height:273px; overflow:hidden; margin:17px 0px; margin-bottom:0; }

.fRotateNewsArea ul
{ position:absolute; top:0; 1width:800px; height:90px; border:0px solid #FFF; border-bottom:1px solid #FFF;}

.fRotateNewsArea li
{ border:0px solid #FFF; border-right:2px solid #fff; float:left; height:90px; overflow:hidden;}


/*************************************************************/
/*NEWS AREA***************************************************/
.newsContent
{}

.newsContent .loadmore
{ text-align:center;}
.newsContent .loadmore .loading
{ display:none;}

.newsContent .lCol
{ width:520px; float:left; margin-right:40px;}

.newsContent .lCol .newsGroup
{ border-bottom:1px solid #FFF; margin-bottom:20px; padding-bottom:10px;}


.newsContent .lCol h2
{ padding-bottom:20px; font-size:24px; line-height:25px;}

.newsContent .lCol h2 span
{ display:block; font-size:12px;}

.newsContent .lCol p
{ font-size:12px; text-align:justify; }

.newsContent .lCol p sup
{ font-size:10px; }

.newsContent .lCol .headImg
{ position:relative; margin-bottom:10px; border:1px solid #333; width:518px; height:310px; overflow:hidden; }

.newsContent .lCol .headImg .btnPrev
{ position:absolute; left:0px; display:none; z-index:6000;}

.newsContent .lCol .headImg .btnPrev a
{ cursor:pointer; display:block; width:30px; height:310px; position:relative;}

.newsContent .lCol .headImg .btnPrev a span
{ top:135px; left:6px;}

.newsContent .lCol .headImg .btnNext
{ position:absolute; right:0px; _right:-1px; display:none; z-index:6000;}

.newsContent .lCol .headImg .btnNext a
{ cursor:pointer; display:block; width:30px; height:310px; position:relative;}

.newsContent .lCol .headImg .btnNext a span
{ top:135px; left:10px;}

.newsContent .lCol .headImg .btnPrev a span.bgBlack,
.newsContent .lCol .headImg .btnNext a span.bgBlack
{ display:block; position:absolute; width:30px; height:310px; top:0px; left:0px; background-image:none; z-index:5000;}

.newsContent .lCol .headImg ul
{ position:relative; display:block; width:518px; height:310px; }

.newsContent .lCol .headImg li
{ position:absolute; display:block; width:518px; height:310px; }

.newsContent .lCol .headImg li img
{ position:absolute; top:0; left:0;}

.newsContent .rCol
{ width:215px; float:left;}

.newsContent .rCol h3
{ padding-bottom:10px; font-size:18px; line-height:18px; font-weight:bold;}

.newsContent .rCol dl.newsGroup 
{ margin-bottom:30px; overflow:visible;}

.newsContent .rCol dl.newsGroup li
{ height:52px;}

.newsContent .rCol ul,.newsContent .rCol dd
{ font-size:12px; line-height:14px; }

.newsContent .rCol dd a
{ clear:both; cursor:pointer; display:block; font-size:12px; color:white; text-decoration:none; font-weight:bold; _height:50px;}

.newsContent .rCol dd a p
{ display:block; width:140px; float:left; margin-left:5px; margin-bottom:10px; }

.newsContent .rCol dd a span
{ display:block; width:43px; height:43px; border:1px solid #fff; float:left;margin-bottom:10px;}

.newsContent .rCol dd a:hover span
{ border:1px solid #666; }

.newsContent .rCol dl.snapsGroup
{ }

.newsContent .rCol dl.snapsGroup li
{ }

.newsContent .rCol dl.snapsGroup dd a span
{ border:0px; }

.newsContent .rCol dd a:hover,.newsContent .rCol dd a.highlight
{ color:grey;}

.newsContent .lCol .btn_backtop
{ float:right;}

.newsListing ul
{ border-top:1px solid #FFF;}

.newsListing h3
{ font-size:20px;}

.newsListing li
{ display:block; cursor:pointer; border-bottom:1px solid #FFF; width:100%; color:#FFF; font-size:12px; _height:30px; float:left;}

.newsListing li h1
{ font-size:24px; position:relative; line-height:28px; width:730px; padding-bottom:5px;}

.newsListing li a
{ position:relative; display:block; color:white; text-decoration:none;  background:#000; padding:10px;}

.newsListing li a:hover
{ text-decoration:none;  background:#222; padding:10px;}

.newsListing li b
{ display:block;  width:700px;}

.newsListing li .btn_arrow
{ position:absolute; right:10px; bottom:15px; display:block; width:10px; height:10px; font-size:1%; text-indent:-9999px; }
	
.newsListing li .btn_arrow span
{ display:block; width:10px; height:10px; background: url(../images/common/img_arrow_down.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow_down.png', sizingMethod='image'); }


/*************************************************************/
/*PROMOTION AREA*******************************************/
.promotionContent
{ }

.promotionContent .promotionGroup
{ position:relative; width:777px; overflow:hidden; }

.promotionContent .promotionGroup ul
{ width:800px;}

.promotionContent .promotionGroup li
{ width:245px; float:left; margin-right:21px; overflow:hidden; display:none;}

.promotionContent .promotionGroup h2
{ width:245px; padding-bottom:20px; font-size:20px; line-height:22px;}

.promotionContent .promotionGroup h2 span
{ width:245px; display:block; font-size:12px; font-weight: normal;}

.promotionContent .btnPrev
{ position:absolute; left:0px; display:none;}

.promotionContent .btnPrev a
{ cursor:pointer; display:block; width:30px; height:350px; position:relative;}

.promotionContent .btnPrev a span
{ top:168px; left:6px;}

.promotionContent .btnNext
{ position:absolute; right:0px; _right:-1px; display:none;}

.promotionContent .btnNext a
{ cursor:pointer; display:block; width:30px; height:350px; position:relative;}

.promotionContent .btnNext a span
{ top:168px; left:10px;}

.promotionContent .btnPrev a span.bgBlack,
.promotionContent .btnNext a span.bgBlack
{ display:block; position:absolute; width:30px; height:350px; top:0px; left:0px; background-image:none;}

.promotionContent .promotionGroup p,.promotionContent .promotionGroup li ul
{ padding-bottom:20px; line-height:1.33em;}

.promotionContent .promotionGroup li ul li
{ font-size:11px; float:none; background:url(../images/common/img_linebullet.gif) no-repeat 7px 7px; padding-left:20px; width:225px;}

.promotionDetails
{ position:relative; height:550px;}
.promotionDetails .leftPoster
{ position:absolute; top:0; left:0; width:372px; height:550px; overflow:hidden;}
.promotionDetails .leftPoster img
{ width:372px;}

.promotionDetails .leftPoster .pagination{
	position:absolute;
	bottom:0; 
	width:100%; height:15px;
	font-size:13px;
}
.promotionDetails .leftPoster .pagination .prev{
	display:inline-block;
	position:absolute;
	height:16px; width:24px;
	background:url(../images/promotions/btn-prev.png) no-repeat 0 0;
	left:0;	
}
.promotionDetails .leftPoster .pagination .next{
	display:inline-block;
	position:absolute;
	height:16px; width:24px;
	background:url(../images/promotions/btn-next.png) no-repeat 0 0;
	right:0;	
}
.promotionDetails .leftPoster .pagination .prev:hover,
.promotionDetails .leftPoster .pagination .next:hover{
	background-position:0 -16px;
}

.promotionDetails .rightDes
{ position:absolute; top:0; left:397px; width:380px; height:526px;}
.promotionDetails .rightDes h2
{ font-size:20px; line-height:1em; margin:0;}
.promotionDetails .rightDes span
{ display:block; font-size:12px; line-height:1em; margin:0 0 20px 0;}
.promotionDetails .rightDes p
{ margin:0 0 10px 0;}

.promotionDetails .rightDes .description
{ border-bottom:1px solid #fff; }

.promotionDetails .rightDes .share
{ padding: 20px 0; height:20px;}
.promotionDetails .rightDes .share:after
{ content:' '; display:block; clear:both;}
.promotionDetails .rightDes .share span
{ font-size:12px; font-weight:bold; float:left; line-height:16px; margin:0;}
.promotionDetails .rightDes .share a
{ display:block; width:16px; height:16px; float:left; margin-left:10px;}
.promotionDetails .rightDes .share a.fb
{ background:url(../images/common/social-bar/icon_fb.gif) no-repeat;}
.promotionDetails .rightDes .share a.twitter
{ background:url(../images/common/social-bar/icon_twitter.gif) no-repeat;}
.promotionDetails .rightDes .share a.weibo
{ background:url(../images/common/social-bar/icon_weibo.gif) no-repeat;}

.promotionDetails .rightDes .link a
{ font-size:12px; color:#fff; text-decoration:underline;}

/*************************************************************/
/*PROMOTION DETAILS AREA**************************************/
.promotionPop
{ position:absolute; top:100px; left:0px; width:777px; z-index:9999;}

.promotionPop .bg
{ position:absolute; width:777px; background:#000; height:500px; z-index:10;}

.promotionPop .inner .tit
{ padding-bottom:10px;}

.promotionPop .inner .tit h1
{ font-size:26px; line-height:30px; height:30px;}

.promotionPop .inner
{ position:absolute; width:100%; z-index:50}

.promotionPop .inner  .tit .btnClose
{ border:1px solid #807f7f;}

.promotionPop .inner .btnClose a
{}

.promotionPop .inner #innerContent
{ height:500px;}
/*************************************************************/
/*FASHION SNAP AREA*******************************************/
.brandsContent
{ position:relative;}

.brandsContent .brandsSublevel
{ position:absolute; background:url(../images/brands/overlay.png) repeat; z-index:9999; top:0px; left:0px; width:777px; display:none;}

.brandsContent .brandsSublevel h1
{ font-size:50px; padding-top:20px; line-height:50px; height:10px; cursor:pointer; *margin-bottom:10px; _margin-bottom:0; _padding-bottom:0;}
.brandsContent .brandsSublevel h1 img{
	vertical-align:middle;
}

.brandsContent .brandsSublevel h1 a
{ color:#fff;}
.brandsContent .brandsSublevel h1 a:hover
{ text-decoration:none;}

.brandsContent .brandsSublevel h1 span
{ display:inline-block; width:20px; height:20px; margin:0 0 5px 10px; background:url(../images/common/img_barrow_right.gif) no-repeat center;  _margin-bottom:0; vertical-align:middle;}
.brandsContent .brandsSublevel h1 span.font
{ display:inline; width:inherit; height:inherit; margin:0; background:none; *margin-bottom:0; _margin-bottom:0; font-size:50px; }
.brandsContent .brandsSublevel h1.active span
{ background:url(../images/common/img_barrow_down.gif) no-repeat center; }
.brandsContent .brandsSublevel h1.active span.font
{ background:none; }
.brandsContent .brandsSublevel ul
{ display:none; padding:0px 0px 20px 0px; width:777px;}

.brandsContent .brandsSublevel ul:after{ content:' '; display:block; clear:both;}

.brandsContent .brandsSublevel ul li
{ width:250px; float:left; margin-right:8px; position:relative;}

.brandsContent .brandsSublevel ul li dl
{ padding-bottom:25px;}

.brandsContent .brandsSublevel ul li dt
{ font-size:50px; color:white; line-height:50px; font-weight:bold;}

.brandsContent .brandsSublevel ul li dd
{ line-height:14px;}

.brandsContent .brandsSublevel ul li dd a
{ font-size:12px; color:white; text-decoration:none; font-weight:bold;}

.brandsContent .brandsSublevel ul li dd p
{ position:absolute; padding:8px; background:url(../images/brands/des_bg.png); display:none; width:220px; z-index:999; left:0; *margin-top:18px; }

.brandsContent .brandsSublevel ul li dd a:hover
{ color:grey;}

.brandsContent .brandsSublevel .btnClose
{ position:absolute; right:0px;}

.brandsContent .lCol
{ width:520px; float:left; margin-right:40px;}

.brandsContent .lCol .brandsGroup
{ border-bottom:1px solid #FFF; padding-bottom:10px; margin-bottom:15px; width:520px; overflow:hidden;}

.brandsContent .lCol .iconsGroup
{ border-bottom:1px solid #FFF; padding-bottom:10px; margin-bottom:15px; width:520px; overflow:hidden;}

.brandsContent .lCol .headImg
{ margin-bottom:10px; border:1px solid #333; width:518px; height:310px; overflow:hidden; }

.brandsContent .lCol .headImg td 
{ width:518px; height:310px;}

.brandsContent .lCol .brandsGroup .leadpic
{ margin-bottom:20px;}

.brandsContent .lCol .brandsGroup .brandsDetails
{ font-size:12px;}

.brandsContent .lCol .brandsGroup .brandsDetails p
{ padding-bottom:10px;}

.brandsContent .lCol .brandsGroup .brandsDetails dl
{ padding:10px 0px;}

.brandsContent .lCol .brandsGroup .brandsDetails dl dt
{ clear:both; float:left; width:25%; font-weight:bold; text-transform:uppercase; }

.brandsContent .lCol .brandsGroup .brandsDetails dl dd
{ float:left; width:75%;}

.brandsContent .lCol .brandsGroup .viewStore a
{ text-decoration:none; font-size:12px; color:white; text-transform:uppercase; }

.brandsContent .lCol h2
{ padding-bottom:20px; font-size:24px; line-height:25px;}

.brandsContent .lCol h1.brandName
{ padding-bottom:28px; font-size:28px; line-height:30px;}

.brandsContent .lCol h2 span
{ display:block; font-size:12px;}

.brandsContent .lCol p
{ font-size:12px; text-align:justify; }

.brandsContent .lCol p sup
{ font-size:10px; }

.snapContent .lCol .btn_backtop
{ float:right;}

.brandsContent .rCol
{ width:215px; float:left;}

.brandsContent .rCol ul
{ display:block; width:215px; margin-bottom: 20px;}

.brandsContent .rCol li
{ float:left; margin-bottom:5px; width:215px; font-size:12px; line-height:14px;}

.brandsContent .rCol li h3{
	font-size:20px; line-height:1.1em;	
}
.brandsContent .rCol li a
{ text-decoration:none; color:white;}

.brandsContent .rCol li a:hover
{ text-decoration:none; color:#666;}


/*************************************************************/
/*FASHION SNAP AREA*******************************************/
.snapContent
{}

.snapContent .lCol
{ width:520px; float:left; margin-right:40px;}

.snapContent .lCol .snapGroup
{ border-bottom:1px solid #FFF; margin-bottom:20px; width:520px; overflow:hidden;}

.snapContent .lCol h2
{ padding-bottom:20px; font-size:24px; line-height:25px;}

.snapContent .lCol h2 span
{ display:block; font-size:12px;}

.snapContent .lCol p
{ font-size:12px; text-align:justify; }

.snapContent .lCol p sup
{ font-size:10px; }

#snapMap
{ clear: both; width:530px; overflow:hidden;}


.snapContent .rCol
{ width:215px; float:left;}

.snapContent .rCol h3
{ padding-bottom:10px;}

.snapContent .rCol dl.newsGroup 
{ margin-bottom:30px;}

.snapContent .rCol ul,.snapContent .rCol dd
{ font-size:12px; line-height:14px; }

.snapContent .rCol dd a
{ clear:both; cursor:pointer; display:block; font-size:12px; color:white; text-decoration:none; font-weight:bold; _height:50px;}

.snapContent .rCol dd a p
{ display:block; width:150px; float:left; margin-left:5px; margin-bottom:10px; }

.snapContent .rCol dd a span
{ display:block; width:43px; height:43px; border:1px solid #fff; float:left;}

.snapContent .rCol dd a:hover span
{ border:1px solid #666; }

.snapContent .rCol dl.snapsGroup dd a span
{ border:0px; }

.snapContent .rCol dd a:hover,.snapContent .rCol dd a.highlight
{ color:grey;}

.snapContent .lCol .btn_backtop
{ float:right;}



/*************************************************************/
/*ABOUT AREA**************************************************/
.aBannerArea
{ width:777px; height:440px;}

.aBannerArea .picGroup img
{ position:absolute; display:block;}

.aboutContent
{ padding-top:20px; padding-bottom:20px;}

.aboutContent .inner
{ float:left; width:510px; overflow:hidden;}

.aboutContent .inner .aboutGroup
{}

.aboutContent .inner .aboutGroup div
{ padding-bottom:20px; font-size:12px; }

.aboutContent .inner .aboutGroup ul{
	list-style:inside disc;	
}
.aboutContent .inner .aboutGroup ol{
	list-style:inside decimal;	
}

.aboutContent .inner h2
{ display:block; margin-bottom:20px; line-height:1em; height:auto; font-size:25px; text-transform:uppercase;}

.aboutContent .sideMenu
{ float:right; width:220px;}

.aboutContent .sideMenu ul li
{ list-style:none; float:left; clear:both; margin-bottom:15px;}

.aboutContent .sideMenu ul li a
{ display:block; font-size:13px; font-weight:bold; text-decoration:none;}

.aboutContent .sideMenu ul li a:hover,.aboutContent .sideMenu ul li a.highlight
{ display:block; color:#FFF; font-size:13px; font-weight:bold;}

.aboutBanner{
	height:438px;
	overflow:hidden;	
}

/*text-indent:-9999px; height:11px; background:url(../images/about/img_sidemenu.gif) no-repeat top left;}

.aboutContent .sideMenu li.smOurBackground a
{ background-position:0px top; width:126px;}

.aboutContent .sideMenu li.smOurBackground a:hover,.aboutContent .sideMenu li.smOurBackground a.highlight
{ background-position:0px bottom; }

.aboutContent .sideMenu li.smOurGroup a
{ background-position:-150px top; width:80px;}

.aboutContent .sideMenu li.smOurGroup a:hover,.aboutContent .sideMenu li.smOurGroup a.highlight
{ background-position:-150px bottom; }

.aboutContent .sideMenu li.smOurMission a
{ background-position:-253px top; width:87px;}

.aboutContent .sideMenu li.smOurMission a:hover,.aboutContent .sideMenu li.smOurMission a.highlight
{ background-position:-253px bottom; }*/


/*************************************************************/
/*VISA AREA***************************************************/
.visaContent .inner
{ padding-top:20px;}

.visaContent .leadin
{ width:550px;}

.visaContent .inner h1,.visaContent .inner p
{ padding-bottom:20px;}

.visaContent .inner h1
{ font-size:26px; text-transform:uppercase; line-height:1.1em;}
.visaContent .inner h2
{ text-transform:uppercase;}
.visaContent .inner h1 span
{ display:block; line-height: 1.1em; margin:0;}
.visaContent .inner ul
{ list-style:none; padding:0px; margin:0px; padding-bottom:25px;}

.visaContent .inner li
{ list-style:disc; margin-left:18px; font-size:12px;}

.visaContent .inner .lcol
{ display:block; width:520px; margin-right:25px; float:left;}


.visaContent .inner .rcol
{ display:block; width:165px; float:right;}

.visaContent .inner .rcol .platcard
{ margin:0px auto; width:142px;}
.visaContent .inner .rcol .platcard p
{ margin:0px auto; width:97px;}

.visaContent .inner .rcol .classicard
{ margin:0px auto; width:142px;}
.visaContent .inner .rcol .classicard p
{ margin:0px auto; width:87px;}

.visaContent .inner .rcol .promotion
{ margin:0px auto; width:123px; padding:30px 0px;}

.visaContent .inner .btn_apply
{ margin:0px auto; width:162px;}

.visaContent .inner .btn_apply a
{  display:block; background:url(../images/visa/btn_online_application.gif) no-repeat bottom left; height:22px; width:162px; font-size:1%; text-indent:-9999px;}

.visaContent .inner .btn_apply a:hover
{ background-position:top left;}


/*************************************************************/
/*PUBLICATION I.T POST AREA***********************************/
.publicationPostContent
{}

.publicationPostContent h2
{font-size:24px; line-height:24px;}

.publicationPostContent .title
{position:relative; padding:10px 0 10px 10px;}

.publicationPostContent .title .btn_whats_post
{position:absolute; bottom:10px; right:10px; font-size:11px;}

.btn_whats_post
{font-size:11px; float:right; margin-top:-40px;}

.publicationPostContent .bannerContent .wrapper .whats_post_content
{position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;}

.publicationPostContent .bannerContent .wrapper .whats_post_content .bg
{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.95; filter:alpha(opacity=95); z-index:21;}

.publicationPostContent .bannerContent .wrapper .whats_post_content .close
{ position:absolute; top:5px; right:0; display:block; width:20px; height:20px; background:url(../images/common/btn_close.gif) no-repeat; background-position:0 0;}
.publicationPostContent .bannerContent .wrapper .whats_post_content .close:hover
{ background-position: 0 100%;}

.publicationPostContent .bannerContent .wrapper .whats_post_content .content
{position:relative; z-index:22; padding:20px;}

.publicationPostContent .videoArea
{ position:relative; width: 735px;height: 430px;padding: 35px 20px 5px 20px;}

.publicationPostContent .videoArea .videoClose
{ position:absolute; top:5px; right:0; display:block; width:20px; height:20px; background:url(../images/common/btn_close.gif) no-repeat; background-position:0 0;}
.publicationPostContent .videoArea .videoClose:hover
{ background-position: 0 100%;}

.publicationPostContent .bannerContent
{}

.publicationPostContent .bannerContent .fL
{float:left;}

.publicationPostContent .bannerContent .wrapper
{position:relative; width:755px; height:430px; padding:20px 10px;}

.publicationPostContent .bannerContent .wrapper .slideshow li
{background-color:#000;}

.publicationPostContent .bannerContent .wrapper .slideshow li .content
{width:420px; padding:0 0 0 20px; height:430px; overflow:auto;}

.publicationPostContent .bannerContent .wrapper .slideshow li .content .scrollContent{
	width:380px;	
}
.publicationPostContent .bannerContent .wrapper .point
{bottom:10px; right:10px;}

.publicationPostContent .bannerContent h4
{color:#ccc; font-weight:normal;}
.publicationPostContent .bannerContent h6
{font-weight:normal; font-size:12px; margin-bottom:20px;}

.publicationPostContent .btn_area
{margin:0 0 10px 0; padding:15px 0 15px 0; border-bottom:1px solid #fff;}

.publicationPostContent .btn_area .bullet
{background: url(../images/common/img_bullet.gif) no-repeat 0px 7px; width: 4px; height: 15px; margin:0 10px; margin-top:7px;}
.publicationPostContent .btn_area ul
{font-size:12px; line-height:33px; margin-left:20px;}
.publicationPostContent .btn_area ul a
{ color:#fff;}

.publicationPostContent .detailsArea
{ display:block; padding:20px 10px;}

.publicationPostContent .detailsArea .desc
{ float:left; width:520px;}

.publicationPostContent .detailsArea .desc h2
{ padding-bottom:5px; text-transform:uppercase; font-size:24px; line-height:22px; }

.publicationPostContent .detailsArea .tmb
{ float:right; width:215px;}

.publicationPostContent .detailsArea .tmb a
{ display:block; padding:10px 0px; text-align:center; text-transform:uppercase; font-size:14px; line-height:16px; color:white; text-decoration:none; }

.publicationPostContent .detailsArea .tmb a img
{ margin:0px auto; display:block; }

.publicationPostContent .detailsArea .tmb a h3
{ padding-top:10px; text-align:center; color:white; font-size:18px; line-height:20px; }

.publicationPostContent .postSelection
{ padding:10px; }

.publicationPostContent .postSelection h2
{ font-size:13px; }

.publicationPostContent .postSelection .postTmbGroup
{ margin-top:10px;}

.publicationPostContent .postSelection .postTmbGroup .btnPrev
{ float:left;}

.publicationPostContent .postSelection .postTmbGroup .btnPrev a
{ display:block; width:20px; height:140px; position:relative;}

.publicationPostContent .postSelection .postTmbGroup .btnPrev a span
{ top:52px; left:4px;}

.publicationPostContent .postSelection .postTmbGroup .btnNext
{ float:right;}

.publicationPostContent .postSelection .postTmbGroup .btnNext a
{ display:block; width:20px; height:140px; position:relative;}

.publicationPostContent .postSelection .postTmbGroup .btnNext a span
{ top:52px; left:4px;}

.publicationPostContent .postSelection .postTmbGroup .tmbList
{ width:700px; margin:0px auto; overflow:hidden;}

.publicationPostContent .postSelection .postTmbGroup .tmbList ul
{ width:9999px;}

.publicationPostContent .postSelection .postTmbGroup .tmbList li
{ float:left; margin-right:14px; width:105px;}

.publicationPostContent .postSelection .postTmbGroup .tmbList li a,.publicationPostContent .postSelection .postTmbGroup .tmbList li a:hover
{ text-decoration:none;}

.publicationPostContent .postSelection .postTmbGroup .tmbList li a img
{ display:block; width:105px; height:140px; overflow:hidden;}

.publicationPostContent .postSelection .postTmbGroup .tmbList li p
{ display:block; font-size:12px; text-align:center; color:white; text-transform:uppercase; line-height:14px; padding-top:5px;}

.publicationPostContent .postSelection .postTmbGroup .tmbList li b
{ display:block;}


/*************************************************************/
/*PUBLICATION APPS AREA***************************************/
.publicationAppsContent
{}

.publicationAppsContent li
{ display:block; cursor:pointer; border-bottom:1px solid #FFF; width:100%; color:#FFF; font-size:12px; _height:30px; float:left;}

.publicationAppsContent li .tmb
{ float:left; width:130px; padding:5px 10px;}

.publicationAppsContent li .details
{ float:left; width:600px;}

.publicationAppsContent li h1
{ font-size:28px; line-height:32px; padding-bottom:5px;}

.publicationAppsContent li a
{ display:block; position:relative; color:white; text-decoration:none;  background:#000; padding:10px;}

.publicationAppsContent li a:hover
{ text-decoration:none;  background:#222; padding:10px;}

.publicationAppsContent li b
{ display:block; }

.publicationAppsContent li .btn_arrow
{ position:absolute; right:10px; bottom:10px; display:block; width:10px; height:10px; font-size:1%; text-indent:-9999px;}
	
.publicationAppsContent li .btn_arrow span
{ display:block; width:10px; height:10px; background: url(../images/common/img_arrow.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow.png', sizingMethod='image'); }

.publicationAppsContent li:hover .btn_arrow span
{ background: url(../images/common/img_arrow_over.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow_over.png', sizingMethod='image'); }



/*************************************************************/
/*SOTRES AREA*************************************************/
.storesContent
{}

.storesContent li
{ display:block; position:relative; cursor:pointer; border-bottom:1px solid #FFF; width:100%; color:#FFF; font-size:12px; _height:30px; float:left;}

.storesContent li.filterFirst
{ display:none;}

.storesContent li h1
{ font-size:30px; line-height:32px; padding-bottom:5px;}

.storesContent li a
{ position:relative; display:block; color:white; text-decoration:none;  background:#000; padding:10px;}

.storesContent li a:hover
{ text-decoration:none;  background:#222; padding:10px;}

.storesContent li div
{ display:block;  width:700px;}
.storesContent li div b
{ display:block;  width:560px; float:left; }

.storesContent li div span
{ width:130px; float:right; text-align:right;}

.storesContent li div.brands 
{ width:700px; text-align:right;}

.storesContent li div.brands label
{ width:60px; float:left; text-align:left;}

.storesContent li div.brands dl.brandsGroup
{ width:600px; float:left; text-align:right;}

.storesContent li div.brands dl.brandsGroup dd
{ margin-right:10px; width:auto; float:left; border:0px; }


.storesContent li .storePic
{ padding:10px; width:757px; height:370px; display:none;}

.storesContent li .storePic img
{ height:370px;}

.storesContent li .btn_arrow
{ position:absolute; right:10px; bottom:15px; display:block; width:10px; height:10px; font-size:1%; text-indent:-9999px; }
	
.storesContent li .btn_arrow span
{ display:block; width:10px; height:10px; background: url(../images/common/img_arrow_down.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow_down.png', sizingMethod='image'); }

.storesContent li:hover .btn_arrow span, .storesContent li.highlight .btn_arrow span
{ background: url(../images/common/img_arrow_down_over.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow_down_over.png', sizingMethod='image'); }


.brandFilter
{ width:290px;}

.btn_loadMore{
	float:left;
	width:777px;
	font-size:12px;
	text-align:center;
	padding: 10px 0;
}
.btn_loadMore a{
	color:#fff;
	padding-right:15px;
	background:url('../images/common/img_arrow_down_over.png') no-repeat 100% 50%;
}

/*************************************************************/
/*PRESS RELEASE AREA******************************************/
/*.pressReleaseContent
{}

.pressReleaseContent .lCol
{ width:520px; float:left; margin-right:40px;}

.pressReleaseContent .lCol h2
{ padding-bottom:20px; text-transform:uppercase; font-size:24px; line-height:25px;}

.pressReleaseContent .lCol h2 span
{ display:block; text-transform:uppercase; font-size:12px;}

.pressReleaseContent .lCol p
{ font-size:12px; text-align:justify; }

.pressReleaseContent .lCol p sup
{ font-size:10px; }

.pressReleaseContent .lCol .headImg
{ margin-bottom:10px; border:1px solid #333; width:518px; height:310px; overflow:hidden; }

.pressReleaseContent .lCol .headImg td 
{ width:518px; height:310px;}

.pressReleaseContent .rCol
{ width:215px; float:left;}

.pressReleaseContent .rCol h3
{ padding-bottom:10px;}

.pressReleaseContent .rCol ul,.pressReleaseContent .rCol dd, .pressReleaseContent .rCol dt
{ font-size:12px; line-height:14px; }

.pressReleaseContent .rCol dt a
{  display:block; text-decoration:none; color:white;}

.pressReleaseContent .rCol dt a span
{ display:inline-block; width:5px; height:7px; margin-left:5px; background:url(../images/press-release/btn_arrow.gif) no-repeat top right; text-decoration:none; text-indent:-9999px; font-size:0px; line-height:0px;}

.pressReleaseContent .rCol dt a:hover span,.pressReleaseContent .rCol dt a.highlight span
{ background:url(../images/press-release/btn_arrow.gif) no-repeat top left; text-decoration:none; text-indent:-9999px;}

.pressReleaseContent .rCol dt
{ padding-bottom:3px;}

.pressReleaseContent .rCol li
{ padding-bottom:13px;}

.pressReleaseContent .rCol dd a
{ font-size:12px; color:white; text-decoration:none; font-weight:bold;}

.pressReleaseContent .rCol dd a:hover,.pressReleaseContent .rCol dd a.highlight
{ color:grey;}

.pressReleaseContent .lCol .btn_backtop
{ float:left;}*/


/*************************************************************/
/*BOARD MEMBERS AREA******************************************/
.boardmemberContent
{}

.boardmemberContent .lCol
{ width:500px; float:left; margin-right:40px;}

.boardmemberContent .lCol h1
{ padding-bottom:20px; font-size:32px}

.boardmemberContent .lCol h2
{ font-size:24px}

.boardmemberContent .rCol
{ width:235px; float:left;}

.boardmemberContent .rCol ul,.boardmemberContent .rCol dd, .boardmemberContent .rCol dt
{ font-size:12px; line-height:14px; }

.boardmemberContent .rCol dt,.boardmemberContent .rCol li
{ padding-bottom:5px; font-weight:bold;}

.boardmemberContent .rCol dt
{ padding-bottom: 10px; font-size: 18px; line-height: 18px; font-weight: bold;}

.boardmemberContent .rCol dd
{ padding-bottom:15px;}

.boardmemberContent .rCol dd a
{ font-size:12px; color:white; text-decoration:none; font-weight:bold;}

.boardmemberContent .rCol dd a:hover,.boardmemberContent .rCol dd a.highlight
{ color:grey;}


/*************************************************************/
/*CONSTITUTIONAL DOCUMENTS & REPORTS AREA******************************************/
.constitdocContent
{}

.constitdocContent li, .reportContent li, .pressReleaseContent li
{ display:block; position:relative; cursor:pointer; border-bottom:1px solid #FFF; width:100%; color:#FFF; font-size:12px; _height:30px; float:left;}

.constitdocContent li .item, .reportContent li .item, .pressReleaseContent li .item
{ display:block; color:white; text-decoration:none;  background:#000; padding:10px;}

.reportContent li .item table
{ width:100%; }
.reportContent li .item table td.large
{ width:215px; padding-right:10px; vertical-align:top; }
.reportContent li .item table td.small
{ text-align:right; vertical-align:top; }

.constitdocContent li a, .reportContent li a, .pressReleaseContent li a
{ display:block; color:white; text-decoration:none;  background:#000; padding:10px;}

.constitdocContent li a:hover, .reportContent li a:hover, .pressReleaseContent li a:hover
{ text-decoration:none;  background:#999; padding:10px;}

.constitdocContent li b, .reportContent li b, .pressReleaseContent li b
{ display:block; padding-right:80px;}

.constitdocContent li .btn_download, .reportContent li .btn_download, .pressReleaseContent li .btn_download
{ position:absolute; right:10px; bottom:10px; display:block; width:68px; height:10px; font-size:1%; text-indent:-9999px; }
	
.constitdocContent li .btn_download span, .reportContent li .btn_download span, .pressReleaseContent li .btn_download span
{ display:block; width:68px; height:10px; background: url(../images/common/btn_download.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/btn_download.png', sizingMethod='image'); }

.constitdocContent li:hover .btn_download span, .reportContent li:hover .btn_download span, .pressReleaseContent li:hover .btn_download span
{ background: url(../images/common/btn_download_over.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/btn_download_over.png', sizingMethod='image'); }


/*************************************************************/
/*SEARCH RESULT AREA******************************************/
.searchDesc
{ font-size:12px; padding-bottom:10px; border-bottom:1px solid #FFF;}

.searchContent
{}

.searchContent li
{ display:block; cursor:pointer; border-bottom:1px solid #FFF; width:100%; color:#FFF; font-size:12px; _height:30px; float:left;}

.searchContent li h1
{ font-size:30px; line-height:32px; width:650px; padding-bottom:5px;}

.searchContent li a
{ display:block; position:relative; color:white; text-decoration:none;  background:#000; padding:10px;}

.searchContent li a:hover
{ text-decoration:none;  background:#222; padding:10px;}

.searchContent li b
{ display:block;  width:650px;}

.searchContent li .btn_arrow
{ position:absolute; right:10px; bottom:10px; display:block; width:10px; height:10px; font-size:1%; text-indent:-9999px;}
	
.searchContent li .btn_arrow span
{ display:block; width:10px; height:10px; background: url(../images/common/img_arrow.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow.png', sizingMethod='image'); }

.searchContent li:hover .btn_arrow span
{ background: url(../images/common/img_arrow_over.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow_over.png', sizingMethod='image'); }


/*************************************************************/
/*SUBSCRIBE AREA**********************************************/
.subscribeContent
{}

.subscribeContent ul
{ border-bottom:1px solid #FFF; padding:10px 0px; margin-bottom:20px;}

.unsubscribe
{ border-bottom:1px solid #FFF;border-top:1px solid #FFF; padding:10px 0px; margin-bottom:20px;}

.subscribeContent li
{ position:relative; display:block; width:184px; float:left; font-size:12px; padding:5px 0 5px 10px; min-height:20px;}

.subscribeContent li label
{ float:left; width:164px;}

.subscribeContent li input
{ float:left; width:15px;}

.subscribeContent table
{ }

.subscribeContent td
{ padding-left: 10px; padding-top:5px; padding-bottom:5px; }

.subscribeContent .subsName,
.subscribeContent .subsFirstName,
.subscribeContent .subsLastName,
.subscribeContent .subsGender,
.subscribeContent .subsMail,
.subscribeContent .subsCountry
{ margin-bottom:5px; color:#FFF !important;}

.subscribeContent .subsPhone
{ margin-bottom:10px; color:#FFF !important;}

.subscribeContent .btn_submit
{ padding-left: 10px;}

.subscribeContent .subsPrivacy
{ padding: 5px 0 10px 10px;}

.subscribeContent .subsName input,
.subscribeContent .subsFirstName input,
.subscribeContent .subsLastName input,
.subscribeContent .subsGender input,
.subscribeContent .subsMail input,
.subscribeContent .subsCountry input,
.subscribeContent .subsPhone input
{ width:220px;}

.subscribeContent .subsGender span.radioContainer{
	float:left; width:80px;
	font-size:12px;
	line-height:20px;
}
.subscribeContent .subsPrivacy input
{ float:left; width:15px;}

.subscribeContent .subsName label, 
.subscribeContent .subsFirstName label, 
.subscribeContent .subsLastName label, 
.subscribeContent .subsGender label, 
.subscribeContent .subsMail label, 
.subscribeContent .subsCountry label, 
.subscribeContent .subsPhone label
{ float:left; width:100px; font-size:12px; padding:3px 0px;}

.subscribeContent .subsPrivacy font
{ float:left; padding-left: 10px; width:600px; font-size:12px;}

.subscribeContent .subsRequired label
{ float:left; width:500px; font-size:12px; padding:3px 0px;}


/*************************************************************/
/*BUSINESS OPPORTUNITIES AREA*********************************/
.boContent
{ margin-bottom:20px;}

.boContent .boDetails
{ margin-bottom:20px;}

.boContent .boDetails h2
{ padding-bottom:10px; text-transform:uppercase; font-size:24px; line-height:25px; width:650px;}

.boContent .boDetails th
{ text-transform:uppercase; font-size:12px; font-weight:bold; vertical-align:top; text-align:left; padding:8px 0px 0px 0px;}

.boContent td
{ font-size:12px; padding:5px 0px; }

.boContent .boDetails td label
{ padding-right:5px;}




/*************************************************************/
/*RECRUIT AREA************************************************/
.recruitContent
{}
.recruitContent h3
{ padding:10px 0 0 5px; }

.recruitContent li
{ display:block; border-bottom:1px solid #FFF; width:100%; color:#FFF; font-size:12px; _height:30px; float:left;}

.recruitContent li h1
{ font-size:30px; position:relative; line-height:32px; width:650px; padding-bottom:5px;}

.recruitContent li a
{ position:relative; display:block; color:white; text-decoration:none;  background:#000; padding:10px;}

.recruitContent li a:hover
{ text-decoration:none;  background:#222; padding:10px;}


.recruitContent li b
{ display:block;  width:700px;}

.recruitContent li .recruitDetails
{ padding:10px; width:757px;}
.recruitContent li .recruitDetails a
{display: inherit;
background: none;
padding: 0;
text-decoration:underline;}

.recruitContent li .recruitDetails ul
{ display:block; padding-bottom:10px;}

.recruitContent li .recruitDetails ul li
{ display:block; float:none; border:0px; background: url(../images/common/img_bullet.gif) no-repeat 0px 7px; padding-left:10px; _height:10px;}

.recruitContent li .recruitDetails dl
{ padding-top:10px;}

.recruitContent li .recruitDetails dt
{ clear:both; float:left; width:80px; font-weight:bold;}

.recruitContent li .recruitDetails dd
{ float:left; width:500px;}

.recruitContent li .btn_arrow
{ position:absolute; right:10px; bottom:15px; display:block; width:10px; height:10px; font-size:1%; text-indent:-9999px; }
	
.recruitContent li .btn_arrow span
{ display:block; width:10px; height:10px; background: url(../images/common/img_arrow_down.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow_down.png', sizingMethod='image'); }

.recruitContent li:hover .btn_arrow span, .recruitContent li.highlight .btn_arrow span
{ background: url(../images/common/img_arrow_down_over.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/img_arrow_down_over.png', sizingMethod='image'); }


/*************************************************************/
/*CONTACT AREA************************************************/
.contactContent
{}

.contactContent h2
{ text-transform:uppercase; font-size:14px; font-weight:bold; }

.contactContent th
{ text-transform:uppercase; font-size:12px; font-weight:bold; vertical-align:top; text-align:left; padding:8px 0px 0px 0px;}

.contactContent td
{ font-size:12px; padding:5px 0px;}

.contactContent td table td
{ padding:0px;}

.contactContent td table th{
	padding:3px 0px 0px 0px;
}

.contactContent td label
{ padding-right:5px;}

/*************************************************************/
/*I.T ICON AREA************************************************/
.iconContent
{ overflow:hidden;}

.iconContent ul.iconList
{width:	788px;}
.iconContent ul.iconList li
{ position:relative; display:block;
	width:185px; height:275px;
	background:#fff;
	float:left;	
	margin-right:12px;
	margin-bottom:12px;}
.iconContent ul.iconList li .iconItem
{ position:absolute; top:10px; left:10px; width:165px; height:255px; overflow:hidden}
.iconContent ul.iconList li .mono
{ position:absolute; top:0; left:0;}
.iconContent ul.iconList li .color
{ position:absolute; top:0; left:0; display:none;}
.iconContent ul.iconList li .name
{ position:absolute; width:165px; bottom:-50px; left:0; height:50px; background:url('../images/icon/nameBg.png') repeat; color:#fff; line-height:1.2em; font-size:12px; text-align:center; font-weight:bold;}
.iconContent ul.iconList li .name table
{ width:155px; height:50px; padding:0; margin:0; border:0; margin:0 auto;}
.iconContent ul.iconList li .name table td
{text-align:center; vertical-align:middle;}


.iconContent .lCol
{ width:520px; float:left; margin-right:40px; overflow:hidden;}
.iconContent .lCol h2
{ padding-bottom:20px; font-size:24px; line-height:25px;}

.iconContent .lCol h2 span
{ display:block; font-size:12px;}

.iconContent .lCol p
{ font-size:12px; text-align:justify; }

.iconContent .lCol p sup
{ font-size:10px; }

.iconContent .lCol .headImg
{ position:relative; margin-bottom:10px; border:1px solid #333; width:518px; height:310px; overflow:hidden; }

.iconContent .lCol .headImg .btnPrev
{ position:absolute; left:0px; display:none; z-index:6000;}

.iconContent .lCol .headImg .btnPrev a
{ cursor:pointer; display:block; width:30px; height:310px; position:relative;}

.iconContent .lCol .headImg .btnPrev a span
{ top:135px; left:6px;}

.iconContent .lCol .headImg .btnNext
{ position:absolute; right:0px; _right:-1px; display:none; z-index:6000;}

.iconContent .lCol .headImg .btnNext a
{ cursor:pointer; display:block; width:30px; height:310px; position:relative;}

.iconContent .lCol .headImg .btnNext a span
{ top:135px; left:10px;}

.iconContent .lCol .headImg .btnPrev a span.bgBlack,
.iconContent .lCol .headImg .btnNext a span.bgBlack
{ display:block; position:absolute; width:30px; height:310px; top:0px; left:0px; background-image:none; z-index:5000;}

.iconContent .lCol .headImg ul
{ position:relative; display:block; width:518px; height:310px; }

.iconContent .lCol .headImg li
{ position:absolute; display:block; width:518px; height:310px; }

.iconContent .lCol .headImg li img
{ position:absolute; top:50%; left:50%;}

.iconContent .rCol
{ width:215px; float:left;}

.iconContent .rCol h3
{ padding-bottom:10px; font-size:18px; line-height:18px; font-weight:bold;}

.iconContent .rCol dl.newsGroup 
{ margin-bottom:30px;}

.iconContent .rCol ul,.iconContent .rCol dd
{ font-size:12px; line-height:14px; }

.iconContent .rCol dd a
{ clear:both; cursor:pointer; display:block; font-size:12px; color:white; text-decoration:none; font-weight:bold; _height:50px;}

.iconContent .rCol dd a p
{ display:block; width:140px; float:left; margin-left:5px; margin-bottom:10px; }

.iconContent .rCol dd a span
{ display:block; width:43px; height:43px; border:1px solid #fff; float:left;}

.iconContent .rCol dd a:hover span
{ border:1px solid #666; }

.iconContent .rCol dl.snapsGroup
{}

.iconContent .rCol dl.snapsGroup dd a span
{ border:0px; }

.iconContent .rCol dd a:hover,.iconContent .rCol dd a.highlight
{ color:grey;}

.iconContent .lCol .btn_backtop
{ float:right;}

/*************************************************************/
/*SITEMAP AREA************************************************/
.sitemapContent
{}

.sitemapTable
{
	width: 777px;
}

.sitemapItem
{
	vertical-align: top;
	width: 259px;
}

.sitemapItem ul
{margin: 0 0 20px 0;}
.sitemapItem li
{margin-top:5px;}
.sitemapItem ul ul
{ font-size:13px;}
.sitemapItem a
{ color:#fff; }

/*************************************************************/
/*PAGE NOT FOUND AREA*****************************************/
.pagenotfoundContent
{ }

.pagenotfoundContent h2
{ padding-bottom:5px;}

.pagenotfoundContent p
{ padding-bottom:10px;}

.pagenotfoundContent ul
{ margin-bottom:30px;}

.pagenotfoundContent li
{ list-style:none; margin-right:8px;}
.pagenotfoundContent li a
{ color:#fff; line-height:1em; font-size:13px; font-weight:bold;}
.pagenotfoundContent li a:hover
{ color:#666; text-decoration:none;}
/*
.pagenotfoundContent li a
{ display:block; background:url(../images/common/img_menu.gif) no-repeat top left; height:11px; font-size:1%; text-indent:-9999px;}

.pagenotfoundContent li.mNews a
{ background-position:0px 0px; width:40px;}
.pagenotfoundContent li.mNews a:hover
{ background-position:0px -19px;}

.pagenotfoundContent li.mPromotions a
{ background-position:-47px 0px; width:93px;}
.pagenotfoundContent li.mPromotions a:hover
{ background-position:-47px -19px;}

.pagenotfoundContent li.mBrands a
{ background-position:-148px 0px; width:57px;}
.pagenotfoundContent li.mBrands a:hover
{ background-position:-148px -19px;}

.pagenotfoundContent li.mContact a
{ background-position:-763px 0px; width:60px;}
.pagenotfoundContent li.mContact a:hover
{ background-position:-763px -19px;}
*/
/*************************************************************/
/*FOOTER AREA*************************************************/
.footerArea
{ position:relative; clear:both; padding-bottom:50px; _padding-bottom:30px; padding-left:203px; width:777px; padding-top:10px; z-index:1;}

.footerArea ul
{ height:10px; overflow:hidden; padding-bottom:30px; width:560px; _width:560px; float:right; *padding-bottom:0; *height:30px; _margin:0; line-height:0;}

.footerArea li
{ display:block; list-style:none; height:12px;  margin:0 16px 4px 0; float:right; _margin:0 10px 4px 0;}

.footerArea li a
{ display:block; color:#fff; height:12px; font-size:12px; line-height:12px; font-weight:bold; padding:0; _display:inherit;}

.footerArea li a:hover
{ text-decoration:none; color:#666; font-weight:bold;}

.footerArea li a.highlight
{ text-decoration:none; color:#666; font-weight:bold;}
/*
.footerArea li.mInvestors a
{ background-position:0px 0px; width:130px;}
.footerArea li.mInvestors a:hover, .footerArea li.mInvestors a.highlight
{ background-position:0px -20px;}

.footerArea li.mBusinessOpp a
{ background-position:-135px 0px; width:150px;}
.footerArea li.mBusinessOpp a:hover, .footerArea li.mBusinessOpp a.highlight
{ background-position:-135px -20px;}

.footerArea li.mRecuritment a
{ background-position:-291px 0px; width:81px;}
.footerArea li.mRecuritment a:hover, .footerArea li.mRecuritment a.highlight
{ background-position:-291px -20px;}

.footerArea li.mContact a
{ background-position:-377px 0px; width:56px;}
.footerArea li.mContact a:hover, .footerArea li.mContact a.highlight
{ background-position:-377px -20px;}

.footerArea li.mSitemap a
{ background-position:-437px 0px; width:51px;}
.footerArea li.mSitemap a:hover, .footerArea li.mSitemap a.highlight
{ background-position:-437px -20px;}

.footerArea li.mSubscribe a
{ background-position:-492px 0px; width:66px;}
.footerArea li.mSubscribe a:hover, .footerArea li.mSubscribe a.highlight
{ background-position:-492px -20px;}

.footerArea li.mTerms a
{ background-position:-563px 0px; width:84px;}
.footerArea li.mTerms a:hover, .footerArea li.mTerms a.highlight
{ background-position:-563px -20px;}
*/

.footerArea .subFooter
{ height:23px; overflow:hidden;}

.subFooter .mPolicy
{ float:left; margin-right:10px; padding-top:6px;}
.subFooter .mPolicy a
{ display:block; background:url(../images/common/img_footer.gif) no-repeat top left; background-position:-652px 0px; width:94px; text-indent:-9999px; height:10px; overflow:hidden;}
.subFooter .mPolicy a:hover
{ background-position:-652px -20px;}

.subFooter .copyrightArea
{ float:left; font-size:11px; padding-top:3px;}

.subFooter .searchArea
{ float:right; position:relative; color:#807f7f; padding-right:40px; font-size:100%; }
.subFooter .searchArea a
{ position:absolute; right:21px; display:block; background:url(../images/jqtranform/submit.gif) no-repeat top left; width:20px; height:23px; z-index:9995;}
.subFooter .searchArea input
{ width:220px; }

.subFooter .flogo
{ float:right; padding-left:10px;}

.footerArea .footerSoical{
	float: left;
	padding: 0 0 0 10px;
	margin: 0;
	width: 205px;
	height: 25px;
}
.footerArea .footerSoical li{
	float:left;
	width:27px; height:25px;
	margin:0 5px 0 0;
}
.footerArea .footerSoical li a{
	display:block;
	width:27px; height:25px;
}
.footerArea .footerSoical li a.facebook{
	background:url(../images/common/social-bar/footer-icon_fb.gif) no-repeat;
	background-position:0 0;
}
.footerArea .footerSoical li a.twitter{
	background:url(../images/common/social-bar/footer-icon_twitter.gif) no-repeat;
	background-position:0 0;
}
.footerArea .footerSoical li a.weibo{
	background:url(../images/common/social-bar/footer-icon_weibo.gif) no-repeat;
	background-position:0 0;
}
.footerArea .footerSoical li a.youtube{
	background:url(../images/common/social-bar/footer-icon_youtube.JPG) no-repeat;
	background-position:0 0;
}
.footerArea .footerSoical li a.instagram{
	background:url(../images/common/social-bar/footer-icon_insta.JPG) no-repeat;
	background-position:0 0;
}
.footerArea .footerSoical li a:hover{
	background-position:0 -25px;
}
/*************************************************************/
/*SOCIAL BAR SETTINGS*****************************************/
.socialBar 
{ position:fixed; bottom:0px; _position:relative; width:990px; height:20px; overflow:hidden;}

.socialBar .sbTab
{ display:block; position:absolute; right:10px; width:106px; height:20px; z-index:900;}
.socialBar .sbTab a
{ display:block; background:url(../images/common/social-bar/img_smtab.jpg) no-repeat top right; width:106px; height:20px; text-indent:-9999px; font-size:1px;}
.socialBar .sbTab a:hover
{ background-position:bottom right;}

.socialBar ul
{ position:relative; top:20px; height:20px; background:url(../images/common/social-bar/img_smbar_bg.jpg) repeat-x top left;}

.socialBar li
{ float:left; margin-right:20px;}


/*************************************************************/
/*MISC SETTINGS***********************************************/
h1
{ padding-bottom:35px; line-height:0px;}

h1 span
{ margin-left:10px; line-height:0px;}

h1 p
{ display:block; font-size:28px; line-height:30px; font-weight:bold;}

.remarks
{ font-size:10px; margin-bottom:10px;}

.appStore
{ position:relative; display:block; width:127px; height:33px; margin:0 0 0 10px; /*float:right; margin-top:-15px;*/ }

.appStore a
{ display:block; width:127px; height:33px; background:url(../images/publications/img_app_store.gif) no-repeat bottom left;  text-indent:-9999px; font-size:1px;}

.btn
{ height:15px; margin:0 0 0 10px; padding:8px 12px; border:1px solid #fff; font-size:11px;}

.headRegion
{ position:absolute; right:10px; z-index:9;}

.headBack
{ position:absolute; right:10px; z-index:9;}
.headBack a
{font-weight:bold; font-size:12px; display:block; padding-left:20px; background:url(../images/common/img_barrow_left.gif) 0% 50% no-repeat; color:#fff}

.headSorting
{ position:absolute; right:10px; z-index:9;}
.headSorting a
{font-weight:bold; font-size:12px; display:block; padding-right:20px; background:url(../images/common/img_barrow_right.gif) 100% 50% no-repeat; color:#fff}
.headSorting a.active
{background:url(../images/common/img_barrow_down.gif) 100% 50% no-repeat;}

.headSorting .sorting
{ position:absolute; width: 200px; text-align:right; right:0; top:15px; display:none;}
.headSorting .sorting a
{font-weight:normal; font-size:12px; display:inline; padding-right:0; background:none; color:#fff;}
.btnPrev a span
{ position:absolute; display:block; width:12px; height:35px; background:url(../images/common/btn_prev_arrow.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/btn_prev_arrow.png', sizingMethod='image'); }

.btnPrev a:hover span
{ background:url(../images/common/btn_prev_arrow_over.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/btn_prev_arrow_over.png', sizingMethod='image'); }

.btnNext a span
{ position:absolute; display:block; width:12px; height:35px; background:url(../images/common/btn_next_arrow.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/btn_next_arrow.png', sizingMethod='image'); }

.btnNext a:hover span
{ background:url(../images/common/btn_next_arrow_over.png) no-repeat; /*IE6 PNG fix*/  _background: transparent;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/btn_next_arrow_over.png', sizingMethod='image'); }

.btn_backtop
{ float:right; margin-top:10px; margin-bottom:20px;}
.btn_backtop a
{ display:block; width:73px; height:9px; background:url(../images/common/btn_top.gif) no-repeat bottom left;  text-indent:-9999px; font-size:1px;}
.btn_backtop a:hover
{ background-position:top left; }

.btn_submit a
{ display:block; width:53px; height:17px; background:url(../images/common/btn_submit.gif) no-repeat top left;  text-indent:-9999px; font-size:1px;}
.btn_submit a:hover
{ background-position:bottom left; }

.btn_search
{ float:right; }
.btn_search a
{ display:block; width:53px; height:23px; background:url(../images/common/btn_search.gif) no-repeat top left;  text-indent:-9999px; font-size:1px;}
.btn_search a:hover
{ background-position:bottom left; }

.btnClose a
{ display:block; width:20px; height:20px; background:url(../images/common/btn_close.gif) no-repeat top left;  text-indent:-9999px; font-size:1px;}

.btnClose a:hover
{ background-position:bottom left; }

.subSelect
{ height:40px; border-bottom:1px solid #FFF;}

.subSelect li
{ /*float:left;*/ }

.subSelect label
{ font-size:13px; padding-top:2px; padding-right:10px;}

.subSelect .jqTransformSelectWrapper
{ margin-right:10px;}
/*
.subSelect  li{
	margin-right:20px;
	float:left;	
}
*/
.subMenu
{ border-bottom:1px solid #FFF; padding-bottom:10px;}
.subTitle
{ padding:5px 0; border-bottom:1px solid #FFF;}

.subMenu li
{ float:left; font-size:12px;}

.subMenu li a
{ color:white; text-decoration:none;}

.subMenu li.highlight a
{ font-weight:bold; text-decoration:none;}
.subMenu li.bullet
{ background: url(../images/common/img_bullet.gif) no-repeat 0px 7px; width:4px; height:15px; margin:0px 10px;}

.lCol .box 
{ margin:0px 10px 5px 0px; font-size: 11px; line-height: 1.4em; float: left;}

.lCol .col1 
{ width: 105px; }
.lCol .col2 
{ width: 167px; }
.lCol .col3 
{ width: 255px; }
.lCol .col4 
{ width: 343px; }
.lCol .col5
{ width: 520px; }

.lCol .col1 img 
{ max-width: 105px; }
.lCol .col2 img 
{ max-width: 167px; }
.lCol .col3 img 
{ max-width: 255px; }
.lCol .col4 img 
{ max-width: 343px; }
.lCol .col5 img 
{ max-width: 520px; }


/*************************************************************/
/*MEDIA QUERIES***********************************************/
/*@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   (max-device-width:480px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
#container { width:760px; }
}


@media (min-device-width:1024px) and (max-width:799px),
       (max-device-width:480px) and (orientation:portrait) {
#container { width:640px; }
}

@media (min-device-width:1024px) and (max-width:639px),
       (max-device-width:480px) and (orientation:portrait) {
#container { width:480px; }
}

@media (min-device-width:1024px) and (max-width:479px),
       (max-device-width:480px) and (orientation:portrait) {
#container { width:320px; }
}*/

.loading{
	position:fixed;
	z-index:999;
	width:100%; height:100%;
	background:#000;	
}
.loading img{
	position:absolute;
	top:50%; left:50%;
	margin-top:-16px;
	margin-left:-16px;
}