@charset 'utf-8';

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

body {margin: 0;padding: 0;background-color: #f2f2f2;font-family: 'MuseoSlab500';font-size: 13px;color: #222;}
img, a {border:none;}
p {line-height: 1.5em;}
#mainWrapper {width:100%;height:100%;overflow:hidden;}
.headerBg {width:100%;height:100px;background:#f2f2f2;position:absolute;top:0;left:0;z-index:-3;}
.footerBg {width:100%;height:75px;background-color:#000;position:absolute;left:0;bottom:-28px;color:#fff;z-index:-2;text-align: center;font-size:90%;border-top:#fff dotted 1px;}
.footerBg p {width:1000px;margin:0 auto;}

#galleryWrapper {height: auto;margin: 0 auto;display:block;}
.slideshow {width: 1400px;margin: auto;position:absolute;z-index:-10;}
.ieBg {width: 1400px;margin: auto;display:none;}

#wrapper {width:1000px;display:block;margin:0 auto;}
#header {height: 105px;margin: 0 auto;position: relative;}
#header .identity {width: 272px;height: 100px;float:left;}
#header .identity img {display:block;margin-top:10px;}
#header .navLinks {width: 500px;height: 100px;float:right;}
#header .navLinks .pageLinks ul {list-style:none;margin:0;padding:0;}
#header .navLinks .pageLinks ul li {display:inline-block;}
#header .navLinks .topLink {width: 500px;height: 25px;}
#header .navLinks .topLink a:link, #header .navLinks .topLink a:visited {color:gray;text-decoration:none;}
#header .navLinks .topLink a:hover {color:black;}
#header .navLinks .topLink p {margin:3px 7px 0 0;padding:0;text-align:right;font-weight:bold;font-size:90%;}
.contentWrapper .header img {width: 100%;}

#header .navLinks .pageLinks {width: 355px;height: 70px;float:right;margin-bottom:5px;}
.yarn-footer {float: left;}
.yarnLinkContent {line-height: 1.5em;}
.root .contentWrapper {float: left;}
#container {height: 450px;}
#container .contentContainer {width: 1000px;height: 450px;margin: 0 auto;position: relative;}
.fabric #footer {float:left;}
.contentWrapper {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	position: relative;
	background:white;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.contentWrapper  .privacyContent {margin:0 10px 0 10px;width:95%;}
.contentWrapper .bodyContent {width:1000px;position:relative;}
#garmentsSubmenu ul li p:hover {cursor: pointer;}

.contentWrapper .bodyContent h2 {color:black;margin-left:10px;}
.contentWrapper .bodyContent h4 {color:#0b6485;margin-left:10px;}

.leftSection, .leftSectionYarn, .leftSectionFabric, .leftSectionGarment {width:190px;float:left;}
.leftSection {background:url(_images/left_bg_img.png) repeat-y;}
.leftSectionYarn {background:url(_images/left_bg_img_yarn.png) repeat-y;}
.leftSectionFabric{background:url(_images/left_bg_img_fabric.png) repeat-y;}
.leftSectionGarment {background:url(_images/left_bg_img_garment.png) repeat-y;}
.leftSection a:link, .leftSection a:visited, .leftSectionYarn a:link, .leftSectionYarn a:visited, .leftSectionFabric a:link, .leftSectionFabric a:visited, .leftSectionGarment a:link, .leftSectionGarment a:visited {color:#333;text-decoration:none;display:block;}
.leftSection ul, .leftSectionYarn ul, .leftSectionFabric ul, .leftSectionGarment ul {list-style:none;margin-left: -40px;font-size: 90%;}
.leftSection ul li, .leftSectionYarn ul li, .leftSectionFabric ul li, .leftSectionGarment ul li {padding:10px 0 10px 10px;cursor:pointer;display:block;height: 16px;}

.listItemBgImage {background:url(_images/li_trans_img.png) no-repeat;}
.listItemBgImageYarn {background:url(_images/li_trans_img_yarn.png) no-repeat;}
.listItemBgImageFabric {background:url(_images/li_trans_img_fabric.png) no-repeat;	}
.listItemBgImageGarment {background:url(_images/li_trans_img_garment.png) no-repeat;	}
.bgImage {background:url(_images/li_bg_img.png) no-repeat  top left;font-size:90%;font-weight:bold;color:white;}
.bgImageYarn {background:url(_images/li_bg_img.png) no-repeat  0 -38px;font-size:90%;font-weight:bold;color:white;}

.bgImageFabric {background:url(_images/li_bg_img.png) no-repeat  0 -76px;font-size:90%;font-weight:bold;color:white;}
.bgImageGarment {background:url(_images/li_bg_img.png) no-repeat  0 -114px;font-size:90%;font-weight:bold;color:white;}

/*for right nav */
.contentWrapper .bodyContent .rightSection {width:795px;float:right;top:0;right:0;display:block;}
#infrastructureImageOne {display:none;}

#clear {clear:both;display:block;}

/*for the right nav one ( yarn page machinary one)*/
.contentWrapper .bodyContent .rightSectionOne {width:795px;float:right;display:none;}
.rightSectionOne #descHeader {margin:0 0 5px 0;color:#00B2C9;font-size:20px;}

#clearOne {clear:both;display:none;}

/* for the about page history section ( right section two ) */
.contentWrapper .bodyContent .rightSectionTwo {width:795px;float:left;display:none;}
#clearTwo {clear:both;	display:none;}
/* for the garment page infrastructure section */
#garmentsSubmenu {width:785px;position:relative;}
#garmentsSubmenu .leftGarmentsLink {width:150px;height:250px;float:left;}
#garmentsSubmenu .leftGarmentsLink ul {list-style:none;margin:0 0 0 5px;padding:0;}
#garmentsSubmenu .leftGarmentsLink ul p {margin:0;padding:0;font-weight:bold;font-size:90%;text-align:left;}
#garmentsSubmenu .leftGarmentsLink ul li {margin:0 5px 10px 5px;	}
#garmentsSubmenu .rightGarmentsContent {width:620px;border-left:gray dotted thin;float:right;padding-left:10px;}
#infrastructureHeader {margin:0;padding:0;font-size:18px;}
#infrastructureContent {margin:5px 0 10px 0;padding:0;}

/* for the fabric page machine section */
#rightSectionFabric {width:795px;float:right;top:0;right:0;display:none;}
#rightSectionFabric .machine_text_fabric {
	margin:0 20px 10px 10px;	
}
#clearFabric {
	clear:both;
	display:none;
}
#rightSectionFabric .fabricGallery {
	width:795px;
	height:auto;
	position:relative;
}
#rightSectionFabric .fabricGallery .fabricLeftLink {
	float:left;
	width:95px;
	color:#EE6557;
}
#rightSectionFabric .fabricGallery .fabricLeftLink ul {
	list-style:none;
	font-weight:bold;
	margin-left:-30px;
	margin-top:0;
}
#rightSectionFabric .fabricGallery .fabricLeftLink ul li p {
	margin:0;
	padding:0;
	line-height:1.75em;
	font-size:90%;
}
#rightSectionFabric .fabricGallery .fabricLeftLink ul li:hover {
	cursor:pointer;
	display:block;	
}

