/*this is a comment*/

			html, body {
				background: white;
				border: 0px;
				margin: 0px;
				width: 100%;
				height: 100%;
				/*background-image:url('images/root_bg.jpg');*/
				/*background-color: #006A53 ;*/
				/* background-color: ; */
			}
			
			img {
				margin: 0px;
				padding: 0px;
				display: block;
				}
						
			div {
				margin: 0px;
				padding: 0px;
				}
				
					
			/*Page Title*/
			h1 {
				margin: 1em 0;
				margin-top: 0.3em;
				margin-right: 1em;
				color: #444444;
				color: #006A53;
				font-family: Arial, "Helvetica Neue", Helvetica , sans-serif;
				font-style: normal;
				font-weight: 700;
				font-weight: bold;
				font-size:64px;
				line-height: 68px;
				letter-spacing:-4px;
				-webkit-font-smoothing: antialiased;
				}
			
			.boldBase {
				margin: 0px;
				color: #22B573;
				color: #006A53;
				font-family: Arial, "Helvetica Neue", Helvetica , sans-serif;
				font-style: normal;
				font-weight: 500;
				/* font-weight: bold; */
				font-size:16px;
				line-height: 22px;
				letter-spacing:-0.5px;
				-webkit-font-smoothing: antialiased;
				}
   		
   		
   		.boldSub {
   			font-size:.7em;
   			}
        .boldSML {
   			font-size:12px;
				line-height: 16px;
				letter-spacing:0px;
   			}
   			
   		.boldMED {
   			font-size:26px;
   			line-height: 32px;
   			/* letter-spacing:-1.2px; */
   			}
   		
   		.boldLRG {
   			font-size:38px;
				line-height: 42px;
				letter-spacing:-2px;
   			}
   		
   		.boldXLRG {
   			font-size:52px;
				line-height: 60px;
				letter-spacing:-3px;
   			}
   			
   		.textColour1 {
   			color: #006A53;
   			}
   			
   		.textColour2 {
   			color: #20997C;
   			}
   		.textGrey {
   			color: #444444;
   			}
   		.textColour3 {
   			color: #F44A4A;
   			}
   		.textColour4 {
   			color: #444444;
   			}
        .textColour5 {
   			color: #ed4545;
            font-size: 20px;
            margin-bottom: 8px;
   			}
   		.textColourWhite {
   			color: white;
   			}
   		.textItalic {
   			font-style: italic;
   			}
        
        #coronaNotice {
            overflow: hidden;
        }
        #coronaNotice p {
			float: left;
			border: 2px solid red;
			padding: 0.5em;
		}

			p, .textList li{
				margin: 0px;
				color:  #444444;
				font-family: Arial, "Helvetica Neue", Helvetica , sans-serif;
				font-style: normal;
				font-weight: 500;
				font-size:16px;
				line-height: 22px;
				letter-spacing:0px;
				-webkit-font-smoothing: antialiased;
   		}	
			
			.lightSML {
				font-size: 12px;
				line-height: 16px;
				font-weight: 700;
				font-weight: bold;
				}
					
			.caps{
				text-transform: uppercase;
			}
			
				
