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

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#000;
	display:block;
	white-space: nowrap;
}

/*************************** Terumo BCT Fonts **************************/

@font-face {
    font-family: 'TerumoBCTBold';
    src: url('fonts/terumobct_bd-webfont.eot');
    src: url('fonts/terumobct_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/terumobct_bd-webfont.woff') format('woff'),
         url('fonts/terumobct_bd-webfont.ttf') format('truetype'),
         url('fonts/terumobct_bd-webfont.svg#TerumoBCTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TerumoBCTLight';
    src: url('fonts/terumobct_lt-webfont.eot');
    src: url('fonts/terumobct_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/terumobct_lt-webfont.woff') format('woff'),
         url('fonts/terumobct_lt-webfont.ttf') format('truetype'),
         url('fonts/terumobct_lt-webfont.svg#TerumoBCTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TerumoBCTItalic';
    src: url('fonts/terumobct_rgit-webfont.eot');
    src: url('fonts/terumobct_rgit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/terumobct_rgit-webfont.woff') format('woff'),
         url('fonts/terumobct_rgit-webfont.ttf') format('truetype'),
         url('fonts/terumobct_rgit-webfont.svg#TerumoBCTItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TerumoBCTRegular';
    src: url('fonts/terumobct_rg-webfont.eot');
    src: url('fonts/terumobct_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/terumobct_rg-webfont.woff') format('woff'),
         url('fonts/terumobct_rg-webfont.ttf') format('truetype'),
         url('fonts/terumobct_rg-webfont.svg#TerumoBCTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TerumoBCTBoldItalic';
    src: url('fonts/terumobct_bdit-webfont.eot');
    src: url('fonts/terumobct_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/terumobct_bdit-webfont.woff') format('woff'),
         url('fonts/terumobct_bdit-webfont.ttf') format('truetype'),
         url('fonts/terumobct_bdit-webfont.svg#TerumoBCTBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TerumoBCTThin';
    src: url('fonts/terumobct_th-webfont.eot');
    src: url('fonts/terumobct_th-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/terumobct_th-webfont.woff') format('woff'),
         url('fonts/terumobct_th-webfont.ttf') format('truetype'),
         url('fonts/terumobct_th-webfont.svg#TerumoBCTThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************************************************************/

/*************************** Fonts Styles **************************/


h1{
	font-family: 'TerumoBCTBold', Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}

h2{
	font-family: 'TerumoBCTBold', Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	color:#FFF;
	letter-spacing:1px;
}

h3{
	font-family: 'TerumoBCTRegular', Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing:2px;
}

h4{
	font-family: 'TerumoBCTBold', Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing:2px;
}


h5{
	font-family: 'TerumoBCTBold', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	font-style: normal;
	color:#3c454f;
	margin:6px 0px 0px 50px;
	padding:0px 0px 0px 0px;
}

p{
	font-family: "TerumoBCTThin", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	font-style: normal;
	/*line-height:14px;*/
	color:#FFF;
	margin:0px;
	padding:5px 0px 5px 0px;
}

ul{
	list-style-type:none;
	margin:2px 0px 2px 0px;
	padding:0px;
	font-family: "TerumoBCTThin", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	font-style: normal;
	color:#FFF;
}

li{
	background:url(../images/sqBullet.png) no-repeat;
	padding:0px 0px 0px 10px;
} 

a{
	text-decoration:none;
	border:0;
}


.thinTitle{
	font-family: "TerumoBCTThin", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.header{
	font-size:24px;
	letter-spacing:1px;
	padding:163px 0px 15px 0px;
}

.tabLinkTxt{
	font-size:26px;
	margin:0px;
	padding:10px 0px 0px 20px;
	line-height:24px;
}

/********************************************************************/

sup{
	vertical-align: top; font-size: 0.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.clearfix:after {
   content: ""; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0px;
   clear: both;
}

#mainContainer{
	position:absolute;
	display:block;
	padding:0px;
	margin:0 auto;
	height:100%;
	width:100%;
	z-index:200;/*
	height:799px;
	width:1588px;
	overflow:hidden;*/
}

#container{
	position:relative;
	padding:0px;
	margin:0px;
	height:100%;/*1080px;*/
	width:100%;/*1920px;*/
}


#HomeButtons{
	/*position: absolute;
	height:290px;
	left:50%;
	top: 50%;
	margin-left: -730px;
	margin-top: -145px;*/
	
	margin:0 auto;
	height:290px;
	position: absolute;
	top: 300px; 
	width:90%;
	left: 0; 
	bottom: 0; 
	right: 0;
}

.mainScreenLogo{
	position:relative;
	float:left;
	display:table;
	height:275px;
	width:275px;
	padding:0px;
	margin:8px;
	cursor:pointer;
}
.mainScreenLogo:hover, .assetMoreBTN:hover{
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.assetBTN:hover{
	background-color:#333;
}

.mainScreenBlocks{
	position:relative;
	float:left;
	display:table;
	height:225px;
	width:225px;
	padding:25px;
	margin:8px;
	background-image:url(../images/BlackTransBG.png);
	background-repeat:repeat;
	color:#FFF;
	cursor:pointer;
}

.mainScreenBlocks:hover{
	background-image:url(../images/BlackTransBG-onPress.png);
	background-repeat:repeat;
	color:#999;
}

.mainScreenBlocks h1{
  display: table-cell; 
  vertical-align: middle; 
  text-align: center left; 
}

.topTab{
	position:absolute;
	display:table;
	height:116px;
	width:390px;
	padding:27px;
	top:0px;
	left:2%;
	background-color:#0C141A;
	z-index:999;
}
.tabContents{
	display: table-cell; 
  	vertical-align:bottom; 
  	text-align: bottom left;	
}
.tabText{
	color:#737B80;
	padding:10px 0px 0px 0px;
	margin:0px;
}



#moreTab{
	height:20px;
	width:408px;
	background-color:#0C141A;
	display:block;
	padding:25px 18px 25px 18px;
	position:absolute;
	right:20px;
	bottom:0px;
	/*bottom:0px;
	z-index:1000;*/
	cursor:pointer;
}
.moreContents{
	display: inline-block; 
  	vertical-align:middle; 
  	text-align: center right;	
}
.moreText{
	position:relative;
	float:right;
	color:#737B80;
	padding:0px;
	margin:0px;
}



.tabs{
	position:absolute;
	top:314px;
	left:35px;
	width:90%;
}

.tabBTN{
	position:relative;
	float:left;
	height:60px;
	width:380px;
	border:#FFF solid 1px;
	border-bottom: 0;
	padding:0px;
	margin:0px 10px 0px 0px;
	cursor:pointer;
}
.tabBTN:hover{
	border-color:#76D750;
}

.tabRule{
	border-bottom:1px #fff solid;
	/*position:relative;
	size:1px;
	noshade:noshade;
	color:#FFF;*/
	height:1px;
	width:100%;
	clear:both;
	padding:0px;
	margin:0px;
}

.activeTab{
	height:60px;
}




.subBTNs{
	position: absolute;
	left:30px;
	top: 400px;
	display:block;
	width:95%;
	overflow:auto;/*hidden;
	
	height:320px;
	*/
}


.sectionTitle{
	position:absolute;
	top:207px;
	left:65px;
}





#more{
	position:absolute;
	display:block;
	display:none;
	top:0;
	left:0;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	z-index:1001;
}
#backTab{
	position:absolute;
	display:table;
	height:20px;
	width:408px;
	padding:25px 18px 25px 18px;
	top:0px;
	right:2%;
	background-color:#0C141A;
	cursor:pointer;
}
.backContents{
	display: table-cell; 
  	vertical-align:middle; 
  	text-align: center right;	
}
.moreText{
	position:absolute;
	right:30px;
	top:25px;
	color:#737B80;
	padding:0px;
	margin:0px;
}

#corpTxt{
	position:absolute;
	top:357px;
	left:84px;
	width:375px;
	white-space: normal;
}
#CorpButtons{
	position: absolute;
	left:525px;
	top: 450px;
	width:63%;
	overflow:auto;
}



#BCSButtons{
	position: absolute;
	height:620px;
	width:1240px;
	left:50%;
	top: 50%;
	margin-left: -620px;
	margin-top: -310px;
}

#MoreButtons{
	position: absolute;
	height:auto;
	width:1300px;
	left:50%;
	top: 50%;
	margin-left: -650px;
	margin-top: -130px;
}

