@charset "UTF-8";

/*Fonts updates*/
h1 a#body {
	font-family: 'Avenir Next Cyr W00 Bold', Helvetica, Arial, sans-serif;
	/*font-weight:normal;*/
}
.ButtonStyle1 a strong, .ButtonStyle2 a strong {
	font-family: 'HelveticaNeueETW01-65Md', Arial, sans-serif;
	line-height:0.80;
	letter-spacing: -0.03em;
}
.hover-menu2-simple ul.LinkListStyle2 li {
	font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
	letter-spacing: -0.02em;
}
.BoxPatternC ul.LinkListStyle2 li {
	font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.02em;
	font-size:95%
}
.FMTitleLinkStyle1 a:link, .FMSubHeaderLink a:link {
	font-family: "HelveticaNeueETW01-75Bd", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.03em;
}
.FMLinkListStyle li a:link {
	font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.03em;
}
.ProductTabs li a {
	font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.01em;
	font-size:94%
}
.ProductTabs p.TextStyle1 {
	font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.01em;
	font-size:82%
}
.ProductTabs ul.ListStyle2 li, .ProductTabs ul.ListStyle1 li, .ProductTabs dl.LinkListStyle1 dt, .ProductTabs dl.LinkListStyle1 dd {
	font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.02em;
	font-size:92%
}
.hover-menu2-plus ul.LinkListStyle1 li a {
	font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.02em;
	font-size:94%
}
.NewsReleaseList {
	font-family: 'HelveticaNeueETW01-55Rg', Arial, sans-serif;
	line-height:0.80;
	letter-spacing: -0.02em;
}
#Directory h3 {
	font-family: 'Avenir Next Cyr W00 Bold', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:130%;
}
#Directory h4 {
	font-family: 'HelveticaNeueETW01-65Md', Arial, sans-serif;
	font-weight:normal;
	font-size:110%;
}





/* End Fonts updates*/



ul.hidemobile {
	margin-top:-30px;
	margin-bottom:20px;
}
#BrandingImgStyle1 {
	text-align: left;
	padding-bottom:15px!important;
	height: 265px;
}
#HomeCarousel {
	margin: 0 0 12px 0
}



.NewsReleaseList dl {
	border-bottom: 1px solid #ddd;
}
.NewsReleaseList dt {
	border-top: 1px solid #ddd;
	padding: 10px 0 !important;
	width: 10em;
}
.NewsReleaseList ul {
	margin: 0 !important;
}
.NewsReleaseList li {
	border-top: 1px solid #ddd;
	overflow: hidden;
	padding: 10px 0 !important;
}
.NewsReleaseList span {
	display: block;
	float: right;
	margin-left: 15px;
	width: 120px;
}
#NewsReleaseEmbed {
    border: none;
    overflow: hidden;
	min-height:410px;
	width:720px;
	}

#NewsReleaseEmbedStatic.jsOn {
    display: none;
}

.crop {margin-bottom: -20px;}

.RightBanner {
	margin-top:45px;
}
.RightBanner p {
	margin-bottom: 12px;
}
h2.h2style1 {
	font-family: 'Avenir Next Cyr W00 Demi',Helvetica,Arial,sans-serif;
	letter-spacing: -0.01em;
	color:#777;
	font-weight:normal;
	font-size: 140%;
	background:none;
}
.TextStyle5 {
	font-family:'HelveticaNeueETW01-65Md', Arial, sans-serif;
	letter-spacing: -0.01em;
	line-height: 140%;
	margin: 0 0 15px;
	color:#666;
}



.SectionBorder {
	padding: 16px 0 20px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-bottom:16px;
}
.ProdThumb {
	float: left;
	margin: 0;
	width: 185px;
}
#ProductPage {
	margin-bottom:12px
}
#ProductPage .ColumnSet .FirstItem {
	border-right: solid 1px #CCC;
	padding-right:8px;
	width: 472px!important
}
#ProductPage .ColumnSet .LastItem {
	width: 460px!important
}
.ClearBoth {
	clear:both;
}
.hgi {
	margin-bottom:20px;
}
.hgi p.TextStyle2 {
	margin-right:15px;
}
.hgi .FirstItem {
	margin-top:12px;
}
#DirectoryBox {
	border: solid 1px #ccc;
	background:#f5f5f5;
	padding:8px 20px;
	margin-bottom:20px
}
#DirectoryBox .Column2 {
	width:450px!important;
}
#ImgContact {
	clear:both;
	width: 180px;
	float: left;
}
#TextContact {
	margin-left: 180px;
}
/*rotating banner */

.RotationBannerSet {
	margin-left: auto;
	margin-right: auto;
	background-color: #f2f2f2;
}
#RotationBanner {
	width: 965px;
	background-color: #f2f2f2;
}
/*Button Style 3
=========================================================================================== */

.ButtonStyle3 {
	padding-right:12px;
}
.ButtonStyle3 a {
	display: inline-block;
	min-width: 100px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 90%;
	line-height: 130%;
	background-image: url(/image/en/r1/icon/icon_link_right2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	word-break: break-all;
}
.ButtonStyle3 a:link, .ButtonStyle3 a:visited {
	padding: 5px 24px 5px 10px;
	background-color: #fff;
	color: #ff0000;
	border: solid 1px #ff0000;
	text-decoration: none;
}
.ButtonStyle3 a:hover, .ButtonStyle3 a:active {
	color: #ff0000;
	text-decoration: none;
	border: solid 1px #ff0000;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.Grid1 .ButtonStyle3 a, .Column1 .ButtonStyle3 a {
	display: block;
	min-width: 0;
}
* html .Grid1 .ButtonStyle3 li, * html .Column1 .ButtonStyle3 li {
	padding-bottom: 15px;
}
* html .Grid1 .ButtonStyle3 a, * html .Column1 .ButtonStyle3 a {
	margin: 0;
}
.ButtonStyle3 li {
	float: left;
	margin: 0 15px 0 0;
}
.Grid1 .ButtonStyle3 li, .Column1 .ButtonStyle3 li {
	float: none;
	margin: 0;
}
li.NewWin2 a, dt.NewWin2 a {
	background-image: url("/image/en/r1/icon/icon_new_window2.gif") !important;
}
.Horizontal li {
	float: left;
	margin: 0 15px 0 0;
}
/*=========================================================================================== */

#HomeCarousel {
	width:965px;
	margin:0 auto;
	padding: 0 0 10px;
}
.jsOn #HomeCarousel {
	padding: 0 0 12px 0;
}
#HomeCarousel #SliderArea {
	position: relative;
	width:965px;
	margin:0 auto;
	overflow:hidden;
	z-index:99999;
}
.jsOn #HomeCarousel #SliderArea {
	height:112px;
}
#HomeCarousel #SliderArea ul {
	position:relative;
	width:980px;
	left:0;
	zoom:1;
}
.jsOn #HomeCarousel #SliderArea ul {
	width:5000px;
}
#HomeCarousel li {
	float:left;
	width:473px;
	height:110px;
	margin:0 15px 15px 0;
	border: solid 1px #CCC;
}
#HomeCarousel li img {
	vertical-align:top;
}
#HomeCarousel #SlideButton {
	display:none;
	width:92px;
	margin: 8px auto -15px;
}
#HomeCarousel #SlideButton {
	overflow:hidden;
}
#HomeCarousel #SlideButton div {
	float:left;
	width:30px;
	height:30px;
	overflow:hidden;
}
#HomeCarousel #SlideButtonStop, #HomeCarousel #SlideButtonRight {
	margin-left:1px;
}
#HomeCarousel #SlideButton div a {
	display:block;
	width:30px;
	height:60px;
}
#HomeCarousel #SlideButton div a:link, #HomeCarousel #SlideButton div a:visited {
	margin-top:0;
}
#HomeCarousel #SlideButton div a:hover, #HomeCarousel #SlideButton div a:active {
	margin-top:-30px;
}
#HomeCarousel #SlideButton a:focus {
	outline: solid 1px dotted #333!important;
}
#BtmRelatedLinks {
	margin:0 auto;
	width:965px;
	height:60px;
	background:#f2f2f2;
}
#BtmRelatedLinks ul.LinkListStyle5 {
	padding:20px 0 0 0;
	text-align:left;
	zoom:1;
}
#BtmRelatedLinks ul.LinkListStyle5 li {
	margin:0 22px 0 0;
}
#topPage .Column1 h2.ImageStyle a, #topPage .Column2 h2.ImageStyle a, #topPage .Column3 h2.ImageStyle a {
	line-height:1;
}
#topPage #HomeCarouselContainer {
	width:100%;
	background:#fff;
}
#topPage #BtmRelatedLinksContainer {
	width:100%;
	background:#f2f2f2;
	border-bottom:1px solid #cccccc;
}
#topPage #FooterContainer {
	width:100%;
	background:#e6e6e6;
}
ul li.SlideContainer {
	width:470px;
	margin:0;
	padding:0;
	background-color:#f4f4f5;
	position:relative;
	z-index:-9999;
	height:110px;
	display:block;
	cursor:pointer;
}
ul li.SlideContainer img {
	float:left;
}
ul li.SlideContainer:hover img {
	opacity: 0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85555555);
}
ul li.SlideContainer .TextContainer {
	width:245px;
	padding: 10px 10px 12px 14px;
	float:left;
	display:block;
	cursor:pointer;
}
ul li.SlideContainer .TextContainer p {
	font-size:84%;
	color:#333;
	line-height:120%;
	margin-bottom:6px
}
ul li.SlideContainer .TextContainer strong {
	color: #e60027;
	text-decoration:none;
	font-family: 'HelveticaNeueETW01-65Md', sans-serif;
	font-weight:500;
	font-size:97%;
}
ul li.SlideContainer .TextContainer a {
	text-decoration:none;
}
ul li.SlideContainer:hover strong {
	color: #b1000e;
	text-decoration: underline;
}
ul li.SlideContainer:hover {
	background:#e9e9e9;
}
.WithBorder {
	border:solid 1px #CCC;
}
.ImgText {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 0 0 30px;
}
.ImgText img {
	float: left;
}
.ImgText .Text {
	float: right;
	width: 590px;
}
/*==== Product Tabs======================================================================================= */



