/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
font-family:Roboto;
font-size:0.7em;
line-height:1.3em; 
background:url("../../jj-web-final-SHIAN-homepage1.jpg")top center no-repeat;
color:#333333;
}

p{
margin:0 0 13px 0;
}

a {
color:#005986;
}

#Container {
width:850px;
overflow:hidden;
margin:0 auto;
}

/* header */
#header {
display:block;
overflow:hidden;
clear:both;
}

.logo{
width:220;
height:55px;
display:block;
margin:35px 0 0 10px;
float:left;
}

.languageNsearch {
width:170px;
height:21px;
display:block;
margin:35px 0px;
float:right;
background: url(../images/input-search.gif) no-repeat;
}

.languageNsearch input {
	width: 130px;
	height: 19px;
	line-height: 18px;
	padding: 2px 0 0 25px;
	background: transparent;
	border: 0;
	color: #666;
}

/* top navigation */

#navigation {
display:block;
clear:both;
position:relative;
width: 850px;
}

#navigation #mainnav{
display:block;
margin:8px 10px 0;
float:right;
}

#navigation #mainnav li{
float:left;
background:url("../images/theme/nav_interval.gif") top right no-repeat;
padding:0 10px 10px;
position: relative;
font-family:'Roboto';
}

#navigation ul li.lastNavi{
background:none !important;
}

#navigation #mainnav li a{
font-size:1.3em;
color:#002d5e;
text-decoration:none;
font-family:'Roboto';
}

#navigation #mainnav li a:hover{
color:#919191;
}

.naviSelected {
color:#919191 !important;
}

.submenu {
position:absolute;
z-index: 99;
top: 20px;
padding: 0;
margin: 0; 
width:170px;
color: white;
background:url("../images/theme/bg-submenu.png") 0 0;
font-size: 1em;
display:none;
}

.position {
left: 5px; 
}

.last_position {
left: -52px;
}

/* Fix IE formatting quirks. */
* html .submenu {
	width: 148px; 
}

#navigation #mainnav a.submenlink {
display: block;
text-decoration: none;
border-top: 0; 
border-left: 0;
border-right: 0;
padding:7px 0 7px 12px;
color:#454545;
font-size:1em !important;
font-family:'Roboto';
}

#navigation #mainnav .submenubox { 
margin: 0;
padding: 0;
border: 0;
}
#navigation #mainnav .submenubox ul{
margin: 0;
padding: 6px 0 0;
border: 0;
list-style:none;
}

#navigation #mainnav .submenubox ul li { 
margin: 0; 
border: 0;
background:url("../images/theme/icon-submenu_arrow.png") 4px 10px no-repeat;
display:block;
margin:0;
padding:0;
float: none;
}

#navigation #mainnav .submenubox ul li :hover
{
color:#002d5e;
background:url("../images/theme/icon-submenu_arrow.png") 4px 10px no-repeat;
background-color:#c1c1c1;
}

/* hero banner */

#heroBanner {
height:275px;
weight:850px;
display:block;
margin-bottom:35px;
}
/* h1 h2 */

h1 {
font-family: 'Roboto';
color:#002d5e;
font-size: 1.6em;
font-weight: normal;
padding:0 0 8px 20px;
border-bottom:1px solid #acacac;
margin:15px 0;
background:url("../images/theme/bar-title.jpg") 0 0 no-repeat;
}

.rightSection h1 {
margin-left:25px;
}

#subContent h1 {
background-image:none;
margin:5px 0;
}

#subContent h2 {
border-bottom:1px solid #acacac;
font-family: 'Roboto';
color:#002d5e;
font-size: 1.6em;
font-weight: normal;
padding:0 0 8px 0;
margin:5px 0 10px 0;
}

#subContent h3 {
font-size:1.2em;
color:#002d5e;
margin:5px 0 10px 0;
}