#rightSectionFabric .fabricGallery .fabricRightLink {
	float:right;
	width:660px;
	border-left:gray dotted thin;
	padding-left:15px;
}
#rightSectionFabric .fabricGallery .fabricRightLink h5, #rightSectionFabric .fabricGallery .fabricRightLink p {
	margin:5px 50px 5px 0;
	padding:0;
}

.panels {
	width:750px;
	position:relative;
	background:#EEE;
	margin-top:10px ;
	border-radius: 5px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
	-ms-box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
	-o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
}
.rightSectionOne #description {
	margin:0 15px 15px 0;	
}
#machineLinkContainer {
	width:145px;
	/*height:365px;*/
	/*background:#FCC;*/
	float:left;
	font-weight:bold;
	font-size:90%;
	
}
#machineLinkContainer ul {
	margin-left:-38px;
	margin-top:0;
}
#machineLinkContainer ul li {
	cursor:pointer;
	display:block;
	line-height:1.75em;
}

#machineLinkContainer ul li p {
	margin:6px 0;
	padding:0;
	color:#00B2C9;
}

#machineRightContent {
	width:615px;
	/*height:365px;*/
	float:right;
	height:auto;
	border-left:dotted thin gray;
	padding-left:15px;
}
#machineRightContent h5 {
	margin:0;
	color:#00B2C9;
	font-size:18px;
}
.fabricRightLink h5 {
	margin:0;
	padding:0;
	color:#EE6557;
	font-size:18px;	
}
#machineRightContent #machineContent {
	margin: 5px 15px 10px 0;
}