.tabs_container {
	clear:both;
}
.tabs_container ul.toc {
	list-style: none;
	margin: 0;
	padding: 0;
	height:80px;
}
.tabs_container ul.toc li {
	float: left;
	margin-right: 4px;
	list-style-type: none;
	font-weight: 300;
	text-transform:uppercase;
	border:none;
}
.tabs_container ul.toc li a {
	background:#e9e9e9;
	color:#666666;
	display:block;
	font-size:90%;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:12px 25px;
	text-decoration:none;
}
/* arrows (no IE < 8) */

.tabs_container ul.toc li.current {
	padding: 0 0 8px 0;
	background: url(/image/en/r1/bg_gn_current.gif) no-repeat center bottom;
}
.tabs_container ul.toc li.current a, .tabs_container ul.toc li a:hover {
	background:#b1000e;
	color:#fff;
	display:block;
	text-decoration:none;
}
.tabs_container ul.toc li.current a:after, .tabs_container ul.toc a:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tabs_container ul.toc li.current a:after {
	border-color: rgba(136, 183, 213, 0);
	border-width: 1px;
	left: 50%;
	margin-left: -1px;
}
.tabs_container ul.toc li.current a:before {
	border-color: rgba(194, 225, 245, 0);
	border-width: 1px;
	left: 50%;
	margin-left: -1px;
}
.tabcontent {
	margin-bottom:30px;
}
.tabcontent .date-panel {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 0 0 30px;
}
.tabcontent .date-panel .date-tabs {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 0;
}
.tabcontent .date-panel .date-tabs li {
	background: url("/images/tab-bar.jpg") repeat-x scroll center bottom;
	float: left;
	font-size: 13px;
	list-style: none outside none;
	padding: 0 12px 0 0;
	width: 40px;
}
.tabcontent .date-panel .date-tabs a {
	background: url("/image/panel/tab-off.jpg") no-repeat scroll center bottom;
	color: #c00;
	display: block;
	height: 25px;
	overflow: hidden;
	padding: 0 0 25px;
	text-align: center;
}
.tabcontent .date-panel .date-tabs .first a {
	background: url("/image/panel/tab-off-first.jpg") no-repeat scroll center bottom;
}
.tabcontent .date-panel .date-tabs .last a {
	background: url("/image/panel/tab-off-last.jpg") no-repeat scroll center bottom;
}
.tabcontent .date-panel .date-tabs .active a, .tabcontent .date-panel .date-tabs a:hover {
	background: url("/image/panel/tab-on.jpg") no-repeat scroll center bottom;
	font-weight: bold;
	text-decoration: none;
}
.tabcontent .date-panel .date-tabs .first {
	background: url("/image/panel/tab-bar-rhs.jpg") no-repeat scroll center bottom;
}
.tabcontent .date-panel .date-tabs .last {
	background: url("/image/panel/tab-bar-lhs.jpg") no-repeat scroll right bottom;
	padding: 0;
}
.tabcontent .date-panel .container {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 30px 0 0;
}
.tabcontent .date-panel .date-content {
	clear: both;
	display: block;
	overflow: hidden;
}
.tabcontent .date-panel .normal-list li {
	padding-bottom: 10px;
}
/*=========================================================================================== */

/* Product Nav=========================================================================================== */
#ProductNav {
	font-size: 83%;
	margin: 0 0 15px;
}
#ProductNav h2 {
	margin: 0;
	padding: 0;
}
#ProductNav h2 a {
	background-image: none;
	border-top: medium none;
	color: #fff;
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 12px 15px;
	text-decoration: none;
}
#ProductNav h2 a:link, #ProductNav h2 a:visited {
	background-color: #737373;
}
#ProductNav h2 a:hover, #ProductNav h2 a:active {
	background-color: #444;
}
#ProductNav h3 {
	display: block;
	font-weight:normal;
	color:#333;
	cursor:pointer;
	margin:0;
	border-top: 1px solid #fff;
	padding: 10px 16px 10px 15px;
	background: #d8d8d8 url("/image/utility/down_arrow.gif") no-repeat scroll right center;
}
#ProductNav h3:hover {
	color: #000 !important;
}
#ProductNav h3.Current a em {
	background-color: #d8d8d8;
	font-style: normal;
	display: block;
}
#ProductNav h3.selected {
	font-weight: bold !important;
}
#ProductNav .expanded {
	background: #d8d8d8 url("/image/utility/up_arrow.gif") no-repeat scroll right center;
}
#ProductNav ul {
	margin: 0;
}
#ProductNav li {
	font-size: 100%;
	position: relative;
}
* html #ProductNav li {
	float: left;
}
#ProductNav a {
	border-top: 1px solid #fff;
	display: block;
	line-height: 140%;
	padding: 9px 15px;
	text-decoration: none;
	vertical-align: top;
}
#ProductNav ul.SubMenu a {
	padding-left: 25px;
}

#ProductNav li li a {
	padding-left: 40px!important;
}

*:first-child+html #ProductNav ul.SubMenu ul a {
	width:190px;
}
#ProductNav ul.SubMenu li.Current ul a strong {
	margin-left: -40px;
	padding-left: 40px;
}

*:first-child+html #ProductNav ul.SubMenu a {
	width:190px;
}
#ProductNav ul.SubMenu li.Current a strong {
	margin-left: -25px;
	padding-left: 25px;
}
* html #ProductNav a {
	float: left;
	width: 200px;
}
:first-child + html #ProductNav a {
	float: left;
	width: 200px;
}
#ProductNav li.FirstItem a {
	border-top: medium none;
}
#ProductNav li.FirstItem li a {
	border-top: 1px solid #fff;
}
#ProductNav li li.FirstItem a {
	border-top: 1px solid #fff;
}
#ProductNav li li {
	font-size: 100%;
}
#ProductNav li li a {
	padding: 9px 15px 9px 30px;
	display:block;
}
* html #ProductNav li li a {
	width: 185px;
}
:first-child + html #ProductNav li li a {
	width: 185px;
}
#ProductNav li li li {
	font-size: 100%;
}
#ProductNav li li li a {
	padding: 9px 15px 9px 45px;
}
* html #ProductNav li li li a {
	width: 170px;
}
:first-child + html #ProductNav li li li a {
	width: 170px;
}
#ProductNav li a:link, #ProductNav li a:visited {
	background-color: #eee;
	color: #333;
}
#ProductNav li a:hover, #ProductNav li a:active {
	background-color: #b1000e;
	color: #fff;
}
#ProductNav li li a:link, #ProductNav li li a:visited {
	background-color: #e1e1e1;
	color: #333;
}
#ProductNav li li a:hover, #ProductNav li li a:active {
	background-color: #b1000e;
	color: #fff;
}
#ProductNav li li li a:link, #ProductNav li li li a:visited {
	background-color: #d1d1d1;
	color: #333;
}
#ProductNav li li li a:hover, #ProductNav li li li a:active {
	background-color: #b1000e;
	color: #fff;
}
#ProductNav li.Current a strong {
	background-color: #b1000e;
	background-image: url("/image/en/r1/bg_v_navi_current.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	margin: -9px -15px;
	padding: 9px 15px;
}
#ProductNav li.Current a em {
	background: url("/image/en/r1/bg_v_navi_current.gif") no-repeat scroll left center;
	display: block;
	font-style: normal;
	font-weight: bold;
	margin: -9px -15px;
	padding: 9px 15px;
}
#ProductNav li li.Current a strong, #ProductNav li li.Current a em {
	margin: -9px -15px -9px -30px;
	padding: 9px 15px 9px 30px;
}
#ProductNav li li li.Current a strong, #ProductNav li li li.Current a em {
	margin: -9px -15px -9px -45px;
	padding: 9px 15px 9px 45px;
}
* html #ProductNav li.Current a strong, * html #ProductNav li.Current a em {
	cursor: pointer;
}
:first-child + html #ProductNav li.Current a strong, *:first-child + html #ProductNav li.Current a em {
	cursor: pointer;
}
#ProductNav li.Current a:link em, #ProductNav li.Current a:visited em {
	background-color: #d1d1d1;
	color: #000;
}
#ProductNav li.Current a:hover em, #ProductNav li.Current a:active em {
	background-color: #b1000e;
	color: #fff;
}
/*=========================================================================================== */



