/*<meta />*/

div.HeroButtons	/*Responsive layout for the 3 buttons in the topic hero.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

div.HeroButtons::before
{
	content: ' ';
	display: table;
}

div.HeroButtons::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HeroButtons > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.HeroButtons > div
{
	width: 18%;
	margin-right: 4%;
}

div.HorizLinks	/*Responsive layout for a trio of links displayed horizontally.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.HorizLinks::before
{
	content: ' ';
	display: table;
}

div.HorizLinks::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HorizLinks > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.HorizLinks > div
{
	width: 29%;
	margin-right: 4%;
}

div.HomeMiniBlocks
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 3em;
	padding-top: 12px;
	padding-bottom: 12px;
}

div.HomeMiniBlocks::before
{
	content: ' ';
	display: table;
}

div.HomeMiniBlocks::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomeMiniBlocks > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 8px;
	margin-bottom: 14px;
	background: var(--White);
	margin-right: 1%;
	width: 15.5%;
	margin-left: 0%;
	border: solid 1px var(--Grey1);
}

div.productsummary
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
}

div.productsummary::before
{
	content: ' ';
	display: table;
}

div.productsummary::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.productsummary > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 14px;
	margin-bottom: 14px;
	margin-right: 3%;
	width: 30%;
	margin-left: 0%;
	border: solid 1px var(--Grey1);
}

div.FeatureCards
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 14px;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 3px;
	padding-right: 3px;
}

div.FeatureCards::before
{
	content: ' ';
	display: table;
}

div.FeatureCards::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.FeatureCards > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 14px;
	margin-bottom: 4px;
	margin-right: 1%;
	width: 24%;
	margin-left: 0%;
	border: solid 1px var(--White);
}

div.HomeHeroHelpTiles
{
	background-color: var(--Medium);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-bottom: 30px;
	padding-left: 36px;
	padding-right: 20px;
	padding-top: 12px;
}

div.HomeHeroHelpTiles::before
{
	content: ' ';
}

div.HomeHeroHelpTiles::after
{
	content: ' ';
	clear: both;
	display: table;
}

div.HomeSupportSection
{
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-bottom: 12px;
	padding-left: 36px;
	padding-right: 20px;
	padding-top: 12px;
	background-color: var(--Grey1);
}

div.HomeSupportSection::before
{
	content: ' ';
}

div.HomeSupportSection::after
{
	content: ' ';
	clear: both;
	display: table;
}

div.HomePageItems	/*Responsive layout for the 4 primary items on the home page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.HomePageItems::before
{
	content: ' ';
	display: table;
}

div.HomePageItems::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomePageItems > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px; */
	background-color: var(--White);
}

div.HomePageItems > div
{
	width: 22%;
	margin-right: 3%;
}

div.HomePageItems > div:nth-child(1)
{
	width: 22%;
	margin-right: 3%;
	margin-left: 0%;
}

div.HomeSupportItems	/*Responsive layout for the support items on the home page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

div.HomeSupportItems::before
{
	content: ' ';
	display: table;
}

div.HomeSupportItems::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomeSupportItems > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: var(--White);
}

div.HomeSupportItems > div
{
	width: 18%;
	margin-right: 2%;
	margin-bottom: 12px;
}

div.Row-3-3-3-3	/*Custom responsive layout row style (div class). In Web/Tablet outputs it has 4 columns of equal width. In mobile outputs, each column is 100% wide.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Row-3-3-3-3::before
{
	content: ' ';
	display: table;
}

div.Row-3-3-3-3::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Row-3-3-3-3 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Row-3-3-3-3 > div:nth-child(1)
{
	width: 24%;
	margin-left: 1%;
}

div.Row-3-3-3-3 > div:nth-child(2)
{
	width: 24%;
	margin-left: 1%;
}

div.Row-3-3-3-3 > div:nth-child(3)
{
	width: 24%;
	margin-left: 1%;
}

div.Row-3-3-3-3 > div:nth-child(4)
{
	width: 24%;
	margin-left: 1%;
}

div.Row-TwoEqualBlocks	/*Row style. Web and Tablet provide 2 columns of equal width. Mobile output provides 1 column.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Row-TwoEqualBlocks::before
{
	content: ' ';
	display: table;
}

div.Row-TwoEqualBlocks::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Row-TwoEqualBlocks > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Row-TwoEqualBlocks > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.Row-TwoEqualBlocks > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

div.rowIconTiles	/*Row style. Web and Tablet provide 3 columns of equal width. Mobile output provides 1 column.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.rowIconTiles::before
{
	content: ' ';
	display: table;
}

div.rowIconTiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.rowIconTiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.33333%;
	margin-left: 0%;
}

@media only screen and (max-width: 1080px)
{
	body
	{
		font-size: 100%;
	}

	div.HeroButtons > div
	{
		width: 18%;
		margin-right: 12%;
	}

	div.HorizLinks > div
	{
		width: 99%;
		margin-right: 1%;
	}

	div.HomeMiniBlocks > div
	{
		width: 30%;
		margin-right: 3%;
		margin-bottom: 12px;
	}

	div.FeatureCards > div
	{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 14px;
		margin-bottom: 4px;
		margin-right: 1%;
		width: 47%;
	}

	div.productsummary > div
	{
		width: 27%;
		margin-right: 3%;
	}

	div.HomePageItems > div
	{
		width: 22%;
		margin-right: 3%;
	}

	div.HomePageItems > div:nth-child(1)
	{
		width: 22%;
		margin-right: 3%;
		margin-left: 0%;
	}

	div.HomeSupportItems > div
	{
		width: 18%;
		margin-right: 2%;
		margin-bottom: 12px;
	}

	div.Row-3-3-3-3 > div:nth-child(1)
	{
		width: 22%;
		margin-right: 1%;
	}

	div.Row-3-3-3-3 > div:nth-child(2)
	{
		width: 22%;
		margin-right: 1%;
	}

	div.Row-3-3-3-3 > div:nth-child(3)
	{
		width: 22%;
		margin-right: 1%;
	}

	div.Row-3-3-3-3 > div:nth-child(4)
	{
		width: 22%;
		margin-right: 0%;
	}

	div.Row-TwoEqualBlocks > div
	{
		width: 50%;
		margin-left: 0%;
	}

	div.rowIconTiles > div
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 800px)
{
	body
	{
		font-size: 100%;
	}

	div.HeroButtons > div
	{
		width: 60%;
		margin-right: 40%;
		line-height: 3.5em;
	}

	div.HorizLinks > div
	{
		width: 99%;
		margin-right: 1%;
	}

	div.HomeMiniBlocks > div
	{
		width: 44%;
		margin-right: 3%;
		margin-bottom: 12px;
	}

	div.FeatureCards > div
	{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 14px;
		margin-bottom: 4px;
		margin-right: 1%;
		width: 98%;
	}

	div.productsummary > div
	{
		width: 100%;
		margin-right: 0%;
	}

	div.HomePageItems > div
	{
		width: 44%;
		margin-right: 3%;
		margin-bottom: 12px;
		padding-bottom: 6px;
	}

	div.HomePageItems > div:nth-child(1)
	{
		width: 44%;
		margin-right: 3%;
		margin-left: 0%;
		margin-bottom: 12px;
		padding-bottom: 6px;
	}

	div.HomeSupportItems > div
	{
		width: 44%;
		margin-right: 3%;
		margin-bottom: 12px;
	}

	div.Row-3-3-3-3 > div
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Row-TwoEqualBlocks > div
	{
		width: 100%;
		margin-left: 0%;
	}

	div.rowIconTiles > div
	{
		width: 50%;
		margin-left: 0%;
	}
}