.contentWrapper .bodyContent .rightSection #summaryText {
	margin:5px 15px 15px 10px;	
}
.contentWrapper .bodyContent .rightSection #summaryText span {
	display:block;
	margin-bottom:12px;	
}
.others {
	left:75px;	
}

.scrollImage {
	width:30px;
	height:45px;
	background:url(_images/scroll_img.png) no-repeat top left;
	position:fixed;
	right:0;
	top:250px;
	display:none;
}

.contentWrapper .contactContainer {
	width:980px;
	height:440px;
	position:relative;
	margin:0 auto;
}
.contentWrapper .contactContainer .leftNav {
	width:375px;
	height:440px;
	float:left;
}
.foo {
	font-size: 85%;
}
.contentWrapper .contactContainer .leftNav p {
	margin:0 10px 0 0;	
}
.contentWrapper .contactContainer .rightNav {
	width:490px;
	height:430px;
	float:right;
	border: solid 5px white;
	padding:5px;
	-webkit-box-shadow: 3px 3px 5px #999, -3px -3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999, -3px -3px 5px #999;
	-ms-box-shadow: 3px 3px 5px #999, -3px -3px 5px #999;
	-o-box-shadow: 3px 3px 5px #999, -3px -3px 5px #999;
	box-shadow: 3px 3px 5px #999, -3px -3px 5px #999;
}	
.contentWrapper ul.privacy {
	margin-left:45px;
	width:88%;
}
.contentWrapper ul.sitemap li, .contentWrapper ul.privacy li {
	line-height:1.5em;
}
.contentWrapper ul.privacy li {
	text-align:justify;
	margin-top:10px;
}

.contentWrapper ul.sitemap li b {
	margin-bottom:10px;	
	font-size:110%;
	color:#333;
}
.contentWrapper ul.sitemap {
	list-style:none;	
}
.contentWrapper #linkContainer{
	width:1000px;
	height:375px;
	display:block;
	position:relative;
}
.contentWrapper #linkContainer table {
	float:right;	
}

/* this is for the machine link */
.linkHeader {
	width:745px;
	height:50px;
	background-color:#EE6557;
}
.linkHeader div {
	float:left;
	border-left:solid #f2f2f2 1px;
	position:relative;
}
.linkHeader div p {
	color:white;
	font-size:75%;
	font-weight:bold;
	text-align:center;
	display:block;
}
.linkHeader .typeOne {
	width:	81px;
	height:50px;	
}
.linkHeader .typeTwo, .linkHeader .typeThree, .linkHeader .typeFour, .linkHeader .typeFive {
	width:75px;
	height:50px;	
}
.linkHeader .typeSix, .linkHeader .typeSeven, .linkHeader .typeEight {
	width:92px;
	height:50px;
}
.linkHeader .typeNine {
	width:72px;
	height:50px;	
}

.contentWrapper .quickLink {
	margin:10px 0 0 10px;
	font-size:90%;
	color:#8C8C8C;
}
.contentWrapper .quickLink a:link, .contentWrapper .quickLink a:visited, #footer a:link, #footer a:visited, .footerBg a:link, .footerBg a:visited {
	/*color: #8C8C8C;*/
	color:#52b4e2;
	text-decoration:none;
}
.contentWrapper .quickLink a:hover {
	color:#404040;	
}
.contentWrapper h1 {
	font-size: 1.5em;
	margin:20px 0 0 10px;
	color: #333333;
}
.contentWrapper .quickLink + h3 {
	font-size:25px;
	margin-left:10px;
}
#yearHeader {
	color:red;
	font-size:30px;
	margin:15px 0 10px 10px;
}