/*==== Hitachi in Singapore ======================================================================================= */


.CorpTable .col1 {
	float: left;
	width: 480px;
}
.CorpTable .col2 {
	margin-left: 500px;
	width: 450px;
}
#ProductServices .hover-menu > ul > li {
	margin-right: 12px;
}
#ProductServices .hover-menu > ul > li.last {
	margin-right: 0;
}
#ProductCategory h2 {
	background-image:none;
	margin:10px 0 0 0;
	font-family: 'HelveticaNeueETW01-65Md', sans-serif;
	font-weight:500;
	font-size:95%;
	color:#333
}
.info p.TextStyle2 {
	margin-bottom:2px
}
h2.heading {
	font-size:95%;
	font-weight:bold;
}
.RightBgImage {
	background-image: url("/about/global/image/about_img_about.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
RightBgImage .TableStyle1 {
	margin-bottom: 0;
}
h2.NewWin a {
	background-image: url(/image/en/r1/icon/icon_new_window.gif) !important;
}
/*==== Innomonster ======================================================================================= */


#MidNav .links {
	padding: 15px;
}
#MidNav .links .branches,  #MidNav .links .group-companies {
	display: inline-block;
	vertical-align: top;
}
#MidNav .links .branches h2,  #MidNav .links .group-companies h2 {
	font-family: 'HelveticaNeueETW01-65Md', arial, sans-serif;
	font-weight:normal;
	background-image: none;
}
#MidNav .links .branches ul li,  #MidNav .links .group-companies ul li {
	font-size: 14px;
}
#MidNav .links .branches {
	width: 280px;
	float:left
}
#MidNav .links .branches img {
	padding: 6px;
	background-color: #ccc;
	margin-bottom: 6px;
}
#MidNav .links .branches ul {
	padding-right: 30px;
}
#MidNav .links .group-companies {
	width: 640px;
}
#MidNav .links .group-companies ul {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	padding-right: 15px;
	float:left
}
#MidNav .links .group-companies ul:first-child {
	width: 50%;
}
#MidNav .links .group-companies ul:last-child {
	width: 47%;
	padding-right: 0;
}
#MidNav .hover-menu {
	padding-left: 9px;
}
#MidNav .nav-menu .product-categories .bg-switch {
	background-image: url("/image/MidNav/MidNav-product-categories.jpg");
}
#MidNav .nav-menu .corporate-information .bg-switch {
	background-image: url("/image/MidNav/MidNav-corporate-information.jpg");
}
#MidNav .nav-menu .singapore-directory .bg-switch {
	background-image: url("/image/MidNav/MidNav-singapore-directory.jpg");
}
#ProductServices .hover-menu > ul > li {

}
#Slider.noJs .slides > div:first-child .caption {
	display: block;
}
#Slider.noJs .caption {
	display: none;
}

/*==== New Window button ======================================================================================= */

.ButtonStyle2 a.NewWin3 {
    background-image: url("/image/en/r1/icon/icon_new_window_l_white.gif");
    background-position: right center;
    background-repeat: no-repeat;
}
.ButtonStyle2 a.NewWin3:hover, .ButtonStyle2 a.NewWin3:active {
     padding: 9px 22px 9px 15px;
	 border-right: solid 3px transparent;}

*:first-child+html .ButtonStyle2 a.NewWin3:link,
*:first-child+html .ButtonStyle2 a.NewWin3:visited {border-right: solid 3px #e60027;}
*:first-child+html .ButtonStyle2 a.NewWin3:hover,
*:first-child+html .ButtonStyle2 a.NewWin3:active {border-right: solid 3px #b1000e;}




.TextStyle6 {
	font-family: "HelveticaNeueETW01-65Md", sans-serif;
	line-height: 140%;
	margin: 0 0 15px;
	font-size:105%;
	font-weight:500;
	color:#cc0022
}

.ActivitiesCustom h2 {background:none;}

.ActivitiesCustom h2 a {  
font-family: "Avenir Next Cyr W00 Bold", Helvetica, Arial, sans-serif;
font-size:150%;
color:#fff;
font-weight:normal;
}

@media screen and (max-width: 955px) {
	.ActivitiesCustom h2 a {  color:#999;}
}

/*==== Custom for mobile + tablet ======================================================================================= */


@media screen and (max-width: 399px) {
	/*iwan*/
	
	.JS .Section #ImgContact {
        float: none;
        width: 100%;
    }
    .JS .Section #ImgContact img {
        width: 100%;
	}
	.JS	#TextContact {
		margin-left:0;
		margin-top:20px;
    }	
}

@media screen and (max-width: 767px) {
	
.mobile-hide {display:none;}
.nav-menu .nav-menu-info { background:none; border:none}
.JS #MidNav .nav-menu > li .nav-menu-info .heading {text-align:right;!important}


}


@media screen and (max-width: 955px) {
	.tablet-hide {display:none;}
}


/*--- From Terrence ---*/
.ff-helvetica-neue {
    font-family: 'HelveticaNeueETW01-65Md',Helvetica, Arial, sans-serif !important;
}
.fw-bold {
    font-weight: bold !important;
}
.bds-none {
    border-style: none !important;
}

.hidden-xxs {
    display: block;
}
.hidden-xs {
    display: block;
}
.hidden-sm {
    display: block;
}
.hidden-md {
    display: block;
}
.hidden-lg {
    display: none;
}
.visible-xxs {
    display: none;
}
.visible-xs {
    display: none;
}
.visible-sm {
    display: none;
}
.visible-md {
    display: none;
}
.visible-lg {
    display: block;
}

body {
    min-width: 320px;
}
img {
   max-width: 100%;
}

.ClearFix::after {
    display: table;
}

.h2style1 {
    font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif;
}

.nav-menu .btn-close {
    width: auto;
    height: auto;
}
.nav-menu .btn-close > img {
    vertical-align: middle;
}

.hover-menu2 {
}
.hover-menu2 .ColumnSet {
    margin: 0 0 0 -15px;
    width: auto;
}
.hover-menu2  .ColumnSet .Column1 {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0 0 0 15px;
    width: 25%;
}
.hover-menu2 .ColumnSet .Column1:nth-child(4n+1) {
    clear: left;
}
.hover-menu2 .item {
    display: block;
    margin-bottom: 30px;
    position: relative;
}
.hover-menu2 .item .thumbnail {
    border-radius: 5px;
    display: block;
    width: 100%;
}
.hover-menu2 .item .thumbnail > img {
    border-radius: 5px;
}
.hover-menu2 .item .caption {
    margin-top: -60px;
    padding: 0 10px;
    position: relative;
}
.hover-menu2 .item .caption-header {
    border-bottom: 1px solid transparent;
    border-top: 1px solid #ffffff;
    display: block;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}