.icon{
	position:absolute;
	display:block; 
	bottom:20px;
	right:20px;
}
.assetMoreBTN{
	position:relative;
	display:table;
	float:left;
	height:200px;
	width:200px;
	padding:20px;
	margin:3px 7px 20px 7px;/*20px;*/
	color:#FFF;
	cursor:pointer;
}
.assetBTN{
	position:relative;
	display:inline-table;
	height:200px;
	width:200px;
	padding:20px;
	margin:3px 7px 20px 7px;/*20px;*/
	color:#FFF;
	cursor:pointer;
	vertical-align: top;
    white-space: normal;
	/*filter: alpha(opacity=0);
	opacity: 0;*/
}
.assetBTN h2, .assetMoreBTN h2{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center left; 
}

.upCarrot{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(../images/moreCarrot.gif);
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
	width:20px;
	height:20px;
}

.downCarrot{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(../images/moreCarrot.gif);
	width:20px;
	height:20px;
}

.orangeTick{
	height:6px;
	width:24px;
	display:block;
	background-color:#FF7900;
}


.greenBG{
	background-color:#009a44;
}

.orangeBG{
	background-color:#FF7900;
}

.greyBG{
	background-color:#A0A0A0;
}

.ltGreenBG{
	background-color:#76D750;
}

.yellowBG{
	background-color:#FECB00;
}

.drkGreyBG{
	background-color:#575E63;
}

.redBG{
	background-color:#F7403A;
}

.blueBG{
	background-color:#447EBC;
}


.white{
	color:#FFF;
}
.black{
	color:#000000;
}
.ltGrey{
	color:#737B80;
}


#background_cycler{padding:0;margin:0;width:100%; height:100%; position:absolute;top:0;left:0;z-index:-1;overflow:hidden;}
#background_cycler img{position:absolute;left:0;top:0;height:100%;z-index:1}

.bgImages{padding:0;margin:0;width:100%; height:100%; position:absolute;top:0;left:0; z-index:2;}
.bgImages img{position:absolute;left:0;top:0;height:100%;}

#background_cycler img.active{z-index:3}