.contentWrapper .aboutHeader {
	font-size: 1.5em;
	margin:0 0 8px 10px;
	color:#715a4c;
}
.contentWrapper .yarnHeader {
	font-size: 1.5em;
	margin:0 0 8px 10px;
	color:#00b2c9;
}
.spacer {
	width:100%;
	height:5px;
	display:block;
}

.contentWrapper .fabricHeader, .rightSectionFabric h3 {font-size: 1.5em;margin:0 0 8px 10px;color:#ee6557;}
.contentWrapper .garmentHeader {font-size: 1.5em;margin:0 0 8px 10px;color:#222627;}

.contentWrapper p {font-size: 1em;margin:10px;text-align:justify;line-height:1.5em;}
.colorBar {width:1000px;height:5px;background:#F63;margin:0 auto;}
.header {display:block;}
#container .contentContainer .allBrands {width:540px;height:170px;margin:0 0 0 430px;}
#container .contentContainer .allBrands ul {list-style:none;}
#container .contentContainer .allBrands ul li {display:inline-block;margin-right:20px;opacity: 50%;}
#container .contentContainer .allBrands ul li img {display:block;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 3px 3px 5px #fff, -2px -2px 5px #fff;-moz-box-shadow: 3px 3px 5px #fff, -2px -2px 5px #fff;-o-box-shadow: 3px 3px 5px #fff, -2px -2px 5px #fff;-ms-box-shadow: 3px 3px 5px #fff, -2px -2px 5px #fff;box-shadow: 3px 3px 5px #fff, -2px -2px 5px #fff;}
#container .contentContainer .topContent{width: 1000px;height: 260px;position: relative;}
.description {width: 620px;height: 220px;background-color: white;border-radius: 6px;opacity: .95;margin: 15px 0 0 75px;position: relative;}
.description h2 {color: #004e94;margin: 10px 0 0 25px;padding: 20px 0 0 0;}

.description p {color: black;margin: 10px 0 0 25px;width: 90%;line-height: 1.5em;font-weight:500;}

.description a.readmore {top: 155px;right: 40px;position: absolute;}
#container .contentContainer .bottomContent {width: 1000px;height: 200px;position: relative;}

#footer {width: 100%;height: 70px;margin: 10px 0 0 0;position: relative;text-align: center;font-size:90%;background-color:#000;color:white;}
.ie7 {display:none;text-align:center;color:navy;font-size:3em;margin-top:100px;}


/* for the fading effect */
#productSlideShow {position:relative;width:770px;height:350px;margin:0 auto;}
#galleryContainer, #galleryContainerYarn {width:600px;height:255px;background-color:#FFF;}
#photoShowYarn, #photoShowCbp, #photoShowOne, #photoShowTwo, #photoShowThree, #photoShowCarding, #photoShowComber, #photoShowDrawing, #photoShowRing, #photoShowSimplex, {position:relative;width:600px;height:255px;margin:0 auto;}
#photoShowYarn div, #photoShowCbp div, #photoShowOne div, #photoShowTwo div, #photoShowThree div, #photoShowCarding div, #photoShowComber div, #photoShowDrawing div, #photoShowRing div, #photoShowSimplex div, #productSlideShow div {position:absolute;z-index: 0;}
#photoShowYarn div.previous, #photoShowCbp div.previous, #photoShowOne div.previous, #photoShowTwo div.previous, #photoShowThree div.previous, #photoShowCarding div.previous, #photoShowComber div.previous, #photoShowDrawing div.previous, #photoShowRing div.previous, #photoShowSimplex div.previous, #productSlideShow div.previous {z-index: 1;}
#photoShowYarn div.current, #photoShowCbp div.current, #photoShowOne div.current, #photoShowTwo div.current, #photoShowThree div.current, #photoShowCarding div.current, #photoShowComber div.current, #photoShowDrawing div.current, #photoShowRing div.current, #photoShowSimplex div.current, #productSlideShow div.current {z-index: 2;}
table.infrastructure-table td, table.infrastructure-table th{border-bottom: thin dotted black;padding-right: 40px;text-align:left}