.hover-menu2 .item .caption-header h2 {
    background: none;
    color: #ffffff;
    display: table-cell;
    font-family: "HelveticaNeueETW01-75Bd",Helvetica,Arial,sans-serif;
    font-weight: normal;
    height: 58px;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.hover-menu2 .item .caption-header h2 a {
    background: none;
    color: #ffffff;
}
.hover-menu2 .item .caption-header-link {
    color: #ffffff;
    text-decoration: none;
}
.hover-menu2 .item .caption-header-link:hover h2,
.hover-menu2 .item .caption-header-link:active h2 {
    text-decoration: underline;
}
.hover-menu2 .item .caption-body {
}
.hover-menu2 .item .caption-body .LinkListStyle2 {
    margin: 0;
}
.hover-menu2 .item .caption .bg {
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    z-index: 0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0+0,0.5+100 */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
}
.hover-menu2 .item-link {
    text-decoration: none;
}
.hover-menu2 .item-link .thumbnail {
    background-color: #000000;
    position: relative;
}

.hover-menu2 .item-link .item-icon {
    background-image: url("/image/hover-menu/tplus.icon_arrow_right_circle_hd.png");
    background-size: 21px;
    background-repeat: no-repeat;
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index:1;
}

.view-id-hitachi_global .item-icon {
    background-image: url("/sites/all/themes/hitachius/image/hover-menu/tplus.icon_new_window_circle_hd.png") !important;
 }
.view-id-hitachi_global .views-row-first .item-icon {
    background-image: url("/sites/all/themes/hitachius/image/hover-menu/tplus.icon_arrow_right_circle_hd.png") !important;
 }
 
 
.hover-menu2 .item-link .thumbnail > img {
    transition: all 0.3s ease;
}
.hover-menu2 .item-link .caption-header {
    padding-right: 30px;
}
.hover-menu2 .item-link .caption-header-link {

}
.hover-menu2 .item-link .caption-header-link:hover h2,
.hover-menu2 .item-link .caption-header-link:active h2 {
    text-decoration: none;
}
.hover-menu2 .item-link.hover .thumbnail > img {
    opacity: 0.5;
}
.hover-menu2 .item-link-new-window .item-icon {
    background-image: url("/image/hover-menu/tplus.icon_new_window_circle_hd.png");
}
.hover-menu2-fancy .item {
    margin-bottom: 15px;
}
.hover-menu2-fancy .item-menu .item-icon {
    background-image: url("/image/hover-menu/tplus.icon_arrow_up_circle_hd.png");
    background-size: 21px;
    background-repeat: no-repeat;
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 9999;
}
.hover-menu2-fancy .item-menu .caption {
    height: 60px;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;;
    bottom: 0;

    transition: all 0.3s ease;
}
.hover-menu2-fancy .item-menu .caption-header {
    padding-right: 30px;
    margin-bottom: 0;
    transition: all 0.3s ease;
}
.hover-menu2-fancy .item-menu.hover .caption-header-link,
.hover-menu2-fancy .item-menu.hover-in .caption-header-link {
    padding-right: 0;
}
.hover-menu2-fancy .item-menu.hover .caption-header-link > h2,
.hover-menu2-fancy .item-menu.hover-in .caption-header-link > h2 {
    background-image: url("/image/en/r1/icon/icon_link_right_xl_white_hd.gif");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px auto;
    padding-right: 20px;
}
.hover-menu2-fancy .item-menu.hover .caption-header-link > h2:hover {
    background-image: url("/image/hover-menu/tplus.icon_link_right_xl_white_hover_hd.gif");
}
.hover-menu2-fancy .item-menu .caption-body {
    max-height: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    z-index: 3;

    transition: none;
}
.hover-menu2-fancy .item-menu .caption .bg {
    height: auto;
    bottom: 0;
    transition: all 0.3s ease;
}
.hover-menu2-fancy .item-menu .caption-body .LinkListStyle2 {
    font-family: "HelveticaNeueETW01-65Md",Arial,sans-serif;
    font-size: 0.75em;
    letter-spacing: -0.02em;
}
.hover-menu2-fancy .item-menu .caption-body .LinkListStyle2 li {
    line-height: 120% !important;
}
.hover-menu2-fancy .item-menu .caption-body .LinkListStyle2 > li > a {
    background-image: url("/image/en/r1/icon/icon_link_right_white_hd.gif");
    color: #ffffff;
        letter-spacing: -0.03em;
}
.hover-menu2-fancy .item-menu .caption-body .LinkListStyle2 > li > a:hover {
    background-image: url("/image/hover-menu/tplus.icon_link_right_white_hover_hd.png");
}
.hover-menu2-fancy .item-menu .caption-body .LinkListStyle2 > li.NewWin > a {
    background-image: url("/image/en/r1/icon/icon_new_window_white_hd.png") !important;
}
.hover-menu2-fancy .item-menu .caption-body .LinkListStyle2 > li.NewWin > a:hover {
    background-position: right center;
}
.hover-menu2-fancy .item-menu:hover .item-icon {
    background-image: url("/image/hover-menu/tplus.icon_arrow_down_circle_hd.png");
}
.hover-menu2-fancy .item-menu.hover .item-icon {
    background-image: url("/image/hover-menu/tplus.icon_arrow_down_circle_hd.png");
}
.hover-menu2-fancy .item-menu.hover .caption {
    height: 100%;
}
.hover-menu2-fancy .item-menu.hover .caption-header {
    border-bottom-color: #ffffff;
    border-top-color: transparent;
    margin-bottom: 5px;
}
.hover-menu2-fancy .item-menu.hover .caption-body {
    max-height: 100%;

    transition: all 0.3s ease 0.4s;
}
.hover-menu2-fancy .item-menu.hover .caption .bg {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}
.hover-menu2-simple {

}
.hover-menu2-simple .item:after {
    background-size: 16px auto;
    height: 16px;
    width: 16px;
    top: 22px;
}
.hover-menu2-simple .item .thumbnail {
    display: none;
}
.hover-menu2-simple .item .caption {
    margin-top: 0;
}
.hover-menu2-simple .item .caption-header {
    border-top-color: transparent;
    border-bottom-color: #ccc;
}
.hover-menu2-simple .item .caption-header h2 {
    color: #333333;
}
.hover-menu2-simple .item .caption-header-link {
    background-image: url("/image/en/r1/icon/icon_link_right_xl_hd.gif");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px auto;
}
.hover-menu2-simple .item .caption-header-link:hover {
    background-image: url("/image/en/r1/icon/icon_link_right_xl_hover_hd.gif");
}
.hover-menu2-simple .item .caption-header-link:link h2,
.hover-menu2-simple .item .caption-header-link:visited h2{
    color: #737373;
}
.hover-menu2-simple .item .caption-header-link:hover h2,
.hover-menu2-simple .item .caption-header-link:active h2 {
    color: #b1000e;
}
.hover-menu2-simple .item .caption .bg {
    display: none;
}
.hover-menu2-simple .item-link .caption-header h2 {
    color: #737373;
}

.hover-menu2-simple a.item-link .caption-header {
    background-image: url("/image/en/r1/icon/icon_link_right_xl_hd.gif");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px auto;
}

.hover-menu2-simple a.item-link .caption-header:hover {
    background-image: url("/image/en/r1/icon/icon_link_right_xl_hover_hd.gif");
}

.hover-menu2-simple .item-link:hover .caption-header h2 {
    color: #b1000e;
    text-decoration: underline;
}
.hover-menu2-simple .item-link:after {
    background-image: url("/image/en/r1/icon/icon_link_right_xl_hd.gif");
    top: 20px;
    bottom: auto;
}
.hover-menu2-simple .item-link:hover:after {
    right: 8px;
}
.hover-menu2-simple .item-link-new-window:after {
    background-image: url("/image/en/r1/icon/icon_new_window_hd.gif");
}
.hover-menu2-simple .item-link-new-window:hover:after {
    right: 10px;
}

.ProductSlider {
    position: relative;
    margin-bottom: 15px;
}
.ProductSlider .Slide {
    position: relative;
}
.ProductSlider .SlideCaption {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #ffffff;
    font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif;
    font-size: 80%;
	line-height:130%;
    padding: 15px 15px 35px;
    position: absolute;
	right: 0;
	left: 0;
}
.ProductSlider .owl-nav {
}
.ProductSlider .owl-prev {
    background-image: url("/image/panel/slider-arrows.png");
    background-repeat: no-repeat;
    background-position: left center;
    display: none;
    height: 60px;
    margin-top: -30px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 60px;
}
.ProductSlider:hover .owl-prev {
    display: block;
}
.ProductSlider .owl-next {
    background-image: url("/image/panel/slider-arrows.png");
    background-repeat: no-repeat;
    background-position: right center;
    display: none;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 50%;
    width: 60px;
}
.ProductSlider .owl-play-stop {
    border: 1px solid #999;
    color: #666666;
    cursor: pointer;
    font-size: 80%;
    left: 100%;
    margin: 5px 0 5px -80px;
    padding: 4px 9px;
    position: relative;
    text-align: center;
    width: 60px;
}
.ProductSlider:hover .owl-next {
    display: block;
}
.ProductSlider .owl-dots {
    height: 30px;
    line-height: 1;
    position: absolute;
    width: 100%;
    text-align: center;
}
.ProductSlider .owl-dot {
    display: inline-block;
    vertical-align: middle;
}
.ProductSlider .owl-dot span {
    border: 2px solid #ffffff;
    border-radius: 5px;
    background-color: #ffffff;
    display: block;
    height: 8px;
    margin: 5px;
    width: 8px;
    vertical-align: middle;
    transition: all 200ms ease 0s
}
.ProductSlider .owl-dot.active span {
    background-color: #e60027;
}


.tabs-content > .tab {
    display: none;
}
.tabs-content > .tab.active {
    display: block;
}

.ProductTabs > .tabs-nav {
    margin-bottom: 30px;
}
.ProductTabs > .tabs-nav > li {
    display: inline-block;
    padding-bottom: 8px;
}
.ProductTabs > .tabs-nav > li > a {
    background-color: #e9e9e9;
    color: #666666;
    display: block;
    font-family: 'HelveticaNeueETW01-75Bd', Helvetica, Arial, sans-serif;
    font-size: 90%;
    padding: 15px 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.ProductTabs > .tabs-nav > li > a:hover {
    background-color: #b1000e;
    color: #ffffff;
}
.ProductTabs > .tabs-nav > li.active {
    background-image: url("/image/en/r1/bg_gn_current.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
}
.ProductTabs > .tabs-nav > li.active > a {
    background-color: #b1000e;
    color: #ffffff;
}
.ProductTabs > .tabs-content > .tab > .tab-header {
    display: none;
}

.ProductMilestonesTabs > .tabs-nav {
    margin-bottom: 25px;
}
.ProductMilestonesTabs > .tabs-nav > li {
    border-right: 1px solid #dddddd;
    display: inline-block;
    padding-left: 10px;
    padding-right: 9px;
    margin-right: -3px;
    margin-bottom: 5px;
}
.ProductMilestonesTabs > .tabs-nav > li:first-child {
    padding-left: 0;
}
.ProductMilestonesTabs > .tabs-nav > li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.ProductMilestonesTabs > .tabs-nav > li > a {
    color: #666;
    font-family: 'Avenir Next Cyr W00 Demi', Helvetica, Arial, sans-serif;
    text-decoration: none;
}
.ProductMilestonesTabs > .tabs-nav > li > a:hover {
    color: #333333;
}
.ProductMilestonesTabs > .tabs-nav > li.active > a {
    color: #cc0022;
}

.tabs-content .TextStyle5 {
	font-family: 'Avenir Next Cyr W00 Bold', Helvetica, Arial, sans-serif;

}

.NewsReleases .NewsReleaseList {
    display: none;
}
.NewsReleases .NewsReleaseListStatic {
    display: block;
}
.JS .NewsReleases .NewsReleaseList {
    display: block;
}
.JS .NewsReleases .NewsReleaseListStatic {
    display: none;
}

.jsplease {
    background-color: #EFEFEF;
    border: 1px solid #CCC;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 25px;
    padding: 20px;
}
.JS .jsplease {
    display: none;
}

#GlobalNaviTop li a:focus {
    background-color: #b1000e;
    color: #fff;
    text-decoration: none;
}

#BrandingImgStyle1 {
    background-color: #f2f2f2;
    padding: 0 !important;
    height: auto;
    margin: 0;
}
#BrandingImgStyle1 .slide a {
    left: 0;
    top: 0;
    width: auto !important;
    text-decoration: none;
}
#BrandingImgStyle1 .slide a img {
    width: 100%;
    height: 265px;
}
#BrandingImgStyle1 .slide a .caption {
    padding: 15px;
    display: none;
    text-decoration: none;
    color: #333333;
    font-family: 'Avenir Next Cyr W00 Bold', helvetica, arial, sans-serif;
    font-size: 120%;
    text-transform: capitalize;
    line-height: 1.2;
}
#BrandingImgStyle1 .slide-one-only a {
    display: block !important;
    position: relative !important;
}
.branding-image .controller {
    z-index: 99;
    height: 24px;
}
#BrandingImgStyle1 .controller > li {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#HomeCarousel {
    background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 10px;
    width: auto;
}
#HomeCarousel #SliderArea {
    width: auto;
}
#HomeCarousel #SliderArea ul {
    width: 9999px;
}
#HomeCarousel #SliderArea .SlideContainer {
    background-color: transparent;
    border: none;
    height: auto;
    margin: 0 15px 0 0;
    width: 225px;
}
#HomeCarousel #SliderArea .SlideContainer > img {
    width: 100%;
}
#HomeCarousel #SliderArea .SlideContainer > .TextContainer {
    width: auto;
}
#HomeCarousel #SlideButton {
    display: block;
    margin: 10px auto 0;
}
.JS #HomeCarousel {
    padding: 10px;
}
.JS #HomeCarousel #SliderArea {
    height: auto;
}