#subContent h4 {
font-size:1em;
color:#000000;
margin:5px 0 0 0;
}


/* homepage sections */
.rowWrap {
display:block;
overflow:hidden;
clear:both;
}

.leftSection {
width:250px;
display:block;
overflow:hidden;
margin:10px 10px 0 0;
float:left;
}

.leftSection img{
margin-bottom:15px;
}

.rightSection {
width:575px;
display:block;
overflow:hidden;
margin:10px 0 0 10px;
float:right;
}
.paragraphWrap {
border-bottom:1px solid #e2e2e2;
display:block;
overflow:hidden;
}

.btnMore {
display:block;
overflow:hidden;
padding:10px 0
}

.btnMore a{
padding:0 10px 0 0;
text-decoration:none;
color:#002d5e;
font-weight:bold;
background:url("../images/theme/icon-arrow.gif") right 3px no-repeat;
}

.row li{
border-bottom:1px solid #e2e2e2;
margin-bottom:6px;
}

.newsTitle, .row  li  a{
font-weight:bold;
color:#000000;
text-decoration:none;
}

.contentLine {
border-left:1px solid #acacac;
display:block;
overflow:hidden;
}



/* regional business */

.regionalBusiness {
border-left:1px solid #acacac;
display:block;
overflow:hidden;
padding-left:25px;
}

.regionalBusiness li{
width:124px;
height:140px;
display:block;
margin:0 17px 20px 0;
float:left;
}

.regionalBusiness li.lastColumn{
margin-right:0 !important;
}

.regionalBusiness li.lastRow{
margin-bottom:0 !important;
}

.regionalBusiness li span{
display:none;
}

.regionalBusiness li a{
height:140px;
display:block;
}
/* regional business units buttons */

.btnCableTech a {
background:url("../images/theme/rbu-pic1.jpg") 0 0 no-repeat;
}

.btnCableTech a:hover {
background:url("../images/theme/rbu-pic1.jpg") 0 0 no-repeat;
}

.btnChemicals a {
background:url("../images/theme/rbu-pic2.jpg") 0 0 no-repeat;
}

.btnChemicals a:hover {
background:url("../images/theme/rbu-pic2.jpg") 0 0 no-repeat;
}

.btnCommunications a {
background:url("../images/theme/rbu-pic3.jpg") 0 0 no-repeat;
}

.btnCommunications a:hover {
background:url("../images/theme/rbu-pic3.jpg") 0 0 no-repeat;
}

.btnLifeSciences a {
background:url("../images/theme/rbu-pic4.jpg") 0 0 no-repeat;
}

.btnLifeSciences a:hover {
background:url("../images/theme/rbu-pic4.jpg") 0 0 no-repeat;
}

.btnMarketing a {
background:url("../images/theme/overview_grey.jpg") 0 0 no-repeat;
}

.btnMarketing a:hover {
background:url("../images/theme/overview_grey.jpg") 0 0 no-repeat;
}

.btnMaterial a {
background:url("../images/theme/rbu-pic6.jpg") 0 0 no-repeat;
}

.btnMaterial a:hover {
background:url("../images/theme/rbu-pic6.jpg") 0 0 no-repeat;
}

.btnPackaging a {
background:url("../images/theme/rbu-pic7.jpg") 0 0 no-repeat;
}

.btnPackaging a:hover {
background:url("../images/theme/rbu-pic7.jpg") 0 0 no-repeat;
}

.btnTechnology a {
background:url("../images/theme/rbu-pic8.jpg") 0 0 no-repeat;
}

.btnTechnology a:hover {
background:url("../images/theme/rbu-pic8.jpg") 0 0 no-repeat;
}

/* news and events */
.newsletter  {
display:block;
overflow:hidden;
clear:both;
border-bottom:1px solid #e2e2e2;
margin-bottom:10px;
}

.signupForm li {
float:left;
margin-right:5px;
}

