/*****************/
/**** COOKIE POLICY PAGE ****/
/*****************/
.infoTopLinks
{
	float:left;
	margin:0px 0 10px 10px;
	width:100%;
}
.infoTopLinks li
{
	padding:2px 0 2px 0;
	list-style:disc;
}
.infoTopLinks li a:link, .infoTopLinks li a:visited
{
	font-size:14px;
	line-height:24px;
	color:#7D864F;
	text-decoration:none;
}
.infoTopLinks li a:hover
{
	color:#000000;
	text-decoration:underline;
}
.infoList
{
	float:left;
	width:90%;
	clear:both;
	margin:4px 0 10px 0;
}
.infoList li
{
	padding:2px 0 2px 0;
	font-size:12px;
	color:#444444;
	line-height:17px;
}
.infoList a:link, .infoList a:visited
{
	font-size:12px;
	color:#5A9542;
	text-decoration:none;
}
.infoList a:hover
{
	color:#000000;
	text-decoration:underline;
}
.cookieTable
{
	float:left;
	width:100%;
	border:solid 1px #DDDDDD;
	padding:5px;
	margin:0 0 10px 0;
}
.cookieTable .head
{
	font-size:16px;
	color:#000000;
	padding:12px 5px 12px 5px;
	background:#EEEEEE;
}
.cookieTable td
{
	font-size:12px;
	color:#222222;
	line-height:17px;
	padding:6px;
	border-bottom:solid 1px #DDDDDD;
}
.anchor
{
	clear:both;
	width:100%; 
	position:realtive;
}
/*****************/
/**** SITEMAP PAGE ****/
/*****************/
.sitemapBlock
{
	width:100%;
	overflow:hidden;
}
.sitemapBlock .head
{
	font-size:20px;
	color:#444444;
	margin:0 0 6px 0;
	padding:5px 5px 5px 5px;
	background:#EEEEEE;
	border-top:dotted 1px #DDDDDD;
	border-bottom:dotted 1px #DDDDDD;
}
.sitemapBlock .head a:link, .sitemapBlock .head a:visited {color:#444444;text-decoration:none;}
.sitemapBlock .head a:hover {color:#000000; text-decoration:underline;}
.catBlock
{
	overflow:hidden;
	float: left;
	width:100%;
	overflow:hidden;
	padding:4px 8px 8px 0;
	border-bottom:solid 2px #FFFFFF;
}
.innerCatBlock
{
	overflow:hidden;
	float: left;
	width:184px;
	overflow:hidden;
	padding:0px 23px 0px 6px;
}
.catBlock .mainCat
{
	font-size:12px;
	color:#666666;
	width:100%;
	padding:2px 0 2px 0px;
	overflow:hidden;
}
.catBlock .mainCat a:link, .catBlock .mainCat a:visited
{
	font-size:14px;
	color:#444444;
	font-weight:bold;
	width:100%;
	text-decoration:none;
}
.catBlock .mainCat a:hover
{
	color:#5C8927;
	text-decoration:underline;
}
.catBlock .subCat
{
	font-size:12px;
	color:#666666;
	width:100%;
	padding:4px 0 2px 0px;
	overflow:hidden;
}
.catBlock .subCat a:link, .catBlock .subCat a:visited
{
	font-size:12px;
	color:#666666;
	width:100%;
	text-decoration:none;
}
.catBlock .subCat a:hover
{
	color:#5C8927;
	text-decoration:underline;
}
/*****************/
/**** CLUB PAGE ****/
/*****************/
.clubBuyWrapper
{
	float:left;
	width:500px;
	padding:6px;
	border:solid 2px #EEEEEE;
}
.clubBuyWrapper .price
{
	float:left;
	width:50%;
	font-size:16px;
	color:#000000;
	padding:20px 0 0 20px;
}
.clubBuyWrapper .price span {color:#CC0000;font-weight:bold;}
/*****************/
/**** CATALOGUE REQUEST PAGE ****/
/*****************/
.catalogueWrapper
{
	float:left;
	width:100%;
}
.catalogueWrapperInner
{
	float:none;
	margin:10px auto 20px auto;
	width:700px;
	padding:20px;
	border:solid 10px #EEEEEE;
	overflow:hidden;
}
	.catalogueWrapperInner .catalogueImage
	{
		float:left;
		width:200px;
		height:292px;
		background:url(../images/common/catalogue_shadow.jpg);
		background-position:bottom;
	}
	.catalogueWrapperInner .catalogueTextWrapper
	{
		float:left;
		width:420px;
		margin:0 0 0 40px;
	}
	.catalogueWrapperInner .catalogueTextWrapper .head
	{
		float:left;
		width:100%;
		text-align:center;
		font-size:22px;
		color:#7D864F;
		padding:0 0 10px 0;
		margin:0 0 20px 0;
		border-bottom:solid 1px #EEEEEE;
	}
	.catalogueWrapperInner .catalogueText
	{
		float:left;
		width:100%;
		text-align:center;
		font-size:16px;
		color:#444444;
		line-height:30px;
		margin:0 0 20px 0;
	}
	.catalogueWrapperInner .catalogueText a:link, .catalogueWrapperInner .catalogueText a:visited {color:#7D864F;font-weight:bold;}
	.catalogueWrapperInner .catalogueText a:hover {color:#000000;}
/*****************/
/**** PLANT CARE PAGE ****/
/*****************/
.pcTopLinks
{
	margin:10px 0 0 40px;
	padding:0px;
}
	.pcTopLinks li
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		line-height:16px;
		margin:0 0 10px 0;
	}
	.pcTopLinks li a:link, .pcTopLinks li a:visited {color:#000000; text-decoration:none;}
	.pcTopLinks li a:hover {color:#7D864F;}
	.pcTopLinks li span
	{
		font-size:12px;
		color:#444444;
		font-style:italic;
		font-weight:normal;
	}
.pcSubHead{font-size:14px; color:#222222; font-weight:bold;}
.emailLabel
{
	float:left;
	width:180px;
	font-size:14px;
	font-style:italic;
	padding:10px 0 10px 0;
}
.emailInfo
{
	float:left;
	width:400px;
	font-size:14px;
	padding:10px 0 10px 0;
}
.emailInfo a {color:#7D864F;}
.pcHeading
{
	float:left;
	width:100%;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	margin:16px 0 8px 0;
}
.pcSubHeading
{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:16px 0 8px 0;
}
.pcInfoList
{
	float:left;
	width:100%;
	margin:2px 0 10px 30px;
	font-size:12px;
	line-height:18px;
	color:#444444;
}
	.pcInfoList li
	{
		width:90%;
	}
	.pcInfoList .pcInfoLeft
	{
		float:left;
		width:170px;
		font-weight:bold;
	}
	.pcInfoList .pcInfoRight
	{
		float:left;
		width:400px;
	}
.pcTable
{
	float:left;
	width:70%;
	margin:10px 0 10px 0;
	bordeR:solid 1px #CCCCCC;
}
	.pcTable .pcTableHeading
	{
		background:#CCCCCC;
		font-size:14px;
		font-weight:bold;
		padding:10px;
	}
	.pcTable .subHeadColumn
	{
		text-align:center;
		font-size:14px;
		font-weight:bold;
		color:#000000;
		border-bottom:dotted 1px #AAAAAA;
	}
	.pcTable .dataColumn
	{
		text-align:left;
		font-size:12px;
		color:#444444;
		line-height:18px;
		padding:10px;
		border-bottom:dotted 1px #AAAAAA;
		border-left:dotted 1px #AAAAAA;
	}
/*****************/
/**** MONTHLY JOBS PAGE ****/
/*****************/
.monthsWrapper
{
	position:realtive;
	text-align:center;
}
.monthsWrapper h1, .monthsWrapper p {text-align:left;}
.monthsBoxWrapper
{  
	float:none;
	width:268px;
	height:298px;
	margin:0 auto 10px auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border:solid 3px #FFFFFF;
	position:relative;
	display:inline-block;
}
	.monthsBoxWrapper.right {float:right;margin:0 0 10px 0;}
	.monthsBoxWrapper:hover 
	{
		background:#F2F2F2;
		border:solid 3px #7D864F;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.monthLink {text-decoration:none;}
	.monthsBox
	{
		float:left;
		width:246px;
		height:276px;
		background:#FFFFFF;
		border:solid 1px #E6E6E6;
		padding:10px;
	}
	.monthsBox .imgWrapper
	{
		float:none;
		margin:auto auto;
		position:relative;
		width:240px;
		height:251px;
		background:url(../images/frontpage/featured_img_shadow.png);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	.monthsBox .imgWrapper img {width:240px; height:240px;}
	.monthsBox:hover .imgWrapper img {opacity:0.7;}
	.monthsBox .title
	{
		float:left;
		width:100%;
		height:28px;
		text-align:center;
		color:#222222;
		font-size:18px;
		line-height:18px;
		padding:0px 0 10px 0;
	}
/*****************/
/**** MONTH PAGE ****/
/*****************/
.monthLeftWrapper
{
	float:left;
	width:68%;
	border-right:solid 1px #EEEEEE;
	border-bottom:solid 1px #EEEEEE;
	padding:0 60px 0 0;
	margin:10px 0 0 0;
}
	.pomWrapper
	{
		float:left;
		width:100%;
		padding:0 0 20px 0;
		border-bottom:solid 2px #EEEEEE;
		margin:0 0 20px 0;
	}
	.pomLeft
	{
		float:left;
		width:490px;
	}
	.monthLeftWrapper .monthProdImg
	{
		float:right;
		width:240px;
	}
	.monthLeftWrapper p
	{
		float:left;
		width:100%;
		font-size:13px;
		color:#444444;
		line-height:18px;
	}
.monthRightWrapper
{
	float:right;
	width:20%;
	overflow:hidden;
	margin:10px 0 0 0;
}
	.monthRightWrapper .monthHead
	{
		float:left;
		width:100%;
		text-align:left;
		background:#4F3F4C;
		padding:16px 0 16px 14px;
		color:#FFFFFF;
		font-size:18px;
		line-height:18px;
		border-bottom:solid 1px #FFFFFF;
	}
	.monthRightWrapper .month
	{
		float:left;
		width:100%;
		text-align:left;
		background:#DDDDDD;
		padding:14px 0 14px 14px;
		color:#4F3F4C;
		font-size:15px;
		line-height:15px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		border-bottom:solid 1px #FFFFFF;
	}
	.monthRightWrapper .month:hover
	{
		background:#7D864F;
		color:#FFFFFF;
		padding:14px 0 14px 30px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		border-bottom:solid 1px #888888;
	}
	.monthRightWrapper .month.on 
	{
		background:#7D864F;
		color:#FFFFFF;
		padding:14px 0 14px 30px;
	}
/*************************/
/**** ERROR 404 ****/
/*************************/
.e404Section1
{
	float:left;
	position:relative;
	width:100%;
	margin:20px 0 0 0;
}
	.e404Section1 .left
	{
		float:left;
		width:38%;
	}
	.e404Section1 .left img {margin:10px 0 20px 70px;}
	.e404Section1 .right
	{
		float:right;
		width:60%;
	}
		.e404h1
		{
			float:left;
			width:100%;
			text-align:left;
			color:#564552; 
			font-size:38px;
			margin:0 0 0 0;
			letter-spacing:2px;
			border:none;
		}
		.e404subHead
		{
			float:left;
			margin:20px 0 0 0;
			width:96%;
			text-align:left;
			font-size:24px;
			line-height:30px;
			color:#555555;
		}
		.e404subSubHead
		{
			float:left;
			margin:8px 0 0 0;
			width:96%;
			text-align:left;
			font-size:16px;
			font-style:italic;
			line-height:20px;
			color:#555555;
		}
		.e404subSubHead a{color:#7D864F;}
		.e404subSubHead a:hover{color:#000000;}
.e404Section2
{
	float:left;
	width:100%;
	border-top:solid 1px #EEEEEE;
	margin:16px 0 16px 0;
	padding:10px 0 0 0;
	text-align:center;
}
	.e404linkHead
	{
		float:left;
		margin:0 0 14px 20px;
		width:100%;
		text-align:center;
		font-size:28px;
		font-weight:bold;
		line-height:36px;
		color:#564552;
	}
	.e404Section2 a
	{
		display:inline-block;
		width:232px;
		font-size:14px;
		background:#7D864F;
		color:#FFFFFF;
		border:solid 4px #7D864F;
		padding:12px 10px 12px 10px;
		text-decoration:none;
		margin:0 6px 6px 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.e404Section2 a:hover
	{
		background:#564552;
		color:#FFFFFF;
		border:solid 4px #DDDDDD;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
/*****************/
/**** VIDEO PAGE ****/
/*****************/
.videoMenu
{
	float:left;
	width:22%;
	overflow:hidden;
	margin:10px 0 0 0;
}
.videoFilterHead
{
	float:left;
	width:96%;
	text-align:left;
	background:#AAAAAA;
	padding:14px 0 14px 14px;
	color:#FFFFFF;
	font-size:16px;
	line-height:16px;
	border-bottom:solid 1px #FFFFFF;
}
.videoFilterBlock
{
	float:left;
	width:100%;
	background:#EEEEEE;
	margin:0 0 20px 0;
	padding:4px 0 0 0;
}
.videoMenuItem
{
	float:left;
	width:100%;
	margin:0px;
	padding:8px 0 8px 0;
	position:relative;
}
.videoMenuItem.selected, .videoMenuItem:hover {background:#DDDDDD;}
.videoMenuItem .icon
{
	float:left;
	display:inline-block;
	width:28px;
	height:24px;
	margin:0 0 0 10px;
	background:url(../images/category/checks.png?v=2) no-repeat 0 0;
}
.videoMenuItem .icon.selected 
{
	background-position:0 -48px;
}
.videoMenuItem .labelText
{
	float:right;
	width:82%;
	padding:3px 0 0 0;
	line-height:18px;
	font-size:14px;
}
.videoMenuItem .labelText span {font-size:12px;color:#7D864F;}
.videoFilterBlock a:link, .videoFilterBlock a:visited {color:#666666;text-decoration:none;}
.featuredVideosWrapper
{
	float:right;
	width:76%;
	margin:10px 0 0 0;
}
.featuredVideosWrapper h2
{
	font-size:20px;
	color:#444444;
}
.featuredVideosWrapper .topVideoText
{
	float:left;
	width:100%;
	font-size:13px;
	line-height:20px;
	color:#444444;
	margin:0 0 10px 0;
}
.videoBox
{
	float:left;
	width:260px;
	height:420px;
	background:#F8F8F8;
	margin:0 10px 18px 0;
	border:solid 1px #DDDDDD;
	outline:solid 4px #FFFFFF;
	display:block;
}
.videoBox.guides {height:270px;}
.videoBox:hover 
{
	outline:solid 4px #7D864F;
	background:#F4F4F4;
}
.videoBox .vidImage
{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
.videoBox .vidImage .vidPlayIcon
{
	position:absolute;
	top:50%;
	left:50%;
	width:90px;
	height:90px;
	margin-top:-45px; 
	margin-left:-45px;
	opacity:0.8;
}
.videoBox .vidImage:hover .vidPlayIcon {opacity:1;}
.videoBox .vidTextWrapper
{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
	border-top:solid 6px #7D864F;
}
.videoBox:hover .vidTextWrapper {border-top:solid 6px #4B443B;}
.videoBox .title
{
	float:none;
	width:90%;
	height:32px;
	text-align:center;
	font-size:17px;
	line-height:20px;
	color:#222222;
	margin:auto auto;
	padding:2px 0 14px 0;
}
.videoBox .text
{
	float:none;
	width:90%;
	text-align:center;
	font-size:14px;
	line-height:20px;
	color:#666666;
	margin:auto auto;
	padding:2px 0 6px 0;
}
.videoBox .rating
{
	float:left;
	width:100%;
	text-align:center;
	padding:16px 0 16px 0;
	font-size:12px;
	color:#444444;
}
.videoBox .more
{
	clear:both;
	float:none;
	width:60%;
	margin:auto auto;
	text-align:center;
}
.videoBox .more .moreInfo 
{
	width:100%;
	text-align:center;
	padding:16px 0 16px 0;
	background: -webkit-linear-gradient(#F7E1A7, #EDBA3A); 
	background: -o-linear-gradient(#F7E1A7, #EDBA3A);
	background: -moz-linear-gradient(#F7E1A7, #EDBA3A);
	background: linear-gradient(#F7E1A7, #EDBA3A);
	border:solid 1px #99710D;
	margin:16px 0 0 0;
	font-size:16px;
	color:#5C4507;
	text-decoration:none;
	display:block;
	transition: all 0.3s ease 0s;
}
.videoBox .more .moreInfo:hover
{
	background:#7D864F;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	outline:#DDDDDD solid 4px;
}
.videoPopup
{
	border:solid 2px #5A4A57;
	background-color:#FFFFFF;
	width:620px;
	z-index:999;
	position:fixed;
	left:0;
	display:none;
	padding:16px;
	top: 50%;
	left: 50%;
	margin-top: -175px; 
	margin-left: -310px;
}
.videoPopup .close
{
	position:absolute;
	width:50px;
	height:50px;
	top:-20px;
	right:-20px;
	cursor:pointer;
}
.videoIframe
{
	width:620px;
	height:350px;
}
/*****************/
/**** BLOG PAGE ****/
/*****************/
.blogFrame
{
	width:100%;
	height:1000px;
}
/*****************/
/**** ABOUT PAGE ****/
/*****************/
.aboutUsLogos
{
	float:left;
	width:180px;
	text-align:center;
	margin:0 10px 10px 0;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	line-height:14px;
}
.aboutUsLogos img
{
	width:100%;
	height:auto;
	margin:0 0 4px 0;
}
.aboutUsLogos span
{
	font-weight:normal;
	color:#888888;
	font-style:italic;
}
.aboutVideoIframe
{
	float:left;
	clear:both;
	width:640px;
	height:370px;
}
/******************************************/
/**** CUSTOMER SERVICES ****/
/******************************************/
h1.cs 
{
	text-align:center;
	font-size:38px;
	color:#222222;
	border:none;
	font-weight:normal;
	letter-spacing:3px;
	margin:20px 0 30px 0;
}
h1.cs.join 
{
	margin:20px 0 20px 0;
}
h1.cs.unsubscribe
{
	margin:35px 0 15px 0;
} 
h2.cs 
{
	text-align:center;
	font-size:18px;
	color:#444444;
	border:none;
	font-weight:normal;
	letter-spacing:0.5px;
	margin:0 0 20px 0;
}
h2.cs.code
{
	margin:0 0 10px 0;
}
h3.cs, h3.tp
{
	text-align:center;
	font-size:18px;
	line-height:20px;
	color:#444444;
	border:none;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
h3.tp
{
	margin:40px 0 60px 0;
}
.cmsText
{
	float:none;
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:22px;
	color:#666666;
	margin:auto auto;
}
.cmsText.form
{
	margin:0 auto 0 auto;
}
.cmsText p
{
	float:left;
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:24px;
	color:#666666;
	margin:0 0 18px 0;
}
.cmsText p b
{
	color:#444444;
}
.cmsText a
{
	color:#444444;
}
.cmsText ul
{
	float:left;
	width:98%;
	margin:0 0 18px 2%;
}
p.cs
{
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:22px;
	color:#666666;
	margin:0 0 20px 0;
}
.csWrapper
{
	float:none;
	margin:10px auto 20px auto;
	width:80%;
	clear:both;
	padding:0 0 30px 0;
	overflow:hidden;
}
.csWrapper .quickLinksWrapper
{
	float:none;
	width:94%;
	border-radius:10px;
	background:#EBEBEB;
	padding:40px 5px 50px 5px;
	margin:0 auto 40px auto;
	overflow:hidden;
}
.csWrapper .quickLinksWrapper h2
{
	font-size:22px;
	font-weight:normal;
	color:#444444;
	text-align:center;
	letter-spacing:1px;
}
.csWrapper .quickLinksWrapper .link
{
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#888888;
	margin:20px 0 0 0;
}
.csWrapper .quickLinksWrapper .link a
{
	color:#888888;
	letter-spacing:1px;
}
.csWrapper .quickLinksWrapper .link a:hover
{
	color:#000000;
}
.csWrapper .accordionBlock
{
	float:none;
	margin:auto auto;
	width:96%;
	border-top:solid 1px #DDDDDD;
	overflow:hidden;
}
.csWrapper .accordionBlock .csHeading
{
	float:left;
	width:100%;
	font-size:17px;
	color:#000000;
	padding:30px 10px 30px 20px;
	position:relative;
	cursor:pointer;
}
.csWrapper .accordionBlock .csHeading .head
{
	float:left;
	float:left;
	width:100%;
	font-size:17px;
	color:#444444;
	position:relative;
	cursor:pointer;
}
.csWrapper .accordionBlock .csHeading .subhead
{
	float:left;
	width:100%;
	font-size:14px;
	color:#777777;
	font-style:italic;
	position:relative;
	cursor:pointer;
}

.csWrapper .accordionBlock .csHeading .icon
{
	position:absolute;
	top:30px;
	right:50px;
}
.csWrapper .accordionBlock .csHeading .icon .block-open, .csWrapper .accordionBlock .csHeading .icon .block-close
{
	display:none;
}
.csWrapper .accordionBlock .csHeading .icon .block-open.active, .csWrapper .accordionBlock .csHeading .icon .block-close.active
{
	display:block;
}
.csWrapper .accordionBlock .accordionInner
{
	float:left;
	width:100%;
	padding:0 0 10px 0;
	display:none;
}
.accordionInner-block
{
	float:left;
	width:100%;
	padding:0 0 10px 0;
	display:none;
}
.accordionInner.left
{
	float:left;
	width:98%;
	margin:0 0 0 2%;
}
.accordionInner .left.fullWidth
{
	margin:0 0 0 2.4%;
	width:97%;
	font-size:13px;
	color:#666666;
	line-height:20px;
}
.accordionInner .option
{
	float:left;
	width:98%;
	background:#EBEBEB;
	border-radius:10px;
	font-size:14px;
	color:#444444;
	letter-spacing:1px;
	padding:20px 0 20px 2%;
	margin:0 0 14px 0;
	cursor:pointer;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	position:relative;
}
.csWrapper .accordionBlock .option .icon
{
	position:absolute;
	top:22px;
	right:14px;
	font-size:17px;
}
.csWrapper .accordionBlock .accordionInner .option .icon .option-open, .csWrapper .accordionBlock .accordionInner .option .icon .option-close
{
	display:none;
}
.csWrapper .accordionBlock .accordionInner .option .icon .option-open.active, .csWrapper .accordionBlock .accordionInner .option .icon .option-close.active
{
	display:block;
}
.csWrapper .accordionBlock .accordionInner .option:hover
{
	background:#444444;
	color:#FFFFFF;
}
.csWrapper .accordionBlock .accordionInner .option .head
{
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
	color:#444444;
	margin:0 0 10px 0;
}
.csWrapper .accordionBlock p
{
	float:left;
	margin:0 0 10px 2%;
	width:96%;
	text-align:left;
	font-size:13px;
	line-height:20px;
	color:#444444;
}
.csWrapper .accordionBlock ol 
{
	float:left;
	clear:both;
	width:94%;
	padding:0 0 0 4%;
	font-size:13px;
	line-height:20px;
	color:#444444;
	margin:0 0 20px 0;
}
.csWrapper .accordionBlock ol li
{
	margin:0 0 10px 0;
}
.csWrapper .accordionBlock .accordionInner .option:hover p, .csWrapper .accordionBlock .accordionInner .option:hover .head
{
	color:#FFFFFF;
}
.contactFormWrapper
{
	float:left;
	width:100%;
	display:none;
}
.contactFormRow
{
	float:left;
	width:100%;
	margin:0 0 14px 0;
	overflow:hidden;
}
.contactFormRow .mainButtonGreen
{
	float:none;
	width:260px;
	margin:10px auto 0 auto;
}
.contactFormRow.topSpace
{
	margin:30px 0 30px 0;
}
.contactFormRow .contactLabel
{
	float:left;
	width:100%;
	text-align:left;
	font-size:15px;
	color:#444444;
	border:none;
	font-weight:600;
	letter-spacing:1px;
	margin:6px 0 8px 0;
	padding:0 0 0 24px;
}
.contactFormRow .contactInput
{
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#444444;
}
.contactFormRow .contactInput input, .contactFormRow .contactInput .message , .contactFormRow .contactInput .pcInput, .contactFormRow .contactInput .select 
{
	float:none;
	width:94%;
	border:solid 2px #EEEEEE;
	border-radius:10px;
	padding:14px 0px 14px 15px;
	font-size:13px;
	line-height:20px;
	color:#666666;
	resize:none;
	margin:auto auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
.contactFormRow .contactInput .select 
{
	background-image:url(../images/common/down_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	/* reset */
	margin: 0;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	padding:14px 0px 14px 10px;
}
.contactFormRow .contactInput input.error
{
	border:solid 2px #CC0000;
}

.contactFormRow #reCAPTCHAERR {
	display: none;
	text-align: left;
	margin-bottom:2px;
	color:#CC0000;
}
.contactFormRow .contactInput .pcInput {width:40%;}
.contactFormRow .required
{
	font-size:12px;
	color:#CC0000;
}
.contactFormRow .error
{
	float:left;
	width:100%;
	font-size:12px;
	color:#CC0000;
	padding:2px 0 0 20px;
	text-align:left;
}
.contactInput .manual
{
	color:#7D864F;
	line-height:26px;
	padding:6px 0 0 0;
}
.pafSelect
{
	float:left;
	width:300px;
	border:solid 1px #DDDDDD;
	padding:10px;
}
.mainButton.find
{
	float:left;
	width:150px;
}
#catalogueForm .mainButton.find {
	margin-top:15px;
}
.buttonLink
{
	text-decoration:none;
	color:#5C4507;
}
#contactSuccess
{
	text-align:center;
	display:none;
}
#contactSuccess .successTick
{
	margin:0 0 40px 0;
}
#contactSuccess .cmsText
{
	margin:0 auto 30px auto;
	text-align:center;
}

/* TRACK MY ORDER */
#track-widget-wrapper
{
	z-index: 1;
	position: relative;
}
#dg-chat-widget, #dg-chat-widget-placeholder 
{
	position: relative;
	height: 650px;
	margin:20px auto 0 auto;
} 

/*****************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
/**** MOBILE / TABLET / IPAD / SMALL DESKTOPS ****/
/*****************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media only screen 
and (min-width : 801px) 
and (max-width : 1180px)
{
	/* CONTACT */
	.contactLeft .contactLink {float:none;margin:auto auto;clear:both;}
	.contactLeft .contactLink.right {float:none;margin:auto auto;clear:both;}
	/* MONTHLY JOBS */
	.monthsWrapper h1, .monthsWrapper p {text-align:center;}
	/******************************************/
	/**** CUSTOMER SERVICES ****/
	/******************************************/
	.csWrapper {width:90%;}
}
/*****************************************************************************************************************************************************************************************************************************/
@media only screen 
and (min-width : 320px) 
and (max-width : 800px)
{
	/* CATALOGUE REQUEST PAGE */
	.catalogueWrapperInner {float:none;margin:10px auto 20px auto;width:80%;}
	.catalogueWrapperInner .catalogueImage {float:none;margin:auto auto;text-align:center;}
	.catalogueWrapperInner .catalogueTextWrapper {float:left;width:100%;margin:0 0 0 ;}
	.contactInput .manual {float:left;clear:both;}
	.contactInput .pafSelect {float:left;width:192px !important;}
	/* CONTACT */
	.contactLeftWrapper {float:none;margin:auto auto;width:94%;border:none;}
	.contactLeft {float:left;width:90%;outline:solid 6px #EEEEEE;border:dotted 1px #999999;}
	.contactLeft .contactHead {float:left;width:95%;}
	.contactLeft .contact {float:left;width:96%;padding:0 0 0 10px;}
	.contactLeft .contact.add {font-size:20px;line-height:26px;}
	.contactLeft .contactLink {float:none;margin:auto auto;clear:both;}
	.contactLeft .contactLink.right {float:none;margin:auto auto;clear:both;}
	.contactRightWrapper {float:none;margin:10px auto 20px auto;width:94%;}
	.contactRight {float:left;width:90%;}
	/* ERROR PAGE */
	.e404Section1 .left	{float:left;width:100%;text-align:center;}
	.e404Section1 .left img {margin:auto auto;}
	.e404Section1 .right {float:left;width:100%;}
	.e404h1 {text-align:center;font-size:40px;}
	.e404subHead {width:100%;text-align:center;}
	.e404subSubHead {width:100%;text-align:center;}
	.e404linkHead {float:left;margin:0 0 14px 0px;width:100%;text-align:center;}
	.e404Section2 a	{width:180px;}
	/* MONTHLY JOBS */
	.monthsWrapper h1, .monthsWrapper p {text-align:center;}
	.monthLeftWrapper {float:left;width:100%;border:none;padding:0 0 0 0;margin:10px 0 0 0;}
	.pomWrapper	{float:left;width:100%;padding:0 0 20px 0;border-bottom:solid 2px #EEEEEE;margin:0 0 20px 0;}
	.pomLeft {float:left;width:100%;}
	.monthLeftWrapper .monthProdImg	{display:none;}
	.monthRightWrapper {float:left;width:98%;overflow:hidden;margin:10px 0 0 0;}
	.pomWrapper {border:none;}
	/* VIDEOS PAGE */
	.videoMenu {float:left;width:100%;}
	.videoFilterHead {float:left;width:100%;}
	.featuredVideosWrapper {float:left;width:100%;margin:10px 0 0 0;text-align:center;}
	.featuredVideosWrapper h2 {text-align:center;}
	.featuredVideosWrapper .topVideoText {text-align:center;}
	.videoBox {float:none;margin:0 auto 18px auto;display:inline-block;border:solid 4px #FFFFFF;}
	.videoBox:hover {border:solid 4px #7D864F;outline:none;}
	.videoPopup {width:90%;margin-top:-20%;margin-left:-50%;}
	.videoPopup .close {top:-20px;right:-10px;}
	.videoIframe {width:100%;height:auto;}
	/* ABOUT US */
	.aboutUsLogos {clear:both;}
	.aboutVideoIframe {width:100% !important;height:auto;}
	/******************************************/
	/**** CUSTOMER SERVICES ****/
	/******************************************/
	.csWrapper {width:94%;}
	.csWrapper .accordionBlock .accordionInner .left {float:left;width:100%;margin:0 0 0 2%;}
	.csWrapper .accordionBlock .accordionInner .right {float:left;width:100%;margin:0 0 0 2%;}
	.csWrapper .accordionBlock .accordionInner .option {width:90%;}
}
/*****************************************************************************************************************************************************************************************************************************/
@media only screen 
and (min-width : 320px) 
and (max-width : 500px)
{
	/******************************************/
	/**** CUSTOMER SERVICES ****/
	/******************************************/
	.csWrapper {width:94%;}
	.csWrapper .accordionBlock .accordionInner .left {float:left;width:92%;margin:0 0 0 2%;}
	.csWrapper .accordionBlock .accordionInner .right {float:left;width:92%;margin:0 0 0 2%;}
	.csWrapper .accordionBlock .accordionInner .option {width:90%;}
	.csWrapper .mobHide {display:none;}
	.cmsText {width:100%;float:left;margin:0 0 0 0;}
	.cmsText UL {width:95%;margin:0 0 20px 5%;}
	.privacyTable th {font-size:14px;}
	.privacyTable td {font-size:12px;}
	h1.cs {font-size:30px;}
	h2.cs {font-size:18px;}
}
/*****************************************************************************************************************************************************************************************************************************/
@media only screen 
and (min-width : 320px) 
and (max-width : 400px)
{
	.privacyTable td {font-size:11px;}
}