#HomeCarousel2 {
    background-color: #f2f2f2;
    font-family: "HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif;
    padding: 15px;
    margin-bottom: 10px;
}
#HomeCarousel2 .Slide {
    float: left;
    width: 222.5px;
    margin-right: 15px;
    text-decoration: none;
}
#HomeCarousel2 .Slide:nth-child(4n) {
    margin-right: 0;
}
#HomeCarousel2 .Slide:nth-child(4n+1) {
    clear: left;
}
#HomeCarousel2 .Slide .SlideThumbnail {
    width: 100%;
}
#HomeCarousel2 .Slide .SlideCaption {
    line-height: 1.2;
    padding: 10px;
}
#HomeCarousel2 .Slide .SlideCaptionTitle {
	font-family: "HelveticaNeueETW01-75Bd", Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
	font-weight:normal;
    color: #e60027;
    display: block;
    font-size: 97%;
    line-height: 1.2;
    margin-bottom: 6px;
    text-decoration: none;
}
#HomeCarousel2 .Slide .SlideCaption p {
    color: #333;
    font-size: 75%;
    line-height: inherit;
    margin-bottom: 6px;
}
#HomeCarousel2 .Slide:hover .SlideCaptionTitle {
    color: #b1000e;
    text-decoration: underline;
}
#HomeCarousel2 .owl-stage-outer {
    text-align: left;
}
#HomeCarousel2 .owl-nav {
    display: inline-block;
}
#HomeCarousel2 .owl-prev {
    display: inline-block;
    background: transparent url("/image/slider/tplus.button_slide_left.gif") no-repeat;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    vertical-align: middle;
}
#HomeCarousel2 .owl-next {
    background: transparent url("/image/slider/tplus.button_slide_right.gif") no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    vertical-align: middle;
}
#HomeCarousel2 .owl-play-stop {
    background: transparent url("/image/slider/tplus.button_slide_stop_off.gif") no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    cursor: pointer;
}
#HomeCarousel2 .owl-play-stop.stopped {
    background: transparent url("/image/slider/tplus.button_slide_stop_on.gif") no-repeat;
}
#HomeCarousel2 .owl-dots {
    display: inline-block;
}
#HomeCarousel2 .owl-dots .owl-dot {
    display: none;
    vertical-align: middle;
}
#HomeCarousel2 .owl-dots .owl-dot span {
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #999;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#HomeCarousel2 .owl-dots .owl-dot.active span,
#HomeCarousel2 .owl-dots .owl-dot:hover span {
    background-color: #cc0022;
}
.JS #HomeCarousel2 .owl-carousel {
    text-align: center;
}
.JS #HomeCarousel2 .Slide {
    width: auto;
    margin-right: 0;
    float: none;
}
.no-js #HomeCarousel2 .owl-carousel {
    display: block;
}

#MidNav .nav-menu {
    margin-bottom: 0;
}
#MidNav .nav-menu > li {
    background-color: #f2f2f2;
    border: none;
    font-family: 'HelveticaNeueETW01-65Md',Helvetica,Arial,sans-serif;
}
#MidNav .nav-menu > li .bg-switch {
    background-position: center center;
    bottom: 0;
    height: auto;
    right: 0;
    width: auto;
}
#MidNav .nav-menu > li .nav-menu-info {
    width: auto;
}
#MidNav .nav-menu > li .nav-menu-info .heading {
    font-family: 'HelveticaNeueETW01-75Bd',Helvetica,Arial,sans-serif; 
	letter-spacing: -0.03em;   
}
#MidNav .nav-menu > li .nav-menu-info .excerpt-main {
    font-family: 'HelveticaNeueETW01-55Rg',Helvetica,Arial,sans-serif;  
	font-size: 72%;  
	letter-spacing: -0.01em;  

}
#MidNav .nav-menu > li .nav-menu-info .excerpt-sub {
    font-family: 'HelveticaNeueETW01-55Rg',Helvetica,Arial,sans-serif; 
	font-size: 82%; 
	letter-spacing: -0.02em;  
	 }
	
#MidNav .nav-menu > li .nav-menu-info .excerpt-short {
    color: #333;
    display: none;
    font-size: 80%;
    font-family: 'HelveticaNeueETW01-55Rg',Helvetica,Arial,sans-serif; 
    line-height: 1.3;
    margin-top: 2px;
}