.signupForm li input {
font-size: 11px;
height: 19px;
clear:both;
}

.signupForm p {
font-size:0.9em;
margin-bottom:10px;
}

.btnGo {
background:url("../images/theme/btn-go.jpg") 0 0 no-repeat;
width:36px;
height:19px;
display:block;
cursor: pointer;
border:none;
}

.btnGo:hover {
background:url("../images/theme/btn-go.jpg") -36px 0 no-repeat;
}

/* successful stories */

.successStories {
display:block;
overflow:hidden;
padding-left:25px;
}

.rightSection .btnMore{
margin-left:25px;
}

/*  Subpages Left Navi */
.leftNavi {
width:250px;
display:block;
overflow:hidden;
margin:0 10px 0 0;
float:left;
}

.leftNavi ul li {
background: url("../images/theme/bar-leftsubnavi.jpg") no-repeat scroll 0 3px;
border-bottom: 1px solid #ACACAC;
padding: 3px 0 4px 14px;
margin:2px;
}

.leftNavi ul li.selected {
background: url("../images/theme/bar-leftsubnavi-o.jpg") no-repeat scroll 0 3px;
}

.leftNavi ul li a{
font-size:1em;
text-decoration:none;
color:#002d5e;
}

.naviLevel1 {
margin-left: 18px;
}

.leftNavi ul li a:hover, .naviLevel1 li.selected a.leftSub, .naviLevel2 li.selected a.leftSubSub, .naviLevel3 li.selected a.leftSubSubSub{
color:#777777;
text-decoration:none;
}

.leftNavi ul li .naviLevel2{
margin-left:10px;
display:none;
}

.leftNavi ul li .naviLevel2 li{
border:none;
}

.leftNavi ul li .naviLevel3{
margin-left:10px;
display:none;
}

.leftNavi tr td a{
font-size:1em;
text-decoration:none;
color:#002d5e;
}

.leftNavi tr td a:hover, .naviLevel1 li.selected a.leftSub, .naviLevel2 li.selected a.leftSubSub, .naviLevel3 li.selected a.leftSubSubSub{
color:#777777;
}

/* subpages sections*/

#subContent {
display:block;
overflow:hidden;
clear:both;
width:100%;
}


.rightContents{
width:550px;
display:block;
overflow:hidden;
margin:0 0 0 10px;
float:right;
padding:0 0 0 25px;
border-left:1px solid #acacac;
}

.rightContentWrap{
display:block;
overflow:hidden;
clear:both;
width:530px;
}

/* .newsContents .rightContentWrap {
border-top: 1px solid #ACACAC;
margin-top:28px;
}
*/

.imgType1{
margin:10px 0;
}

.imgType2{
margin:10px 20px;
text-align:center;
}

.imgType3{
margin:0 0 8px 15px;
float:right;
}

.imgType4{
margin:0 15px 8px 0;
float:left;
}

/* special Sections */

.specialSections {
width:600px;
display:block;
overflow:hidden;
margin-right:25px;
}

.specialBoxContainer 
{
	width:250px;
	display:inline-block;
	padding-right: 10px;
	vertical-align:top;
}

.specialBox {
border-bottom:1px solid #acacac;
margin-bottom:20px;
display:block;
overflow:hidden;
}

.specialBox ul{
padding:0 0 0 7px;
border-left:5px solid #002d5e;
margin:5px 0 5px 10px;
}

.specialBox ul li{
border-bottom:1px solid #acacac;
padding:2px 0 6px;
margin-bottom:4px;
}

.specialBox ul li a{
text-decoration:none;
color:#005986;
}

.specialBox ul li.lastRow{
border:none;
padding-bottom:0;
}

.tlatestNews {
background:url("../images/theme/t-latest_news.jpg") 0 0 no-repeat;
width:250px;
height:20px;
}

.tlatestNews span, .trelatedLinks span, .tview span, .trelatedNews span{
display:none;
}

