img { behavior: url(/scripts/iepngfix.htc) }

	Body {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991; Margin: 0px Auto; Background: #FFF url(images/header_background.png) Center Top Repeat-X;}

	
	#Framework {Position: Relative; Width: 787px; Margin: 0px Auto 0px Auto;}

	#HeaderContainer {Width: 787px; Margin: 0px Auto 0px Auto; Text-Align: Right;}
		#Logo {Position: Absolute; Top: 25px; Left: 0px; Z-index: 10;}
		#PageIdentifier {Margin: -1px 15px 0 0;}
		#NavBarContainer {Width: 562px; Float: Right;}

	#HomePageContainer {Position: Relative; Clear: Both; Width: 755px; Margin: 0px Auto 0px Auto; border: 0px Solid;}
	#PageContainer {Position: Relative; Clear: Both; Width: 755px; Padding-Top: 40px; Margin: 0px Auto 0px Auto; Min-Height: 375px; Height: Auto !important; Height: 375px; border: 0px Solid;}
	#ProductsPageContainer {Position: Relative; Clear: Both; Width: 755px; Padding-Top: 30px; Margin: 0px Auto 0px Auto; border: 0px Solid;}
	#ResponsibleChoicePageContainer {Position: Relative; Clear: Both; Width: 755px; Padding-Top: 15px; Margin: 0px Auto 0px Auto; border: 0px Solid;}
	#EcologoPageContainer {Position: Relative; Clear: Both; Width: 780px; Padding-Top: 40px; Margin: 0px Auto 0px Auto; border: 0px Solid;}
	#PromotionsPageContainer {Position: Relative; Clear: Both; Width: 761px; Padding-Top: 15px; Margin: 0px Auto 0px Auto; border: 0px Solid;height:478px}
	#MainContentContainer {Width: 100%; Margin: 26px Auto 0px Auto; Background-Color: #FFF;}


#GreenAwardPageContainer {Position: Relative; Clear: Both; Width: 833px; Padding-Top: 40px; Margin: 0px Auto 0px Auto; border: 0px Solid; left: -57px;}
	/*  ================   Misc Page Styles  ================  */
	#WhereToBuyContainer {Position: Relative; Background: #FFF url(images/where_to_buy_background.jpg) No-Repeat; Width: 762px; Height: 362px; Margin: 20px Auto 0px Auto;}
	#WhereToBuyContent {Position: Absolute; Top: 116px; Left: 298px; Font: Bold 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #84c34c; Width: 388px; Text-Align: Justify; Padding: 10px 0px 8px 0px;}

	#NatureCanadaContent {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991; Text-Align: Justify; Padding: 0 26px 0 0px;}
	#NatureCanadaFlashContainer {Background: url(english/images/nc_flash_background.jpg) 0px 20px No-Repeat; Width: 223px; Height: 391px;}
	#NatureCanadaFlashContainerFrn {Background: url(francais/images/nc_flash_background_frn.jpg) 0px 20px No-Repeat; Width: 223px; Height: 391px;}
	#NatureCanadaFlash {Margin: 80px 0 0 15px;}

	
	#EcologoContent {Width: 452px; Margin: 30px 0px 2px 0px; Text-Align: Justify;}
	#EcologoBottomContent {Width: 100%; Text-Align: Center;}
	#EcologoLine {Width: 780px; Margin: 20px Auto 10px Auto;  Border-Top: 1px dashed #cecdcb; Color: #FFF;}

	#ResponsibleChoiceLeftContent {Width: 331px; Text-Align: Justify; Margin: 0 0px 0 60px;}
	#ResponsibleChoiceRightContent {Width: 393px; Text-Align: Justify; Margin: 10px 0px 0 0px;}
	#ResponsibleChoiceBottomContent {Width: 631px; Text-Align: Justify; Margin: 10px 0px 0 0px;}

	/*  ================   Product Nav Styles  ================  */

	#MainProductsContent {Width: 755px; Margin: 20px 0px 0px 0; Border: 0px Solid #000000;}
	#ProductsPageContent {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991; Text-Align: Justify; Vertical-Align: Top; Padding-Top: 10px; Width: 276px; Border: 0px Solid #000000;}
	#ProductsPageContentFrn {Font: 11px/14px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991; Text-Align: Justify; Vertical-Align: Top; Padding-Top: 10px; Width: 276px; Border: 0px Solid #000000;}
	#ProductsPageContent IMG, #ProductsPageContentFrn IMG  {Margin-Bottom: 0px;}

	#ViewPackPhotosContainer {Position: Relative; Width: 294px; Height: 363px; Display: Block;}
	#ViewPackPhotos {Overflow: Hidden; Position: Absolute; Z-Index: 1000; Width: 294px; Height: 363px;}

	#ProductsNav {Margin-Top: 10px;}
	#ProductDetailsContainer {Width: 100%; Margin: 0px 0px 14px 0px;}
	
	#PackShotContainer {Padding-Top: 0px; Vertical-Align: Middle; Text-Align: Left;}
	#ProductDetailsContent {Width: 429px; Vertical-Align: Top; Text-Align: Justify;}

	#ProductHead {Margin-Top: 10px; Border-Top: 1px dashed #cecdcb;}
	#ProductDetails {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991; Text-Align: Justify; Margin: 0 0 0 0px;}
	#ProductDetails B {Font: Bold 12px/16px "Lucida Grande",Arial, Verdana; Color: #84c34c;}
	#ProductDetails I {Font: Bold 12px/16px "Lucida Grande",Arial,  Verdana; Color: #72a7f4;}

	.RollDetails {Font: 10px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991; Text-Align: Right;}

	#PackShotSizes {Margin: 15px 0px 0 0; Border: 0px Solid #000000;}

	#ProductLogos {Margin: 10px 0 0px 70px; Text-Align: Left; Border: 0px Solid #000000;}
	#ProductLogos IMG {Margin: 0px 0 0px 0px; Text-Align: Left; Border: 0px Solid #000000;}

	#ProductsBanner {Text-Align: Center; Padding: 0px Auto 0px Auto;}

	/*  ================   FAQ Page Styles  ================  */

	#FaqContentContainer {Width: 100%;}
	.FaqQuestion {Width: 535px; Font: Bold 11px/23px "Lucida Grande", Geneva, Arial, Verdana; Color: #5193ee; Margin: 0px 0px 2px 0px; Cursor: Pointer; Text-Align: Left;}
	.FaqAnswer {Width: 535px; Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Padding: 4px 10px 5px 10px; Border-Top: 1px dashed #cecdcb; Border-Bottom: 1px dashed #cecdcb; Margin: 0px 0px 0px 0px; Text-Align: Justify;}

	/*  ================   General Styles  ================  */

	HTML {Overflow: -moz-scrollbars-vertical;}
	TD {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991;}
	P {Margin-Top: 8px; Margin-Bottom: 4px;}
	TABLE {Empty-Cells: Hide; Border-collapse: Collapse;} 	

	A {FONT-WEIGHT: Bold; COLOR: #5193ee; TEXT-DECORATION: None;}
	A:hover {COLOR: #5193ee; TEXT-DECORATION: Underline}
	
	B {Font-Weight: Bold; COLOR: #84c34c;}

	IMG {Border: 0px;}
	
	A.WhereToBuyLinks {COLOR: #5193ee; TEXT-DECORATION: Underline}
	A.WhereToBuyLinks:Hover {COLOR: #5193ee; TEXT-DECORATION: Underline}
	
	FORM {Margin: 0px;}
	#CenterTable {Margin: 0px Auto 0px Auto;}
	SUP {Font: 5px "Lucida Grande", Geneva, Arial, Verdana; Vertical-Align: Top; Margin: 2px 0 0 -1px; }
	SUP.MC { Font: 6px "Lucida Grande", Geneva, Arial, Verdana; Padding-Right: 0px; Vertical-Align: Top;}

	H1 {Font: Bold 12px/18px "Lucida Grande", Geneva, Arial, Verdana; Text-Align: Center;}
	H2 {Color: #FC3EBA; Font-Weight: Bold; Font-Size: 1.2em; Text-Align: Center; Margin-Bottom: 0px;}
	H3 {Font-Weight: Normal; Font-Size: 1.1em; Margin-Top: 2px; Margin-Bottom: 2px; Line-Height: 100%; Text-Align: Left;}
	H4 {Color: #FC3EBA; Font-Weight: Normal; Font-Size: 0.9em; Margin-Top: 6px; Margin-Bottom: 1px; Line-Height: 110%;}
	.MouseType {Font: 9px/13px "Lucida Grande", Geneva, Arial, Verdana; Color: #03a2ea; Margin: 0px 0px 12px 0px; Padding-Top: 8px; Text-Align: Justify; Border-Top: 1px Dashed #cecdcb;}
	.ContactTypeIndent {Font: 9px/13px "Lucida Grande", Geneva, Arial, Verdana; Color: #03a2ea; Margin: 10px 36px 12px 36px; Padding-Top: 8px; Text-Align: Justify; Border-Top: 1px Dashed #cecdcb;}

	.PromoMouseTypeBlueRight {Font: 9px/11px "Lucida Grande", Geneva, Arial, Verdana; Color: #03a2ea; MARGIN: 5px 0px 5px 0px; Text-Align: Right;}
	.PromoMouseTypeBlueRight A {Color: #03a2ea;}
	.PromoMouseTypeBlue {Font: 9px/11px "Lucida Grande", Geneva, Arial, Verdana; Color: #03a2ea; Margin: 5px 10px 0px 0px; Text-Align: Left;}
	.PromoMouseTypeBlue A {Color: #03a2ea;}


	/*  ================   Footer Styles  ================  */
	
	
	#FooterContainer {Clear: Both; Margin: 0px Auto 0px Auto; Background: #FFFFFF url(images/grass_background.png) Left Bottom Repeat-X; Text-Align: Center;}
	#HomeFooterContainer {Clear: Both; Margin: 0px Auto; Background: #FFFFFF url(images/grass_background.png) 0 Bottom Repeat-X; Text-Align: Center;}

		#divASContainer {Position: Relative; Overflow: Hidden; Width: 751px; Clip: Rect(0px 751px 185px 0px); Height: 185px; BORDER-Color: #84c34c; Border-Style: Double; Background-Color: #FFFFFF;}
		html>body #divASContainer {Height: 185px; Background-Color: #FFFFFF;} 
		#contentLayer {Position: Relative; Background-Color: #FFFFFF}
	
	#Footer {Width: 739px; Margin: 0px Auto 0 Auto; Text-Align: Left;}
	#FooterLinks {Font: 9px/18px "Lucida Grande", Geneva, Arial, Verdana; Color: #84c34c; Vertical-Align: Top; Padding: 30px 0 0 0;}
	#FooterLinks A {Margin: 0px 10px 0px 0px; Color: #84c34c;}
	#FooterLinks2 {Font: 9px/18px "Lucida Grande", Geneva, Arial, Verdana; Color: #84c34c; Vertical-Align: Top; Padding: 30px 0 0 0;}
	#FooterLinks2 A {Margin: 0px 0px 0px 0px; Color: #84c34c;}

	#Propeller {Font: 9px/18px "Lucida Grande", Geneva, Arial, Verdana;  Color: #7e8991; Padding: 14px 0 10px 0;}
	#Propeller A, #Propeller A:Hover  {Font: 9px/18px "Lucida Grande", Geneva, Arial, Verdana; Color: #7e8991	; Text-Decoration: None;}

	