#MidNav .nav-menu > li.expand {
    padding: 15px;
}
#MidNav .nav-menu > li.expand .bg-switch {    
	display: none;
}
#MidNav .nav-menu > li.expand .btn-close {
    color: #E60027;
    font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif;
	right: 15px;
    text-decoration: none;
    text-transform: uppercase;
    top: 15px;
}
#MidNav .nav-menu > li.expand .btn-close:hover {
    color: #b1000e;
}
#MidNav .nav-menu > li.expand .nav-menu-info {
    padding: 0;
    margin-bottom: 15px;
    position: static;
    width: 85%;
}
#MidNav .nav-menu > li.expand .nav-menu-info .heading {
    font-size: 140%;
}

#MidNav .nav-menu > li.child:hover {
    background-color: #e0e0e0;
}
#MidNav .nav-menu > li.child .bg-switch {
    border-radius: 5px;
    width: 30%;
    top: 15px;
    bottom: 15px;
    left: 15px;
    height: auto;
}
#MidNav .nav-menu > li.child .nav-menu-info {
    background: none;
    padding: 15px 15px 15px 175px;
}
#MidNav .nav-menu >li .bnt-view-mode-toggle {
    background-image: url("/image/MidNav/tplus.icon_switch_view_grid.png");
    background-repeat: no-repeat;
    display: none;
    position: absolute;
    top: 57px;
    right: 15px;
    height: 40px;
    width: 88px;
}
#MidNav .nav-menu > li .bnt-view-mode-toggle.toggled {
    background-image: url("/image/MidNav/tplus.icon_switch_view_list.png");
}
#MidNav .nav-menu > li.expand .bnt-view-mode-toggle {
    display: block;
}

#MidNav .hover-menu {
    padding: 0;
}
#MidNav .hover-menu .item {
    height: 222.5px;
    width: 222.5px;
}

#MidNav .singapore-directory .nav-menu-content .links {
    padding: 0;
}
#MidNav .singapore-directory .branches > img {
    background-color: transparent;
}

#HomeNewsReleases .NewsReleaseList {
    width: auto;
    min-height: inherit;
}
#HomeNewsReleases .h2style1 {
    font-family: 'Avenir Next Cyr W00 Demi',Helvetica,Arial,sans-serif;
	letter-spacing: -0.03em;
	font-weight:normal;
	margin-top:10px;
}

#ProductServices .hover-menu .item {
    margin-right: 15px;
    width: 230px;
}

#ProductPage .ColumnSet {
    margin: 0 0 0 -30px;
    width: auto;
}
#ProductPage .ColumnSet .Column2  {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding:  0 0 0 30px;
    width: 50% !important;
}
#ProductPage .ColumnSet .Column2.FirstItem  {
    border: none;
    padding-right: 0;
    position: relative;
}
#ProductPage .ColumnSet .Column2.FirstItem:after  {
    content: "";
    height: 100%;
    top: 0;
    right: -15px;
    border-right: 1px solid #ccc;
    position: absolute;
}
#ProductPage .ProdThumb {
    width: auto;
}
#ProductPage .ProdThumb img {
    margin: 0 15px 15px 0;
    width: 170px;
}
#RotationBanner #SliderArea a {
    display: block;
}

#PressNewsReleases #NewsCountriesNav {
    display: none;
    margin-bottom: 30px;
    position: relative;
}
.JS #PressNewsReleases #NewsCountriesNav {
    display: block;
}
#PressNewsReleases #NewsCountriesNav > ul > li  {
    display: inline-block;
    padding-bottom: 8px;
}
#PressNewsReleases #NewsCountriesNav > ul > li > a {
    background-color: #e9e9e9;
    color: #666666;
    display: block;
    font-family: 'HelveticaNeueETW01-75Bd', Helvetica, Arial, sans-serif;
	letter-spacing: -0.01em;
    font-size: 88%;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    width: 85px;
}
#PressNewsReleases #NewsCountriesNav > ul > li > a:hover {
    background-color: #b1000e;
    color: #ffffff;
}
#PressNewsReleases #NewsCountriesNav > ul > li.active {
    background-image: url("/image/en/r1/bg_gn_current.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
}
#PressNewsReleases #NewsCountriesNav > ul > li.active > a {
    background-color: #b1000e;
    color: #ffffff;
}
#PressNewsReleases .NewsYearsNav {
    float: left;
    font-size: 14px;
    text-align: right;
    position: relative;
}
#PressNewsReleases .NewsYearsNav > ul {
    position: absolute;
    width: 45px;
}
#PressNewsReleases .NewsYearsNav .year {
    border-right: 6px solid #cdcdcd;
    color: #666666;
    height: 24px;
    line-height: 24px;
    padding-right: 6px;
    text-decoration: none;
}
#PressNewsReleases .NewsYearsNav .year + ul {
    display: none;
}
#PressNewsReleases .NewsYearsNav .year:hover,
#PressNewsReleases .NewsYearsNav .year:active {
    border-right-color: #bf0f19;
    color: #bf0f19;
    font-weight: bold;
}
#PressNewsReleases .NewsYearsNav .month {
    color: #666666;
    padding-right: 12px;
    text-decoration: none;
}
#PressNewsReleases .NewsYearsNav .month:hover,
#PressNewsReleases .NewsYearsNav .month:active {
    color: #bf0f19;
    font-weight: bold;
}
#PressNewsReleases .NewsYearsNav .onRoll .year,
#PressNewsReleases .NewsYearsNav .active .year {
    border-right-color: #bf0f19;
    color: #bf0f19;
    font-weight: bold;
}
#PressNewsReleases .NewsYearsNav .onRoll .year + ul  {
    display: block;
}
#PressNewsReleases .NewsYearsNav .onRoll .onRoll .month {
    color: #bf0f19;
    font-weight: bold;
}
#PressNewsReleases #NewsYearsNav2 {
    display: none;
}

#PressNewsReleases #NewsRelease {
    margin-left: 75px;
    min-height: 400px;
}
#PressNewsReleases #NewsRelease .DateListStyle2 dt {
    clear: none;
}
#PressNewsReleases #NewsRelease .DateListStyle2 .LinkListStyle1 a {
    text-decoration: none;
}
#PressNewsReleases #NewsRelease .DateListStyle2 .LinkListStyle1 a .Title {
    display: inline;
}
#PressNewsReleases #NewsRelease .DateListStyle2 .LinkListStyle1 a:hover .Title {
    text-decoration: underline;
}
#PressNewsReleases .Button {
    display: none;
}
.JS #PressNewsReleases .Button {
    display: block;
    margin-left: 75px;
}
#PressNewsReleases #NewsLoadPrevious {
    background-image: url("/image/en/r1/icon/icon_link_left_l_white.png");
    background-position: left center;
    border-left: 3px solid transparent;
    border-right: none;
    padding-left: 22px;
    padding-right: 15px;
}
#PressNewsReleases #NewsLoadPrevious:hover,
#PressNewsReleases #NewsLoadPrevious:active {
    border-left-width: 1px;
    padding-left: 24px;
}