.trelatedLinks {
background:url("../images/theme/t-related_links.jpg") 0 0 no-repeat;
width:250px;
height:20px;
}

.trelatedNews {
background:url("../images/theme/t-related_news.jpg") 0 0 no-repeat;
width:250px;
height:20px;
}

.tview {
background:url("../images/theme/t-view.jpg") 0 0 no-repeat;
width:530px;
height:20px;
clear:both;
}

.downloadBox{
margin:0 0 20px 0;
display:block;
overflow:hidden;
width: 530px;
border-bottom:1px solid #acacac;
}

.iconDownload{
margin:18px 25px;
width:50px;
height:50px;
float:left;
padding:0;
}

.iconDownload img{
margin:0;
padding:0;
}

.downloadInfo{
float:right;
width:415px;
display:block;
overflow:hidden;
margin: 13px 0;
border-left:5px solid #002d5e;
padding-left:10px;
}

.downloadInfo h6{
color:#002d5e;
}

.downloadInfo p {
margin-bottom:0 !important;
}

/* newsletter */

#subContent .newsCentre h1 {
margin-bottom:0 !important;
}
 
.newsSectionHeader {
color:#707070;
background:#fafafa;
padding:8px 0 8px 20px;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
font-size:1.25em;
font-family: 'Roboto';
}

.newsBoxWrap  {
display:block;
overflow:hidden;
border-bottom:1px solid #e9e9e9;
width:212px;
margin:10px 0 50px 20px;
}

.issueNo {
color:#afafaf;
margin-bottom:5px;
display: block;
font-size:1.2em;
font-family: 'Roboto';
}

.linkArchives{
text-align:center;
margin:10px 0;
display: block;
}

.newsBoxWrap a:link,  .newsBoxWrap a:visited{
    color: #002D5E;
    font-weight: bold;
    text-decoration: none;

}

.newsBoxWrap a:hover {
color: #002D5E;
}

.newsCentre .linkPopular li {
background:none;
border:none;
margin:0 0 2px 0;
padding:0;
}

.newsCentre .linkPopular {
margin-bottom:10px;
}

.newsLink {
display:block;
margin:0 0 10px 0; 
}

.newsLinkPointer {
display:block;
margin:0 0 10px 0; 
background:transparent url(../images/theme/icon-arrow.gif) no-repeat 100% 5px;

}

.videoDesp{
text-align:center;
margin:10px 0 !important;
}

.newsBoxWrap p {
color:#777777;
}

.sectionTitle{
color:#707070;
padding:10px 0;
border-bottom:1px solid #e9e9e9;
border-top:1px solid #ACACAC;
font-size:1.25em;
margin-top: 27px;
font-family: 'Roboto';
}

.newsHighlight {
overflow:hidden;
display:block;
}

.newsHighlight li {
float:left;
width:160px;
margin-right:15px;
height: 386px;
}

.newsHighlight .noRightMargin {
margin-right:0 !important;
}

.category a:link, .category a:visited {
font-size:1.2em;
font-family: 'Roboto';
color:#afafaf;
margin:10px 0 5px 0;
text-decoration:none;
display:block;
}

.newsImg {
width:160px;
display:block;
}

.newsTitle a:link, .newsTitle a:visited{
font-size:1.2em;
color:#002d5e;
text-decoration:none;
margin-top:10px;
overflow:hidden;
display: block;
line-height:1.2em;
}

.newsDate {
color:#afafaf;
margin-bottom:10px;
}

.newsDate a:link, .newsDate a:visited, .newsDate a:hover{
color:#afafaf;
text-decoration:none;
}

.newsSummary {
margin-top:15px;
}

.newsHighlight .btnMore {
float:right;
margin-top:5px;
}

.newsList {
display:block;
overflow:hidden;
}

.sortBy {
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
padding:5px 0;
margin-bottom:20px;
display:block;
height:20px;
}