/*----------------End of Fonts---------------------------------------------------*/
			
			
/*----------------Containers and layout---------------------------------------------------*/			
			
			
			.container {
				position: relative;
				padding: 0px 20px;
				clear: both;
			}
			
			.container > div {
				max-width: 1200px;
				position: relative;
				margin: 0px auto;
				overflow: hidden;
			}
			
				.containerPageTitle {
					/*background-color: #006A53;*/
					/*border-bottom-style: solid;*/
					border-color: #22B573;
					border-color:  #006A53;
					border-width: 10px;
					margin-bottom: 10em;
					}
					.containerPageTitle p {
						max-width: 1000px;
						}
					
				.homeImage {
					/* margin-top: 65px; */
					margin-bottom: 20px;
					height: 220px;
					background-image:url('images/home_header_01.jpg');
					background-repeat: no-repeat;
					background-position: center top;
					text-align: right;
					}
					.homeImage p {
						padding: 5px 10px;
						margin-bottom: 20px;
						background-color: #20997C;
						clear: both;
						float: right;
						color: white;
						/*text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); */
						}
				 
				.containerHeader {
					height: 65px;
					position: fixed;
					top: 0px;
					left: 0px;
					right: 0px;
					z-index: 50;
					/*background-image:url('images/header_BG.jpg');
					background-position: center bottom;*/
					background-color: #006A53;
					/*background-color: #20997C;*/
					}
				.containerHomeHeader {
					height: 45px;
					position: fixed;
					top: 65px;
					left: 0px;
					right: 0px;
					z-index: 50;
					background-color: #22B573;
					background-color: #006A53;
					
					}
					
				.containerFooter {
					margin-top: 40px;
					background-color: grey;
					padding-top: 10px;
					}
					
					
			
			.header {
				height: 55px;
				margin: 0px 10px;
				/*background-color: rgb(240, 240, 240);*/
				/*padding-left: 30px;*/
				overflow: visible;
			}
			.header p{
				color: white
			}
			
			.headerSpacer {
				height: 130px;
				}
			
			.left {
				float: left;
				}
				
			.right {
				float: right;
				}
			.floatClear {
				clear: both;
				}
				
			.imgFrame {
				text-align: center;
				}	
				.imgFrame img {
					width: 100%;
					height: auto;
					}
			
			.imgColumn {
				float: left;
				width: 33.3%;
				margin: 20px 0px;
				}	
				.imgColumn .imgFrame {
					margin: 10px;
					overflow: hidden;
					box-shadow: 0px 5px 10px 2px #ddd;
					aspect-ratio: 24/11;
				}
				.imgColumn img {
					height: 100%;
					object-fit: cover;
				}
				
				
				
			.infoBlock {
				clear: both;
				margin: 30px 0px;
				padding-top: 20px;
				padding-bottom: 20px;
				background-color: white;
				}
				.infoBlock .imgFrame {
					min-width: 33%;
					}
				.infoBlock .imgFrame img{
					display: inline;
					}
			
			.textBlock {
				padding: 10px 10px;
				
			}
				.textBlock p {
					position: relative;
                    margin-bottom: 1em;
					}
				.textBlock h2 {
					margin-bottom: 4px;
					}
					
			.textColumn {
				float: left;
				width: 33.3%
				}
				.textColumn .textBlock{
					margin-right: 10px;
				}
				.textColumn .imgFrame {
					margin: 10px;
					overflow: hidden;
					box-shadow: 0px 5px 10px 2px #ddd;
				}
				
				.oneThird{
					width: 33.3%;
					}
				.twoThirds{
					width: 66.6%;
					}
				.half{
					width: 50%;
					}
			
			.listBlock > div{
				padding: 20px 10px;
				}
				.listBlock h2, .listBlock a{
					padding-top: 2px;
					padding-bottom: 2px;
					display: block;
					margin-bottom: 15px;
					margin-right: 20px;
					}
			.listTab {
				background-color: #ddd;
				padding: 10px;
				margin-bottom: 2px;
				margin-right: 20px;
				}
			
					
					
			#homeTextDiv {
				/* min-height: ; */
				}
				
				#homeTextDiv h2, #homeTextDiv p {
					margin-bottom: 22px;
					/*color: #22B573;*/
					}
				
			.homeLinkLogo {
				float: right;
				display: block;
				width: 120px;
				height: 120px;
				background-image: url('images/logo_lrg.png'); 
				margin-right: 50px;
				}	
				
			.logoHome {
				float: right;
				margin-right: 50px;
				}
			
			.tileGrid {
				overflow: hidden;
				}
			
			.tileSpacer {
				clear: both;
				height: 10px;
				}	
			
			.tileDivider {
				clear: both;
				height: 4px;
				background-color: #ddd;
				margin: 40px 5px;
				}
				
			.tile {
				position: relative;
				float: left;
				}
				
				.tilePadding {
					display: block;
					background-color: white;
					margin: 5px;
					}
				.tile h2 {
					margin: 10px;
					position: relative;
                    min-height: 60px;
					}
                .otherBagTiles .tile h2 {
                    min-height: 4em;
					}
				.tileContent > p {
					padding: 10px;
					background-color: rgb(230,230,230)
					}
				.tile .textBlock {
					padding: 10px 20px;
					position: relative;
					}
					
				.tile .imgFrame {
					overflow: hidden;
					margin: 10px;
					}
					
				
					
				.tileContent {
					/*padding: 10px;*/
					box-shadow: 0px 5px 10px 2px #ddd;
					overflow: hidden;
					position: relative;
					}	
					
				.tileColourBar {
					height: 10px;
					margin: 10px 0px;
					background-color: #006A53;
					}
				
			
			.tabHolder {
				overflow: hidden;
				margin: 10px 0px;
				}
				
			.productInfoTab {
				min-width: 120px;
				width: 50%;
				float: left;
				}	
				
			.priceTab {
				background-color: #006A53;
			 }
			 	.priceTab p {
			 		color: white;
			 	}
			 	
			 .multiPriceTab {
				background-color: #20997C;
			 }
			 	.multiPriceTab p {
					color: white;
				 }
				 
			.multiPriceBTab {
				background-color: #6AC6AE;
			 }
			 	.multiPriceBTab p {
					color: white;
				 }
			
			.sizeTab {
				background-color: whitesmoke;
			 }
			 	.sizeTab p {
					color:  #F44A4A;
				 }
				 
			.bulkTab {
				background-color: #ddd;
				
			 }
			 	.bulkTab p {
					color: grey;
				 }	
			
			.bagTab {
				background-color: #ddd;
			 }
			 	.bagTab p {
					color: grey;
				 }	
			
			
			.tabTitle {
			 	font-size: 12px;
			 	line-height: 12px;
			 	padding: 8px 10px 0px 15px;
			 	}
			 	
			.price, .size {
			 	letter-spacing: -0.5px;
			 	padding: 0px 10px 4px 15px;
			 	}
			 	
			 .bulk {
			 	position: relative;
			 	padding: 6px 10px 8px 15px;
			 	}	
			 	
			 .linkArrow {
			 	display: inline;
			 	vertical-align: middle;
			 	margin-left: 5px;
			 	position: absolute;
			 	right: 5px;
			 	top: 5px;
			 }	
			 .linkArrowSML {
			 	display: inline;
			 	vertical-align: middle;
			 	position: relative;
			 	top: -1px;
			 	}	
			 
			 .tileBulk .imgFrame{
			 	max-width: 250px;
			 	margin: 0px auto;
			 	}				
					
			.tileThird {
				width: 33.333%;
				position: relative;
				}
			.tileHalf {
				width: 50%;
				position: relative;
				}
			
			.tileFull {
				width: 100%;
				position: relative;
				}
				.tileFull .imgFrame{
					width: 430px;
					/*border: 10px solid #20997C;*/
					/*margin: 10px;
					margin-left: 20px;*/
					}
				.tileFull .textBlock {
					/*max-width: 50%;*/
					}
					.tileFull h2 {
						margin-left: 0px;
					}
					.tileFull .tileContent > h2 {
						margin-left: 20px;
					}
				.tileFull .tabHolder {
					margin: 20px 0px;
					}
					.tileFull .productInfoTab {
						max-width: 50%;
						
						}
				
			#countryNtext {
				margin-top: 60px;
				}
			
			.approxNote {
				margin-top: 40px;
			}	
				
			.containerFooter p, .containerFooter h2 {
						color: white;
					}
					.copyright{
						margin: 5px;
						clear: both;
						max-width: 540px;;
						padding-top: 20px;
						position: relative;
						padding-left: 0px;
						}
						.copyright p {
							font-size: 12px;
							line-height: 16px;
						}
						
						.logoFooter {
							clear: both;
							width: 60px;
							height: 60px;
							float: left;
							margin: 5px 10px 5px 0px;
							background-image: url('images/logo_sml_w.png');
							position: relative;
							top: -10px;
						}
			