@media screen and (max-width: 994px) {
    .JS h2 {
        margin-left: 0;
        margin-right: 0;
    }

    .JS .hidden-md {
        display: none;
    }
    .JS .hidden-lg {
        display: block;
    }
    .JS .visible-md {
        display: block;
    }
    .JS .visible-lg {
        display: none;
    }

    .JS .ProductSlider .SlideCaption {
        background: transparent;
        color: #333333;
        padding: 15px 0 0;
        position: static;
    }
    .JS .ProductSlider .owl-prev {
        display: none;
    }
    .JS .ProductSlider .owl-next {
        display: none;
    }

    .JS .ProductTabs > .tabs-nav {
        display: none;
    }
    .JS .ProductTabs > .tabs-content > .tab {
        display: block;
        margin-bottom: 1px;
    }
    .JS .ProductTabs > .tabs-content > .tab > .tab-header {
        background-color: #f2f2f2;
        display: block;
    }
    .JS .ProductTabs > .tabs-content > .tab > .tab-header > h2 {
        border-right: 15px solid transparent;
        background-image: url("/image/en/r1/icon/icon_up_l_gray_hd.gif");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 16px auto;
        margin-bottom: 0;
        padding: 15px;
        text-transform: uppercase;
    }
    .JS .ProductTabs > .tabs-content > .tab > .tab-body {
        display: none;
        padding: 15px;
    }
    .JS .ProductTabs > .tabs-content > .tab.active > .tab-header > h2 {
        background-image: url("/image/en/r1/icon/icon_down_l_gray_hd.gif");
    }
    .JS .ProductTabs > .tabs-content > .tab.active > .tab-body {
        display: block;
    }

   /* .JS .ProductTabs h2 {font-family: "HelveticaNeueETW01-75Bd",Helvetica,Arial,sans-serif; color: #666666;
	}*/
	
	.JS .ProductTabs h2 { font-weight:bold; color: #666666;
	}

    .JS .ProductMilestonesTabs > .tabs-nav {
        text-align: center;
    }

    .JS #BrandingImgStyle1 {
        height: auto !important;
        margin-left: 0;
        margin-right: 0;
    }
    .JS #BrandingImgStyle1 .slide a img {
        height: auto;
    }

    .JS #BrandingImgStyle1 .controller > li a {
        text-indent: -9999px;
        background-color: white;
        border-radius: 10px;
        margin: 4px;
        height: 12px;
        width: 12px;
    }
    .JS #BrandingImgStyle1 .controller > li a.active {
        background-color: #DD0001;
    }
    .JS #BrandingImgStyle1 .controller > li:first-child a {
        text-indent: 0;
        background-color: transparent;
        border-radius: 0;
        margin: 2px 1px;
        width: 18px;
        height: 18px;
    }

    .JS #MidNav {
        margin-bottom: 15px;
    }
    .JS #MidNav .nav-menu {
        height: auto !important;
        margin-left: -15px !important;
    }
    .JS #MidNav .nav-menu > li {
        background-color: transparent !important;
        height: 165px !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 0 0 15px !important;
        position: relative !important;
        width: 25% !important;
    }
    .JS #MidNav .nav-menu > li .bg-switch {
        display: block !important;
        left: 15px !important;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info {
        left: 15px !important;
        top: 15px !important;
        bottom: 15px !important;
        right: 10px !important;
        padding: 15px 40px 15px 15px !important;
        height: auto !important;
        overflow: visible;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .heading {
        line-height: 1.2;
        margin-bottom: 6px;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .learn-more {
        border-right: 5px solid transparent;
        display: block;
        padding: 0;
        position: absolute;
        width: 30px;
        height: 35px;
        top: 50%;
        right: -15px;
        margin-top: -17.5px;
        text-indent: -9999px;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .excerpt-main {
        display: none;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .excerpt-short {
        display: block;
    }
    .JS #MidNav .nav-menu > li.double {
        width: 50% !important;
    }
    .JS #MidNav .nav-menu > li.double .nav-menu-info {
        left: 75px !important;
    }


    .JS #RotationBanner {
        display: none;
    }

    .JS #PressNewsReleases #NewsCountriesNav #NewsActiveCountry {
        color: #cc0022;
        font-size: 150%;
        float: left;
    }
    .JS #PressNewsReleases #NewsCountriesNav #NewsCountriesNavToggle {
        background-image: url('/image/en/r1/icon/icon_navi_country_hd.gif');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 16px auto;
        color: #666666;
        float: right;
        font-size: 90%;
        padding-left: 20px;
        text-decoration: none;
    }
    .JS #PressNewsReleases #NewsCountriesNav > ul {
        background-color: #ffffff;
        bottom: 0;
        display: none;
        left: 0;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 15px;
        position: absolute;
        right: 45px;
        text-align: center;
        top: 0;
        white-space: nowrap;
    }
    .JS #PressNewsReleases #NewsCountriesNav > ul > li {
        background: none;
        padding-bottom: 0;
    }
    .JS #PressNewsReleases #NewsCountriesNav > ul > li > a {
        background: none;
        padding: 0;
        margin: 0 6px;
        width: auto;
    }
    .JS #PressNewsReleases #NewsCountriesNav > ul > li:hover > a,
    .JS #PressNewsReleases #NewsCountriesNav > ul > li.active > a {
        color: #bf0f19;
    }
    .JS #PressNewsReleases #NewsCountriesNav.toggled {
        border: 1px solid #cccccc;
        margin: -16px 0 14px;
        padding: 0 45px 0 0;
    }
    .JS #PressNewsReleases #NewsCountriesNav.toggled #NewsCountriesNavToggle {
        background-image: url('/image/en/r1/icon/tplus.icon_close_gray_hd.gif');
        background-position: center center;
        text-indent: -9999px;
        margin-right: -45px;
        margin-top: 15px;
        margin-bottom: 15px;;
        padding-left: 45px;
        width: 0;
    }
    .JS #PressNewsReleases #NewsCountriesNav.toggled > ul {
        display: block;
    }
    .JS #PressNewsReleases .NewsReleaseList .DateListStyle2 dt {
        display: none !important;
    }
    .JS #PressNewsReleases .NewsReleaseList .DateListStyle2 dd {
        margin-left: 0;
    }
    .JS #PressNewsReleases .NewsReleaseList .DateListStyle2 dd .Date {
        display: block;
        padding-bottom: 5px;
    }

}

@media screen and (max-width: 767px) {
    .JS .hidden-sm {
        display: none;
    }
    .JS .visible-sm {
        display: block;
    }

    .JS .hover-menu2 .ColumnSet .Column1 {
        width: 33.3333%;
    }
    .JS .hover-menu2  .ColumnSet .Column1:nth-child(4n+1) {
        clear: none;
    }
    .JS .hover-menu2  .ColumnSet .Column1:nth-child(3n+1) {
        clear: left;
    }

    .JS .ProductTabs .Column1andHalf {
        float: left;
        width: 50%;
    }

    .JS .NewsReleases .NewsReleaseList {
        margin: 0;
    }
    .JS .NewsReleases .NewsReleaseList .DateListStyle2 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .JS .NewsReleases .NewsReleaseList ul li {
        padding: 15px 30px 15px 15px !important;
    }

    .JS #BrandingImgStyle1 {
        margin-bottom: 0;
    }
    .JS #BrandingImgStyle1 .controller {
        background: none;
        bottom: 10px;
        right: 0;
        left: 0;
        text-align: center;
    }

    .JS #MidNav {
        margin-bottom: 0;
    }
    .JS #MidNav .nav-menu {
        height: auto !important;
        margin-left: 0 !important;
    }
    .JS #MidNav .nav-menu > li {
        border-right: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        height: 180px !important;
        padding: 0 !important;
        width: 25% !important;
    }
    .JS #MidNav .nav-menu > li .bg-switch {
        left: 0 !important;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info {

        top: 60px !important;
        bottom: 60px !important;
        padding: 10px 30px 10px 5px !important;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .heading {
        display: table;
        height: 100%;
        text-align: center;
        width: 100%;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .heading > span {
        display: table-cell;
        vertical-align: middle;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .excerpt-main {
        display: none;
    }
    .JS #MidNav .nav-menu > li .nav-menu-info .excerpt-short {
        display: none;
    }
    .JS #MidNav .nav-menu > li.double {
        width: 50% !important;
    }
    .JS #MidNav .nav-menu > li.double .nav-menu-info {
        left: 120px !important;
    }
    .JS #MidNav .nav-menu > li.product-categories .bg-switch {
        background-image: url("/image/MidNav/MidNav-product-categories2.jpg") !important; 
    }
    .JS #MidNav .nav-menu > li.corporate-information .bg-switch {
        background-image: url("/image/MidNav/MidNav-corporate-information2.jpg") !important; background-size: auto 100%; 
    }
    .JS #MidNav .nav-menu > li.singapore-directory .bg-switch {
        background-image: url("/image/MidNav/MidNav-singapore-directory2.jpg") !important;
    }
    .JS #MidNav .nav-menu > li:last-child {
        border-right: none;
    }

    .JS #HomeCarousel2 {
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .JS #HomeCarousel2 .owl-prev {
        display: none;
    }
    .JS #HomeCarousel2 .owl-next {
        display: none;
    }
    .JS #HomeCarousel2 .owl-dot {
        display: inline-block;
    }


    .JS #HomeNewsReleases {
        padding-bottom: 0;
    }
    .JS #HomeNewsReleases h2 {
        background-color: #dadada;
        margin: 0;
        padding: 15px;
    }
    .JS #HomeNewsReleases .NewsReleaseList .DateListStyle2 {
        margin-left: 0;
        margin-right: 0;
    }
    .JS #HomeNewsReleases .Button ul > li {
        margin-right: 0;
        width: 50%;
    }
    .JS #HomeNewsReleases .Button ul > li a {
        display: block;
        font-size: 95%;
        margin-bottom: 0;
        margin-right: 1px;
        padding-bottom: 15px;
        padding-top: 15px;

    }
    .JS #HomeNewsReleases .Button ul > li:last-child a {
        margin-right: 0;
    }

    .JS #PressNewsReleases {
        padding-bottom: 0;
    }
    .JS #PressNewsReleases #NewsCountriesNav {
        margin-bottom: 16px;
    }
    .JS #PressNewsReleases #NewsCountriesNav.toggled {
        border-left: none;
        border-right: none;
        margin: -16px -15px 0;
    }
    .JS #PressNewsReleases .NewsYearsNav {
        float: none;
        font-size: inherit;
        margin-left: -15px;
        margin-right: -15px;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .JS #PressNewsReleases .NewsYearsNav > ul {
        background-color: #f2f2f2;
        box-sizing: padding-box;
        padding: 15px;
        position: static;
        text-align: left;
        width: 100%;
        white-space: nowrap;
    }
    .JS #PressNewsReleases .NewsYearsNav > ul {
        clear: both;
        content: "";
        display: table;
    }
    .JS #PressNewsReleases .NewsYearsNav > ul > li {
        border-right: 1px solid #cdcdcd;
        display: inline-block;
    }
    .JS #PressNewsReleases .NewsYearsNav > ul > li:last-child {
        border-right: none;
    }
    .JS #PressNewsReleases .NewsYearsNav .year{
        border-right: none;
        padding: 0 12px;
    }

    .JS #PressNewsReleases .NewsYearsNav .onRoll .year + ul {
        display: none;
    }

    .JS #PressNewsReleases #NewsYearsNav2 {
        display: block;
    }

    .JS #PressNewsReleases #NewsRelease {
        margin-left: 0;
    }
    .JS #PressNewsReleases #NewsRelease .DateListStyle2 .LinkListStyle1 a:hover .Title {
        text-decoration: none;
    }

    .JS #PressNewsReleases .Button {
        margin-left: -15px;
        margin-right: -15px;
    }
    .JS #PressNewsReleases .Button ul > li {
        float: left;
        margin-right: 0;
        width: 50%;
    }
    .JS #PressNewsReleases .Button ul > li a {
        display: block !important;
        margin-bottom: 0;
        margin-right: 1px;
    }
    .JS #PressNewsReleases .Button ul > li:last-child a {
        margin-right: 0;
    }

    .JS .front #Contents {
        padding-left: 0;
        padding-right: 0;
    }

    .JS .front .RightBanner {
        display: none;
    }
	
	/*iwan*/
    .JS #ProductPage .ProdThumb {
        float: none;
        width: 100%;
    }
    .JS #ProductPage .ProdThumb img {
        width: 100%;
    }	
}