.newsList li {
border-bottom:1px solid #e9e9e9;
display:block;
overflow:hidden;
margin-bottom:40px;
}

.newsList .category {
border-bottom:1px solid #e9e9e9;
}

.newsList .category a:link, .newsList .category a:visited {
padding: 0 0 5px 0;
margin:0 !important;
}

.newsList .newsSummary {
margin-top:5px;
}

.newsList .btnMore {
float:right;
padding-bottom:5px !important;
}

.pagination {
border-top:1px solid #ACACAC;
display:block;
overflow:hidden;
padding:10px 10px;
}

.pagination li{
float:right;
padding:0;
margin:0;
background:url("../images/theme/pagination-interval.jpg") top right no-repeat;
}

.pagination li:first-child{
background:none !important;
}

.pagination li a:link, .pagination li a:visited{
color:#afafaf;
display:block;
padding:0 10px;
text-decoration:none;
font-weight: bold;
}

.pagination li a:hover, .pagination li.selected a {
color:#002d5e;
}

/* news - Article */

.prevNext {
display:block;
overflow:hidden;
float:right;
margin-top: -28px;
margin-right: 20px;
z-index:99;
}

.prevNext a {
display:block;
overflow:hidden;
padding: 0 10px;
text-decoration:none;
color:#002d5e;
font-family: 'Roboto';
font-size:1.1em;
}

.prevNext .btnPrev {
background:url("../images/theme/btn-arrowleft.jpg") bottom left no-repeat;
float:left;
}

.prevNext .btnNext {
background:url("../images/theme/btn-arrowright.jpg") bottom right no-repeat;
float:right;
}

.newsArticle {
margin-bottom:0 !important;
margin-top:27px;
border-top: 1px solid #ACACAC !important;
height: 22px;
}

.categoryTitle {
font-size:1.2em;
font-family: 'Roboto';
color:#afafaf;
margin:10px 0 5px 0;
display:block;
border-bottom:1px solid #e9e9e9;
padding-bottom:5px;
text-align: left;
}

.share {
display:block;
clear:both;
}

.fb {

}

.sharePrint {
float:right;
text-align:right;
width:170px;
margin-top: -20px;
}

.sharePrint a{
display:block;
overflow:hidden;
clear:both;
text-decoration:none;
color:#002d5e;
}

.articleTitle {
font-size:1.2em;
color:#002d5e;
text-decoration:none;
margin-top:10px;
overflow:hidden;
display: block;
line-height:1.2em;
font-weight: bold;
}

.tableList {
border-top:1px solid #E9E9E9;
border-bottom:1px solid #E9E9E9;
padding:10px 0;
margin-bottom:15px;
}

.tableTitle {
color:#909090;
font-weight:bold;
width:140px;
}

.tableColon {
color:#909090;
font-weight:bold;
width:10px;
}

.tableField {

}

.imageCaption {
color:#909090;
font-weight:bold;
margin:10px 0 15px 0;
font-size:0.9em;
padding-bottom:10px;
border-bottom:1px solid #E9E9E9;
}

.articleAuthor {
text-align:right;
}

.author:link, .author:visited {
color:#002d5e;
font-style:italic;
font-weight:bold;
text-decoration:none;
}

.articleFooter {
display:block;
overflow:hidden;
clear:both;
}

.articleFooter .sharePrint {
border-top:1px solid #E9E9E9;
border-bottom:1px solid #E9E9E9;
padding:5px 0;
width:100%;
float:none;
display:block;
overflow:hidden;
clear:both;
}

.articleFooter .sharePrint a {
	display:inline;
	width:250px;
}

.subscribe{
border-bottom:1px solid #E9E9E9;
display:block;
overflow:hidden;
clear:both;
margin-top:25px;
}

.subscribe a {
display:block;
overflow:hidden;
}

.linkUnsubscribe {
float:left;
}

