/*
 * This stylesheet supports 1 column that is 100% wide
 *
 * If the resolution of the device is less than 640 pixels, the user is going to have a pretty naff experience.
 * The best thing we can do is force the single column to span the full width of their screen.
 */

@media all and (min-width: 0px) and (max-width: 679px)
{



	#idPageHeader .inner,
	#idPageHeader_AccessibilityMenu .inner,
	#idPageHeader_CorporateBanner .inner,
	#idPageHeader_SectionBanner .inner,
	#idPageHeader_MainMenu .inner,
	#idPageHeader_FeaturedNavigation .inner,
	#idPageContent .inner
	{
		width: 100%;
	}

	#idPageHeader_MainMenu,
	#idPageHeader_MainMenu .inner,
	#idPageHeader_MainMenu .inner ul
	{
		width: 100%;

		margin: 0px;
		border: 0px;
		padding: 0px;

		box-shadow: none;
	}

	#idPageHeader_SectionBanner
	{
		background: none;
	}

	#idPageHeader_SectionBanner .inner
	{
		padding: 0px;
		border: 0px;
	}

	#idPageFooter_WhatNext .inner,
	#idPageFooter_Corporate .inner
	{
		width: 100%;
	}

	#idPageContent .mainColumn
	{
		float: none;

		width: 100%;
	}

	#idPageContent .sidebarColumn
	{
		float: none;

		width: 100%;
	}



	.wdk_When1ColumnHide
	{
		display: none!important;
	}

	.wdk_When1ColumnSpan1
	{
		width: 100%;
	}



}