@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	/*background:url(../images/homeBg.gif);*/
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
}
.clearBoth {
	clear:both;
}
.container {
	margin-left:auto;
	margin-right:auto;
	width:955px;

}
.bgWhite {
	/*background:#FFF;*/
	background:url(../images/homeBg.gif);
	background-repeat:repeat-x;
}
.footer{
	margin:0px;
	padding-top:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	background-color:#e9e6e1;
	}	
.footer a:link, a:visited{
	color:#0066d9;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}
.footer a:hover{
	color:#0066d9;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.textLink{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#236afa;
	line-height:16pt;
	text-decoration:none;
	}	
.textLink a:hover{
	color:#062e81;
	text-decoration:none;
	}
.textLink a:link{
	color:#062e81;
	text-decoration:none;
	}


a:link, a:visited{ color:#0060cc; text-decoration:none;}
a:hover{ color:#167bec; text-decoration:none;}



/*-------------------Homepage------------------------------------------------------------------*/

.mainBg{
	margin-top:0px;
	/*background-image:url(../images/mainBg.jpg);*/
	background-repeat:repeat-x;
}	
.centerBg{
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:955px;
		
	background-repeat:no-repeat;
}	
.banner{
	width:474px;
	/*height:400px;*/
	margin-left:286px;
	margin-right:auto;
	border: solid 0px #000000;
	margin-top:340px;

}
.banner1{
	width:474px;
	height:259px;
	background-image:url(../images/homeBanner1.png) ;
	background-repeat:no-repeat;
}	
.banner2{
	width:474px;
	height:259px;
	background-image:url(../images/homeBanner2.png) ;
	background-repeat:no-repeat;
}	
.banner3{
	width:474px;
	height:259px;
	background-image:url(../images/homeBanner3.png) ;
	background-repeat:no-repeat;
}
.bannerChristmas{
	width:474px;
	height:259px;
	background-image:url(../images/homeBanner_christmas2011.png);
	background-repeat:no-repeat;
}

.bannercny{
	width:474px;
	height:259px;
	background-image:url(../images/homeBanner_cny2012.png);
	background-repeat:no-repeat;
}


.slideshow { 
	height: 259px; 
	width: 474px; 
	margin:auto;
	z-index:1; 
	position:absolute; 
	overflow:hidden;
	top:72px;
}
.slideshow img {  }	

.content{
	width:670px; 
	margin-left:0;
	
}	
.contest{
	width:269px; 
	float:right;
	margin-right:0px;
	
}	
.latestNews{
	width:310px;
	padding:10px;
	float:left;
}
.products{
	width:315px;
	padding:30px 5px 10px 5px;
	float:right;
}
.newsLink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066d9;
	line-height:16pt;
	text-decoration:none;
}


.newsLink a:hover{
	color:#0066d9;
	text-decoration:none;
}
.productContainer { 
	width: 633px; 
    top:72px;
	z-index:2;
	position:absolute;
	margin-left:204px;
}

/*-------------------Subpage------------------------------------------------------------------*/

.subpageBg{
	margin-top:0px;
	/*background-image:url(images/mainBg.jpg);*/
	background-repeat:repeat-x;
}
.topBanner{
	float:right; 
	top:0px;
	margin-left:auto;
	padding:0px 0px 10px 0px;
}
.leftPanel{
	width:200px;
	float:left;
	margin-left:0px;
	padding-top:20px;
}

.rightPanel{
	width:700px;
	float:right;
	margin-right:20px;
}
.topNaviContainer{
	width:733px;
	margin-top:30px;
	margin-left:200px;
	}	
	
.topNaviBg{
	
	width: 932px;
	height:60px;
	background-image:url(../images/topnavi_bg.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.topNaviBgHome{
/*	float:left;*/
	width: 932px;
	height:60px;
	/*background-image:url(../images/topnavi_bg.gif);*/
	background-repeat:no-repeat;
	overflow:hidden;
}
.subContentContainer{
	width:700px; 
	line-height:14pt; 
	padding-bottom:20px;
	text-align:left;
}

.leftPanelTitle{
	z-index:50; 
	top:72px; 
	padding-left:0px; 
	margin-left:0px;
}	
.contentTitle{
	width:720px;
	height:29px;
	background-image:url(../images/contentTitle_bg.jpg); 
	background-repeat:no-repeat;
	padding-top:12px;
	background-position:bottom;
}
.leftNavi_media{
	width:696px;
	height:10px;
	padding-top:12px;
	background-position:bottom;
}
.contentTitle_text{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	float:left;
	margin-left:30px;
	margin-top:5px;
	}
.productTitle{
	width:696px;
	height:28px;
	background-image:url(../images/contentTitle_bg.jpg); 
	background-repeat:no-repeat;
	padding-top:0px;
	background-position:bottom;
}
.white_title{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-align: right;
	}
.red_title{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e70000;
	font-weight:bold;
	text-align: right;
	}
	
.red_title2{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e70000;
	font-weight:bold;
	text-decoration: none;
	
	}
	
.red_title2:visited {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e70000;
	font-weight:bold;
	text-decoration: none;
	
	}
	
.blue_subtitle{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#075fdf;
	font-weight:normal;
	}
	
.orange_title{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff8401;
	font-weight:bold;
	}
	
.tableHeaderGradient{
	background-image:url(../images/table_titleBg.jpg); 
	background-repeat:no-repeat; 
	padding:5px 15px; 
	color:#FFF; 
	font-weight:bold;
	height:25px;
}



.tableHeader{
 background:#bd0b00;
	color:#FFF; 
	font-weight:bold;

}


table{
	text-align:right!important;
}
.tableBorder{  border: solid 1px #d9d9d9; text-align:left;}
.tableBgGrey{ background:#cbcbcb; font-weight:bold;}

.tableHeaderClassA{
	background-image:url(../images/table_titleClassA.jpg); 
	background-repeat:no-repeat; 
	padding:5px 15px; 
	color:#FFF; 
	font-weight:bold;
	height:25px;
}	
.tableIcon{float:left; width:300px;}
.tableDate{float:right; width:90px;}
.altRowYellow{ background:#fafacf;}
.tableClassA{float:left; width:380px; text-align:right;}
.tableClassB{float:right; width:140px;}
.tableClassC{float:right; width:230px;}
.tableClassD{float:right; width:305px;}
.HeaderBOD{
	background-image:url(../images/table_titleBg.jpg); 
	background-repeat:no-repeat; 
	padding:10px 0px 5px 10px; 
	color:#FFF; 
	font-weight:bold;
	height:25px;
	width:695px;
}	
.td_small{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	
}
/*-------------------leftNavi------------------------------------------------------------------*/

.leftNaviBg{
	/*background-image:url(../images/sideNavi_bg.gif); */
	background-repeat:repeat-y;
}				
.breadcum{
	margin:0px 0px 0px 18px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	}	
.breadcum a:link, a:visited{
	color:#0066d9;
	text-decoration:none;
	}
.breadcum a:hover{
	color:#0066d9;
	text-decoration:none;
}

/*-------------------carousel------------------------------------------------------------------*/

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 600px;
    padding: 58px 10px 0px 45px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  580px;
    height: 213px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 140px;
    height: 213px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
}

/*
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}*/

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 100px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:  url(../images/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
 
    position: absolute;
    top: 100px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:  url(../images/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
/*.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,*/
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
#wrap {
	width: 650px;
	padding-left:15px;
}
.carouselBg{
	background-image:url(../images/slideBg.jpg);
	background-repeat:no-repeat;
}

/*------------------- autoscroll carousel------------------------------------------------------------------*/

.jcarousel-skin-auto .jcarousel-container-horizontal {
    width: 260px;
    padding: 8px 10px 0px 45px;
}

.jcarousel-skin-auto .jcarousel-clip-horizontal {
    width:  248px;
    height: 99px;
}

.jcarousel-skin-auto .jcarousel-item {
    width: 73px;
    height: 99px;
}

.jcarousel-skin-auto .jcarousel-item-horizontal {
    margin-right: 10px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-auto .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

/*.jcarousel-skin-auto .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}*/

.jcarousel-skin-auto .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-auto .jcarousel-next-disabled-horizontal,
/*.jcarousel-skin-auto .jcarousel-next-disabled-horizontal:hover,*/
.jcarousel-skin-auto .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-auto .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

/*.jcarousel-skin-auto .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}*/

.jcarousel-skin-auto .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-auto .jcarousel-prev-disabled-horizontal,
/*.jcarousel-skin-auto .jcarousel-prev-disabled-horizontal:hover,*/
.jcarousel-skin-auto .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
#wrap1 {
	width: 270px;
	padding-left:0px;
}

/*-------------------------------dropdown-------------------------------------------*/
td {
	padding:3px;
	text-align: left;
}
* {
	padding:0px;
	margin:0px;
}

/*Accordion  CSS*/

#mainNavi {
	width:160px;
	font:12px Arial;
	margin:10px auto 0px auto;
	cursor:hand;
	z-index:90;
}
#mainNavi a:link, .mainNavi a:visited {
	color:#0068b9;
	text-decoration:none;
}
#mainNavi a:hover {
	color:#ffffff;
	text-decoration:none;
}
#mainNavi li {
	width:160px;
	padding-left:22px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:0px;
	margin-top:3px;
	background:url(../images/sideNavi_on1.gif);
	background-repeat:no-repeat;
	cursor:hand;
	color:#0068b9;
	font-weight:bold;
	list-style:none;	
}
#mainNavi li a:hover {
	/*background:url(../images/sideNavi_hoverBg.gif);
	background-repeat:no-repeat;*/
	color:#0333a1;
	cursor:hand;
	font-weight:bold;
}
#mainNavi li a:link, #mainNavi li a:visited {
	list-style-type:none;
	text-decoration:none;
}

#mainNavi li ul {
	cursor:hand; 
}
#mainNavi li ul a:link, #mainNavi li ul a:visited {
	color:#0068b9;
	text-decoration:none;
	width:100px;
}
#mainNavi li ul a:hover {
	color:#014a83;
	text-decoration:none;
}
#mainNavi li ul li {
	list-style-type:none;
	padding-bottom:3px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:hand;
	font-weight:normal;
	background-image:none;
    width:138px;
}
#mainNavi li ul li a:link, #mainNavi li ul li a:visited {
	list-style-type:none;
	font-weight:normal;
}