.linkUnsubscribe a{
color:#909090;
}

.linkSubscribe {
float:right;
}

.linkSubscribe a{
color:#002d5e;
font-weight:bold;
}

.articleFooter p{
margin-top:10px;
color:#777;
font-size:0.9em;
}

.articleFooter a {
text-decoration:none;
}

/* news Gallery */

.newsGallery {
display:block;
overflow:hidden;
}

.newsGallery li{
display:block;
overflow:hidden;
width:100px;
margin:0 30px 50px 0;
float:left;
}

.newsIssueThumb {
width:110px;
}

.newsIssueLink {
text-align:center;
margin-top:5px;
display:block;
overflow:hidden;
}

.newsIssueLink a{
text-decoration:none;
color:#002d5e;
display:block;
overflow:hidden;
}


/* general */

.path{
display:block;
overflow:hidden;
margin-top: 80px;
margin-bottom:5px;
}

.path ul li {
float:left;
margin:5px 0;
padding:0 2px;
}

.path ul li a{
color:#000000;
text-decoration:none;
}

.path ul li a:hover{
color:#005986;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.boxWrap {
display:block;
overflow:hidden;
}

.textAlignLeft {
text-align:left !important;
}

.textAlignRight {
text-align:left !important;
}

.noMarginRight {
margin-right:0 !important;	
}



/* footer */
#footer {
display:block;
overflow:hidden;
clear:both;
border-top:1px solid #acacac;
padding-top:10px;
}

#footer ul {
display:block;
overflow:hidden;
clear:both;
margin:0 auto;
/* 
off on 03.01.14 by geok wiew for footer align to left 
width:400px;
*/

}

#footer ul li{
float:left;
padding:0 7px;
border-right:1px solid #002d5e;
}

#footer ul li.lastLink{
border:none !important;
padding-right:0;
}

#footer ul li a:link, #footer ul li a:visited{
text-decoration:none;
color:#002d5e;
}

#footer ul li a:hover {
color:#919191;
}

.copyright
{
/* 
off on 13.12.13 by geok wiew for footer align to left 
text-align:center;
margin:10px 0 20px 0;
*/
text-align:left;	
margin:10px 0 20px 7px;
}

/* bullet */

ul.list-disc {
list-style: disc;
width: auto;
height: auto;
margin: 0 0 15px;
padding: 0;
background: none;
}
ul.list-disc li {
float: none;
width: auto;
height: auto;
margin: 0 0 0 15px;
padding: 0;
background: none;
}
ul.normal-list-disc {
list-style: disc;
width: auto;
height: auto;
margin: 0 0 15px;

padding-left: 30px;
background: none;
}
ul.normal-list-disc li {
float: none;
width: auto;
height: auto;
margin: 0 0 0 15px;
padding: 0;
background: none;
}

/*  1-3. News box
   ------------------------------- */
#news-home {
	position: relative;
	width: 230px;
	margin: 0 0 15px;
	padding: 9px;
	border: 1px solid #e1e1e1;
	background: #f5f5f5;
}
#news-home ul li {
	margin: 0;
}
#news-home dl dt {
	margin: 0;
	font-weight: bold;
}
#news-home dl dt em {
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
}
#news-home dl dt em a {
	color: #cc3333;
}
#news-home dl dd {
	margin: 0;
}
#news-home #btns {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 9px 0 0;
}
#news-home #btns ul {
	float: left;
}
#news-home #btns ul li {
	float: left;
	margin: 0;
}
#news-home #btns p.btn-more {
	float: left;
	margin: 0 0 0 5px;
}

.BlankTopLine{
color:#707070;
padding:10px 0;
border-top:1px solid #ACACAC;
font-size:1.25em;
margin-top: 27px;

}

.BackToNewsCenter {
text-align:right;
}

.BackLink:link, .BackLink:visited {
color:#002d5e;
font-weight:bold;
text-decoration:none;
}