/*------------LINKS--------------	*/


				
				
			a:link, a:visited{
			 	text-decoration:none;
			 	color: #444444;;
			}	
			
			a.textLink:link, a.textLink:visited{
				color: #444444;
			}
			
							
			a.textBtn {
				position: relative;
				background-color: #ddd;
				padding: 2px 5px;
				display: inline-block;
/*                margin: 8px 0px;*/
			}
            .containerFooter .textBtn {
                margin: 8px 0px;
			}
			
			a.btnOver:hover, a.textBtn:hover {
				background-color: white;
			}	
			
			a.btnOver:hover p, a#homeLink:hover p{
				color: #006A53;
			}
			
			a#homeLink:hover p{
				color: #20997C;
			}		
			
			a.tilePadding:hover > .tileContent, a.tilePadding:hover .tileColourBar{
				background-color: #20997C; 
			}	
			
			a.tilePadding:hover p, a.tilePadding:hover h2{
				color: white;
			}	
				 
			 
/*----------------NAVIGATION---------------------------------------------------*/


			.navBtn {
				height: 20px;
				
				/*border-bottom-style: solid;*/
				border-color: lightgray;
				border-width: 1px;
				text-align: center;
				padding: 8px 12px 4px 12px;;
				margin-right: 2px;
				margin-top: 4px;
				background-color: #006A53; 
				background-color:  #20997C;
				}
			
			.navBtn p {
				color: white;
				}
			
			.btnOver, .tilePadding > .tileContent, .textBtn{
				transition: background-color .2s ease-out;
				-moz-transition: background-color .2s ease-out;
				-webkit-transition: background-color .2s ease-out;
				-o-transition: background-color .2s ease-out;
				}
			.btnOver p, .btnOver h2, .navBtn p, .tilePadding h2, .tilePadding p, #homeLink p{
				transition: color .2s ease-out;
				-moz-transition: color .2s ease-out;
				-webkit-transition: color .2s ease-out;
				-o-transition: color .2s ease-out;
				}
				
				
			#contactLink {
				margin-top: 29px;
				width: 80px;
				}
			#homeNavLink {
				margin-top: 29px;
				width: 80px;
				}
				
			.NavSecSmlBags {
				margin-right: 20px;
				}

			.containerHomeHeader p {
				color: white;
				}
			
			#phoneNo {
				margin-top: 5px;
				}
			
			.navHeading {
				padding: 2px 12px;
				padding-top: 6px;
				margin-right: 2px;
				/* text-align: ; */
				/* background-color:  ; */
				border-bottom-style:solid;
				border-color: #20997C; 
				border-width: 1px;
				}
			#headingBags {
				}
			#headingBulk {
				}



			/*--------------------MEDIA QUERIES-------------------*/
			
			
			
			
			@media all and (max-width: 950px) and (min-width: 700px) {
				.tileThird, .tileHalf {
					width: 100%;
					float: none;
					margin: 20px auto;
					}
					
				.tileThird .imgFrame, .tileHalf .imgFrame  {
					width: 55%;
					float: right;
					}
				
				.tileThird .imgFrame img, .tileHalf .imgFrame img {
					max-width: 400px;
					margin: 10px auto;
					}
				
				.tileThird .tileContent > .textBlock, 
				.tileHalf .tileContent > .textBlock, 
				.tileThird h2, .tileHalf h2, 
				.tileThird .tabHolder,
				.tileHalf .tabHolder   {
					float: left;
					width: 30%;
					}
				
				.tileThird .tabHolder,
				.tileHalf .tabHolder   {
					float: left;
					width: 40%;
					}
					
				.tileThird h2, .tileHalf h2{
					margin-top: 40px;
					}
					
				.tileThird h2, .tileHalf h2 {
					clear: both;
					}
				.tileThird .productInfoTab {
					width: 50%;
					}
				.tileBulk .imgFrame {
					max-width: none;
					}
				.tileBulk .imgFrame img{
					max-width: 250px;
					}
				
			}

			@media all and (max-width: 1100px) and (min-width: 950px){
					.tile h2 {
						font-size: 20px;
						line-height: 24px;
						letter-spacing: -1px;
					}
                    
                    
				}
				
			@media all and (min-width: 1100px) {
                .otherBagTiles .tile h2 {
/*                    min-height: 110px;*/
					}
            }

			@media all and (max-width: 950px) {
				
				.textColumn {
					width: 100%;
					}
				
				.textColumn .imgFrame{
					width: 50%;
					float: left;
					}
				}
                
			
			@media all and (max-width: 700px) {
				.tileThird, .tileHalf {
					width: 100%;
					max-width: 600px;
					float: none;
					margin: 20px auto;
					
					}
				.tileThird .imgFrame, .tileHalf .imgFrame  {
					width: 100%;
					max-width: 430px;
					margin: 5px auto;
					}
				.tileThird .productInfoTab {
					width: 50%;
					}
				.tileBulk .imgFrame {
					max-width: 250px;
					}
				
				/*.imgColumn {
					width: 100%;
					max-width: 500px;
					}
					.imgColumn .imgFrame{
						margin: 10px auto;
						}*/
						
				.textColumn {
					width: 100%;
				}
				
				.textColumn .imgFrame{
					width: 100%;
					float: none;
					}
				}
			
			
			
			@media all and (max-width: 1350px) {
				
				
				
				.expander {
					width: 100%;
					/*max-width: 1200px;*/
					float: none;
					}
			}
			
			@media all and (max-width: 820px) {
				.headerSpacer {
					height: 20px;
					}
				
				.containerHeader {
					position: static;
					height: auto;
					}
				
				.containerHomeHeader {
					position: static;
					}
				
				#contactLink {
					margin-top: 10px;
					margin-bottom: 10px;
					clear: both;
					float: left;
					}
				#homeNavLink {
					margin-top: 10px;
					margin-bottom: 10px;
					float: left;
					}
				
				.homeImage {
					margin-top: 0px;
					}
					
				.tileFull .imgFrame{
					float: none;
					max-width: none;
					width: 100%;
					}
					.tileFull .imgFrame img{
						margin: 0px auto;
						max-width: 400px;
						}
				
				.tileFull .textBlock{
					max-width: none;
					width: 90%;
					}
				
				.tileFull .productInfoTab{
					max-width: 50%;
					}
				
				#countryNtext {
					margin-top: 0px;
					}
			}