#mainNavi li ul li:hover {
	color:#014a83;
	text-decoration:none;
	background-image:none;
}
/* fix for IE6 */
#mainNavi li ul li { 
	padding: 3px 0px 0px 0px;
}

/* Fix IE. Hide from IE Mac \*/
/** html ul li { float: left; }
* html ul li a { height: 1%; }*/
/* End */

/*------------------Career content-----------------------------*/
.career_whitetext {
	color: #ffffff;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding:5px 5px 5px 10px;
}

.career_greyText {
	text-align:left;
	vertical-align:top;
	padding:5px 5px 5px 8px;
	background:#fafacf;
	border-bottom:#ddddde 2px solid;
}

.msg_list {
	width: 645px;
	
}
.msg_head {
	background-image:url(../images/table_titleBgBOD.jpg); 
	background-repeat:no-repeat; 
	color:#FFF; 
	font-weight:bold;
	height:25px;
	width:680px;
	padding: 5px 10px;
	cursor: pointer;
}
.msg_body {
	padding:5px 10px;
	background-color:#e6f3fe;
	width:645px;
	font-size:12px;
	margin-left:8px
}
.blue_title{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0675cb;
	font-weight:bold;
	}
.border{
	border:1px solid #7ac1fe;}
	

.classD li{
clear: both;
width:480px;
padding-left: 15px;
margin-left: 15px;
vertical-align:top;



}

ol.classB{
list-style:lower-roman;
padding-left:20px;
margin-left:20px;
padding-top:20;
}

ol.classC{
list-style:lower-alpha;
padding-left:20px;
margin-left:20px;
padding-top:20;
}

.classA {
list-style-type:disc;
padding-left:10px;
margin-left:10px;
padding-top:20;
}

.backLink{float:right; width:120px;}
.backLink2{float:left; width:120px;}


.tvcButton{width:28px; height:80px; margin-left:207px; margin-top:26px;z-index:3; position:absolute; padding-top:0px;}


.frameContainer{width:200px; height:100px; padding-left:13px; margin-top:26px;z-index:-1;position:absolute; overflow:hidden;}
.tvcBg{background-image:url(../images/tv.png); width:247px; height:142px; background-repeat:no-repeat; position:absolute; z-index:1;}

.calendarBg{ width:655px; background-image:url(../images/calendar_bg.jpg); background-repeat: repeat-y;}

.calendarTop{ width:655px; background-image:url(../images/calendar_top.jpg); background-repeat:no-repeat; padding-top:40px;}
.calendarTable{ margin: 0px auto 0px 0px;}

.calendarBottom{ width:655px; background-image:url(../images/calendar_bottom.jpg); background-repeat:no-repeat; height:26px;}
.calendarTitle{color:#ffffff; font-weight:bold; font-size:14px;width:200px; margin-left:15px;}

.borderBottomGrey{ border-bottom:solid 1px #cccccc;}

		
.toggleButton{position:absolute; right:1px; z-index:99999999; top:20%;border-style:solid;border-width:0px;
 border-color:transparent;}
 
 .redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
.text_right{
	float:right;
}
.grey_border{
	border:1px solid #d8d8d7;}
	
/*Menu pop -left*/
.IRMenu {
    margin:5px 5px 0 0;padding:0 7px;
    width:175px;
    height:auto;
	/*float:left;*/ /*tham side got resize issue*/
    clear:left;
}
.IRMenu li {
    margin:0;padding:0px 5px 5px 10px;
    list-style:none;
	background:url(../images/sideNavi_on1.gif) no-repeat;
    /*background:url('../images/leftbarMenu-dot.gif') 5px 12px no-repeat;*/
    display:block;
}
.IRMenu li a {
    margin:0;
	padding:6px 5px 5px 15px;
    list-style:none;
    color:#0068b9;
	font-weight:bold;
    text-transform:capitalize;
    display:block;
}
.IRMenu li a:hover {
    color:#fd490a;
    text-transform:capitalize;
    text-decoration:none;
}
.IRMenu li span {
    margin:0;padding:5px 5px 5px 15px;
    list-style:none;
    color:#0068b9;
    text-transform:capitalize;
    display:block;
	font-weight:bold;
	cursor:pointer;
}
.IRMenu li span:hover {
    color:#009;
    text-transform:capitalize;
    text-decoration:none;
}
.IRMenu li.current {
    background:url('../images/leftbarMenu-current.png') left 0 no-repeat; 
}
.IRMenu li.current a {
    color:#1d8bed;
    font-weight:normal;
    background:url('../images/leftbarMenu-dot.gif') 5px 12px no-repeat;
}  
.IRMenu li.current span {
    color:#1d8bed;
    font-weight:bold;
    background:url('../images/leftbarMenu-dot.gif') 5px 12px no-repeat;
}  
.IRMenu2 {
	margin:0;padding:0;
}
.IRMenu2 li{
	margin:0;padding:0;
	display:inline-block;
	list-style-type:none;
	border:none;
	color:#0068b9;
	background:none;
}
.IRMenu2 li a {
	margin:0 0 0 5px;padding:6px 5px 6px 25px;
	display:block;
	width:135px;
	line-height:15px;
	font-size:12px;
	color:#0068b9 !important;
	text-shadow:none;
	/*border-bottom:1px solid #363636;*/
	background:url('../images/leftbarMenu2-icon.gif') 10px 10px no-repeat !important;
}
.IRMenu2 li.current a {
	margin:0 0 0 5px;padding:6px 5px 6px 25px;
	display:block;
	width:135px;
	line-height:15px;
	font-size:12px;
	color:#b4b4b4 !important;
	text-shadow:none;
	/*border-bottom:1px solid #363636;*/
	background:url('../images/leftbarMenu2-icon.gif') 10px 10px no-repeat;
}
.IRMenu2 li a.current {
	color:#FD490A !important;
	text-decoration:none;
}
.IRMenu2 li.current a.current {
	color:#FD490A !important;
	text-decoration:none;
}
/*** second level link color fix iE7 ***/
.IRMenu li.current a ul.IRMenu2 li a {
	color:#b4b4b4 !important;
	text-decoration:none;
	background:url('../images/leftbarMenu2-icon.gif') 10px 10px no-repeat !important;
}