@media screen and (max-width: 579px) {
    .JS .hidden-xs {
        display: none;
    }
    .JS .visible-xs {
        display: block;
    }

    .JS .hover-menu2 .ColumnSet .Column1 {
        width: 50%;
    }
    .JS .hover-menu2  .ColumnSet .Column1:nth-child(3n+1) {
        clear: none;
    }
    .JS .hover-menu2  .ColumnSet .Column1:nth-child(2n+1) {
        clear: left;
    }

    .JS .ProductTabs .Column1andHalf {
        width: auto;
    }

    .JS #BrandingImgStyle1 {
        padding-bottom: 30px !important;
        margin-bottom: 0;
    }
    .JS #BrandingImgStyle1 .slide a .caption {
        background-color: #f2f2f2;
        display: block;
    }
    .JS #BrandingImgStyle1 .controller > li a {
        background-color: #CCCCCC;
    }
    .JS #BrandingImgStyle1 .controller > li:first-child {
        display: inline-block;
    }
    .JS #BrandingImgStyle1 .controller > li:first-child a {
        background-image: url('/image/en/r1/tplus.btn_stop_dark.png');
        background-repeat: no-repeat;
        background-size: 16px auto;
        text-indent: -9999px;
    }
    .JS #BrandingImgStyle1 .controller > li:first-child a.pause {
        background-image: url('/image/en/r1/tplus.btn_play_dark.png');
    }

    .JS #MidNav .nav-menu > li {
        width: 50% !important;
    }
    .JS #MidNav .nav-menu > li.double {
        width: 100% !important;
    }

    .JS #HomeNewsReleases .Button ul > li {
        display: block;
        width: 100%;
    }
    .JS #HomeNewsReleases .Button ul > li a {
        margin-right: 0;
        margin-bottom: 1px;
    }
    .JS #HomeNewsReleases .Button ul > li:last-child a {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 399px) {
    .JS .hidden-xxs {
        display: none;
    }
    .JS .visible-xxs {
        display: block;
    }

    .JS .hover-menu2 .ColumnSet .Column1 {
        width: 100%;
    }

    .JS .hover-menu2-plus {
        margin-left: -15px;
        margin-right: -15px;
    }
    .JS .hover-menu2-plus .item {
        margin-bottom: 1px;
    }
    .JS .hover-menu2-plus .item .thumbnail {
        width: 60px;
        position: absolute;
        z-index: 5;
        top: 15px;
        left: 15px;
    }
    .JS .hover-menu2-plus .item .caption {
        padding: 0;
        margin: 0;
    }
    .JS .hover-menu2-plus .item .caption-header {
        background-color: #f2f2f2;
        background-image: url("/image/hover-menu/tplus.icon_important_link_hd_down.gif");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 20px;
        border-top-color: transparent;
        border-right: 15px solid transparent;
        margin-bottom: 0;
        padding: 15px 50px 15px 90px;
    }
    .JS .hover-menu2-plus .item .caption-header h2 {
        color: #333333;
    }
    .JS .hover-menu2-plus .item .caption-body {
    }
    .JS .hover-menu2-plus .item .caption-body .LinkListStyle1 {
        border-bottom: 1px solid #ddd;
        margin: 0;
    }
    .JS .hover-menu2-plus .item .caption-body .LinkListStyle1 > li {
        border-top: 1px solid #ddd;
        padding: 0;
    }
    .JS .hover-menu2-plus .item .caption-body .LinkListStyle1 > li > a {
        background-image: url("/image/en/r1/icon/icon_link_right_l_hd.gif");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 16px;
        border-right: 17px solid transparent;
        color: #333333;
        display: block;
        padding: 15px 50px 15px 30px;
        text-decoration: none;
    }
    .JS .hover-menu2-plus .item .caption-body .LinkListStyle1 > li > a:hover {
        background-color: #f2f2f2;
        border-right: 15px solid transparent;
    }
    .JS .hover-menu2-plus .item .caption .bg {
        display: none;
    }
    .JS .hover-menu2-plus .item-link .item-icon {
        display: none;
    }
    .JS .hover-menu2-plus .item-link .thumbnail > img {
        opacity: 1;
    }
    .JS .hover-menu2-plus .item-link .caption-header {
        background-image: url("/image/en/r1/icon/icon_important_link_hd.gif");
    }
    .JS .hover-menu2-plus .item-link-new-window .caption-header {
        background-image: url("/image/en/r1/icon/icon_new_window.gif");
    }

    .JS .hover-menu2-plus.accordion .item .caption-header {
        background-image: url("/image/utility/tplus.icon_important_link_hd_down.gif");  background-repeat: no-repeat; 
    }
    .JS .hover-menu2-plus.accordion .item.active .caption-header {
        background-image: url("/image/utility/tplus.icon_important_link_hd_up.gif");  background-repeat: no-repeat;
    }
    .JS .hover-menu2-plus.accordion .item .caption-body {
        display: none;
    }
    .JS .hover-menu2-plus.accordion .item-link .caption-header {
        background-image: url("/image/en/r1/icon/icon_important_link_hd.gif");
    }
    .JS .hover-menu2-plus.accordion .item-link-new-window .caption-header {
        background-image: url("/image/en/r5/icon/icon_panel2_link_hd.gif");
    }

    /** ? **/
    .JS .hover-menu2-plus.accordion .hidemobile {
        display:none;
    }
}

/*==== Customn for mobile + tablet ======================================================================================= */
@media screen and (max-width: 767px) {
    .mobile-hide {
        display: none;
    }

    .JS .nav-menu .nav-menu-info {
        border: none;
        background: rgba(255, 255, 255, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
    }

    .JS #MidNav .nav-menu > li .nav-menu-info .heading {
        text-align: right; !important
    }

    .JS #MidNav .nav-menu > li .nav-menu-info {
        left: 5px !important;
    }

    #MidNav .nav-menu > li .nav-menu-info .heading {
        font-family: "HelveticaNeueETW01-75Bd", Helvetica, Arial, sans-serif;
        letter-spacing: -0.03em;
        font-size: 110%;

    }

    .JS #MidNav .nav-menu > li.product-categories .bg-switch {
        opacity: 0.95;
    }

    .JS #MidNav .nav-menu > li.corporate-information .bg-switch{
        opacity: 0.85;
         background-size: auto 100%; 

	}
	
    .JS #MidNav .nav-menu > li.singapore-directory .bg-switch {
        opacity: 0.85;
        background-position: left;
    }

	.JS #TopM p.ImgOnlyStyle  {text-align:center;}
	.JS #TopM .ImgLeftAdjust {float:left; padding-right:20px;}
	.JS #TopM .ImgRightAdjust {float:right; padding-left:20px;}
		
}

@media screen and (max-width: 399px) {
	
.JS #TopM .ImgLeftAdjust {float:none;}
.JS #TopM .ImgRightAdjust {float:none;}



}