/*	redefine
	----------------------------------------	*/

	html, body { height:100%; }

	body {
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;
		font-weight:bold; line-height:16px;
	}
	
	
	a { color:#fff; cursor:pointer; text-decoration:underline!important; }
	a:hover { text-decoration:none; }
	
	p {
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;
		font-weight:bold; line-height:16px;
		margin:0 0 12px 0;
	}


/*	shell
	----------------------------------------	*/
	
	#bg_wrapper {
		/*height:1152px;*/
		height:100%; width:100%;
		min-height:800px;
		display:block;
		position:fixed; z-index:1;
		overflow:hidden;
	}
	
	#bg_img { width: 100%; }
	
	.main_wrapper {
		position:absolute; z-index:10;
		width:946px;/* height:680px;*/
		overflow:hidden;
		top:20px; left:50%;
		margin-left:-473px;
	}
	
	
	
/*	accordion
	----------------------------------------	*/

	.accordion_wrapper {
		width:1150px;
	}	
	


	#accordion { 
		width:946px;
		display:none;
		overflow:hidden;
	}
	
	.container {
	}
	.container ul{
		/*list-style-type:none;*/
	}
	.container li{
		display:inline;
	}

	.contentContainer {
		float:left;
		width:0; height:500px;	
		overflow:hidden;
	}
	.contentWrapper{
		/*float:left;*/
	}

	.handle {
		float:left;
		width:35px; height:500px;
		cursor:pointer;
		color:#fff;
	}
	
	.handleOver{}
	.handleSelected{}


	#frontpage, #frontpage .handle { color:#000; background:#ccc; }
	
	#accordionContent0 { color:#999; background:#fff; }
		#accordionListItem0 .handle { width:0px; overflow:hidden; color:#999; background:#fff url(../img/a_corporate-overview.gif) no-repeat; }
	#accordionContent1 { color:#999; background:#fff; }
		#accordionListItem1 .handle { color:#999; background:#fff url(../img/a_corporate-overview.gif) no-repeat; }
	#accordionContent2 { background:#016bb7; }
		#accordionListItem2 .handle { background:#016bb7 url(../img/a_4-pillars.gif) no-repeat; }
	#accordionContent3 { background:#9fc037; }
		#accordionListItem3 .handle { background:#9fc037 url(../img/a_environmental-sustainability.gif) no-repeat; }
		
	/* orange - employees */
	#accordionContent4 { background:#f88f22 ; }
		#accordionListItem4 .handle { background:#f88f22  url(../img/a_employment-practices.gif) no-repeat; } /* */
	/* pink - communities */
	#accordionContent5 { background:#e0396d; } /*  */
		#accordionListItem5 .handle { background:#e0396d url(../img/a_community-investment.gif) no-repeat; }
		
	#accordionContent6 { background:#169cd9; }
		#accordionListItem6 .handle { background:#169cd9 url(../img/a_corporate-governance.gif) no-repeat; }
	#accordionContent7 { background:#898f36; }
		#accordionListItem7 .handle { background:#898f36 url(../img/a_contact.gif) no-repeat; }
	
	
	
	.contentInnerWrapper {
		padding:10px 16px;
		height:480px;
	}

	

/*	headlines
	----------------------------------------	*/
	
	.contentInnerWrapper h2 {
		text-indent:-9999px;
		height:22px;
		margin:15px 0 15px 0;
	}
	
	#accordionContent1 h2 { background:url(../img/h2_company-overview.gif) no-repeat; }
	#accordionContent2 h2 { background:url(../img/h2_4pillars.gif) no-repeat; }
	#accordionContent3 h2 { background:url(../img/h2_environment.gif) no-repeat; }
	#accordionContent4 h2 { background:url(../img/h2_employees.gif) no-repeat; }
	#accordionContent5 h2 { background:url(../img/h2_community.gif) no-repeat; }
	#accordionContent6 h2 { background:url(../img/h2_corp-gov.gif) no-repeat; }
	#accordionContent7 h2 { background:url(../img/h2_contact.gif) no-repeat; }

/*	content
	----------------------------------------	*/
	
	#accordionContent0 .contentInnerWrapper {
		background:url(../img/photo_home.jpg) no-repeat;
	}

	
	#accordionContent1 .contentInnerWrapper p {
		 color:#636466;
	}
	
	#accordionContent1 .contentInnerWrapper a {
		 color:#006BB7;
	}
	

	.contentInnerWrapper ul {
		margin:0 0 15px 6px;
		color:#fff;
	}

	.contentInnerWrapper ul li {
		background:url(../img/bullet1.png) no-repeat 0 5px;
		padding:0 0 0 9px; margin:0 0 8px 0;
		color:#fff;
		display:block;
	}
	
	div.graphic {margin:0 0 15px 0;}
	
	
	p.highlight {
		background:#fff;
		color:#333; /* 006ABB */
		padding:10px;
	}
	
	span.big { font-size:18px; }
	/**html div.graphic { display:none;}*/
	
	#a_home { 
		background:#8B8F30 url(../img/a_home.gif) no-repeat 12px 6px;
		width:35px; height:60px; display:block;
		text-indent:-9999px;
		position:absolute; z-index:10000;
		top:435px; left:910px;
	}
	
	#tiles .colsplit { float:left; width:300px; }
	#tiles .colsplit:first-child { margin-right:50px;}
	
	#tiles  p { margin-bottom:0;  }
	#tiles  ul { }
	#tiles  ul li { margin-bottom:0; padding-bottom:0;margin-left:10px;border:1px solid #e0396d;  }
	
	
	
/*	footer
	----------------------------------------	*/
	
	#footer {
		background:#fff url(../img/bg_footer.gif) repeat-x ;
		height:80px; width:945px;
		overflow:hidden;
	}
	
	#footer h1 {
		float:left;
		width:200px; height:64px;
		margin:8px 0 0 17px;
	}
	
	#footer h1 a {
		background:url(../img/h1_gildan.gif) no-repeat;
		width:200px; height:64px;
		text-indent:-9999px; display:block;
	}
	
	#footer p {
		background:url(../img/footer_animation.gif) no-repeat center;
		width:341px; height:60px;
		overflow:hidden;
		text-indent:-9999px;
		float:left;
		margin:8px 0 0 60px;
	}
	
	
	#a_ccr {
		background:url(../img/a_ccr2010.jpg) no-repeat;
		font-size:10px; line-height:14px; font-weight:normal;
		width:100px; height:60px;
		display:block;
		float:right;
		margin:11px 20px 0 0; padding:0 0 0 72px;
		color:#777; text-transform:uppercase;
	}
	
	#copyright {
		/*height:80px; width:945px;*/
	}
	
	#copyright p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		text-align:right;
	}
	
/*	PrettyPopin
	---------------------------------------- */
	
	#overlay{background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%}
	.prettyPopin{display:none;overflow:hidden;position:absolute;z-index:11000;top:50%;left:50%;/*background:url(../img/popinLeft.gif) bottom left no-repeat*/}
	
	.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:37px;right:32px;width:16px;height:16px;text-indent:-10000px;background:url(../img/b_close.png) bottom left no-repeat}
		*html .prettyPopin a#b_close{background:url(../img/b_close.gif) bottom left no-repeat; }
	
	.prettyPopin .prettyContent{position:relative;width:100%;height:100%;/*font-size:1.2em;background:url(../img/popinRight.gif) bottom right no-repeat*/}
	.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 15px 15px 15px}
	.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px}
	
	/*	custom 	*/
	.popin_wrapper {
		background-color:#000;
		padding:10px;
		/*width:300px;*/
		-webkit-border-radius:13px; -moz-border-radius:13px;
	}
	
	.popin {
		background-color:#fff;
		padding:16px;
		-webkit-border-radius:9px; -moz-border-radius:9px;
		color:#666;
		position:relative;
	}
	
	.popin h2 { margin-bottom:8px; }
	.popin p { color:#999; }
	
	.popin a { color:#333; }


	.popin ul {
		margin:16px 0 15px 36px;
		color:#fff;
		float:left;
	}

	.popin ul li {
		background:url(../img/bullet2.png) no-repeat 0 5px;
		padding:0 0 0 9px; margin:0 0 8px 0;
		color:#fff;
		display:block;
	}

	a.a_pdf {
		background:url(../img/adobe-pdf.gif) no-repeat;
		width:85px; height:85px;
		display:block;
		padding-top:90px; font-size:9px;
		float:left;
	}
	
	
/*	CSR
	---------------------------------------- */
	
	a.a_prev {  
		position:absolute; top:16px; left:16px;
		width:300px; height:600px;
		display:block;
		text-indent:-9999px;
	}
	
	a.a_next {  
		position:absolute; top:16px; left:316px;
		width:300px; height:600px;
		display:block; 
		text-indent:-9999px;
	}
	
	a.a_prev:hover { background:url(../img/a_prev.png) no-repeat left 80px; }
	a.a_next:hover { background:url(../img/a_next.png) no-repeat right 80px; }
	
	
	#transport { padding:10px 0 0 0; text-align:center; }
	
	.csr_links { 
		-webkit-border-radius:5px; -moz-border-radius:5px;
		height:18px; 
		display:block;
		float:left;
		margin:0 4px; padding:0 0 0 5px;
		line-height:18px; font-size:10px; text-transform:uppercase;
		text-decoration:none!important;
	}
	*html .csr_links {margin:0 3px; }
	
	a.environment { background-color:#A4BD00; width:92px; }
	a.employees { background-color:#f79022; width:81px; }
	a.community { background-color:#e0396f; width:88px; }
	a.company { background-color:#009CE0; width:131px; margin-left:8px; }
	a.next { background-color:#fff; color:#000; width:50px; text-align:right; padding:0 5px 0 0; }
	a.prev { background-color:#fff; color:#000; width:50px;}
	span.next { background-color:#ccc; color:#666; float:right; width:50px; text-align:right; padding:0 5px 0 0; }
	span.prev { background-color:#ccc; color:#666; width:50px;}
	
	div.chapters { width:580px; margin:0 auto; }
	
	a.csr_links:hover { text-decoration:underline!important; } 
	
	
/*	Other/ Hacks
	---------------------------------------- */

	.debug { border:1px solid pink; }
	.bgbug { background-color:cyan; }
	
	.left { float:left; }
	.right { float:right; }
	
	.inline { display:inline; }
	
	.hide { display:none; }

	/*	clearfix	*/
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	
	.clearfix {
		display: inline-block;
	}
	
	html[xmlns] .clearfix {
		display: block;
	}
	
	* html .clearfix {
		height: 1%;
	}


	/*----	png fix for ie6	----*/
	/** html img,*/
	* html .png {
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}