body {
		background-color: #FFFFFF;
		color: #252526;
		width:100%;
		min-height:100%;
		margin:0;
		padding:0;
		font-size:0.8em;
		font-family: MangericaSemiBold, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;

	}

	ul {
		clear: both;
	}

	img {
		border: none;
	}

	#mainContent a {
		color: #441e6f;
	}

	.clear {
		clear: both;
	}

	#LogoHeader {
		width:720px;
		margin:0 auto;
		height:115px;
	}

/* Top Header */
	#LeftTopHeader {
		height: 115px;
		width: 30%;
		float:left;
	}

	#LoginStatus div {
	float: right;
	padding: 0.5em 0;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	}

	#LoginStatus a {
	font-size: 0.8em;
	color: #707070;
	text-decoration: none;
	float: right;
	margin-left: 0.9em;
	border-left: 2px solid #CAD0DD;
	padding-left: 0.9em;
	line-height: 1.2em;
	}

	#LoginOut a {
		border-left: none;
	}


	#LoginIn a {
	border-left: none;
	}

	#ViewCart a {
		color: #5b7c58;
		padding-right: 0.2em;
	}

	#ViewCartIcon a {
		background: url("index.php-Request-image-Path-/images/mlw-document-icon.jpg");
		background-repeat: no-repeat;
		background-position: right;
		cursor: pointer;
		padding: 1em;
		border-left: none;
		margin-top: -0.4em;
		margin-left: -0.15em;
		margin-bottom: -1em;
		background-size: 80%;
	}

	#MiddleTopHeader {
		height:115px;
		width: 30%;
		float:left;
		position: relative;
	}

	#RightTopHeader {
		height:115px;
		width: 40%;
		float:left;
		position: relative;
	}

	#DecisionCartLink {
		position: absolute;
		right: 0;
	}

	#RightTopHeader input{
		background-color: #C4CADA;
		border: none;
		width: 85%;
		padding: 7px 12% 7px 3%;
		margin-top: 0.1em;
	}

/* Hide font-size buttons if JavaScript not enabled, as they have no effect in this
 * situation.  We use visibility:hidden rather than display:none, so that the layout
 * is unaffected.
 */
	#FontSizeIncrease {
		visibility: hidden;
	}
	.JSEnabled #FontSizeIncrease {
		visibility: visible;
	}

	#RightTopHeader #FontSizeIncrease {
		text-align:right;
		position: relative;
		right: 0;
		top: 3px;
		color: #707070;
		height: 25px;
	}

	#RightTopHeader .IncreaseFont {
		float:left;
		margin: 0 2px;
	}

	#RightTopHeader .FontSizeText {
		font-size: 80%;
		position: absolute;
		right: 50px;
		bottom: 0;
		line-height: 0.8;
	}

	.FontSizeSmall {
		font-size: 100%;
	}

	.FontSizeNormal {
		font-size: 110%;
	}

	.FontSizeLarge {
		font-size: 120%;
	}

	.FontSizeSmall .Banner:before {
		min-height: 330px;
	}

	.FontSizeNormal .Banner:before {
		min-height: 380px;
	}

	.FontSizeLarge .Banner:before {
		min-height: 480px;
	}

	.FontSizeLarge #Content .Banner {
		width: 450px;
	}

	#RightTopHeader .FontSizeSmall {
		font-size: 80%;
		color: #441e6f;
		position: absolute;
		right: 35px;
		bottom: 0;
		cursor: pointer;
		line-height: 0.8;
	}

	#RightTopHeader .FontSizeNormal {
		font-size: 100%;
		color: #441e6f;
		position: absolute;
		right: 18px;
		bottom: 0;
		cursor: pointer;
		line-height: 0.8;
	}

	#RightTopHeader .FontSizeLarge {
		font-size: 120%;
		color: #441e6f;
		cursor: pointer;
		position: absolute;
		bottom: 0;
		right: 0;
		line-height: 0.8;
	}

	#RightTopHeader #SearchIcon{
		background: url("index.php-Request-image-Path-/images/searchIcon.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-color: #C4CADA;
		position: absolute;
		right: 3%;
		height: 16px;
		width: 16px;
		bottom: 8px;
		cursor: pointer;
		padding: 0;
	}

	#RightTopHeader #SearchBar {
		position: relative;
		margin-top: 40px;
		width: 320px;
		margin-left: 64px;
	}

	#CatchPhrase {
		color: #431F6C;
		font-size: 0.7em;
		position: absolute;
		text-transform: uppercase;
		top: 41px;
		left: 0px;
		width: 135px;
		border-left: solid 2px #CAD0DD;
		padding: 10px;
	}

/* Footer */
	.footer {
		width: 100%;
		position: relative;
		bottom:0;
		clear: both;
		padding-top: 40px;
	}

	.footer .nav {
		padding: 10px 0 15px;
	}

	.footer a{
		font-size: 0.8em;
		font-weight: bold;
		color: #A493B9;
	}

	.footer .nav ul li{
		height: 40px;
		display: inline-block;
	}

	#FooterNav {
		margin: 0 auto;
	}

	#Copyright {
		/*float: right;
		width: 33%;
		margin-right: -28px;*/

		text-align: center;
		clear: both;
	}

	.nav #FooterNav #Copyright li a {
		color: #948e9a;
	}

	nav #FooterNav #Copyright li a:hover {
		color: #ffffff;
	}

	#FooterMenu {
		/*float: left;
		width: 67%;*/
		text-align: center;
	}

	#FooterMenu li a {
		padding: 13px 12px;
	}

	.footer .nav ul li:after {
		content:"\7C";
		position: absolute;
		margin-top: 0.9rem;
		margin-left: -2px;
		font-size: 0.58em;
		color: #948e9a;
	}

	.footer .nav ul li:last-child:after {
		content:"";
	}

	.header #HeaderPosition1	{
		margin-left: -20px;
	}

/* Navigation bar */
	.nav {
		background-color: #43216C;
		width:720px;
		overflow: hidden;
		color: #FFFFFF;
		font-size: 0.875rem;
		font-family: MangericaLight;
	}

	.nav ul {
		margin:0 auto;
		padding:0;
		width:960px;
		list-style:none;
		text-align: center;
	}

	.header .nav ul li {
		display: inline-block;
		height: 45px;
	}

	.nav ul li a {
		float: left;
		padding: 13px 8px;
		text-decoration:none;
		color: #ffffff;
	}

	.header .nav ul li:last-child a {
		float: left;
		padding: 13px 8px;
		text-decoration:none;
		color: #ffffff;
	}

	.header .nav ul li:last-child {
		height: auto;
		top: -7px;
		position: relative;
		left: 4px;
	}

	.header .nav ul li:last-child:hover {
		background-color: transparent;
	}

	.nav ul li.Active a {
		text-decoration: underline;
	}

	.nav li ul {
		left: -999em;
		margin: 39px 0 0;
		position: absolute;
		width:auto;
		z-index: 9999;
		background-color: #43216C;
	}
	.nav li li{
		clear:both;
		width: 100%;
	}

	.nav li ul a {
		border: 0 none;
		margin-right: 0;
	}

	.nav li:hover {
		background-color: #2c1647;
	}

	.nav ul li a:hover,
	.nav ul li:hover > a {
		color: #FFFFFF;
	}

	.nav li ul a:hover,
	.nav ul li li:hover > a  {
		color: #FFFFFF;
	}

	.nav li:hover ul {
		left: auto;
	}

	.header .nav ul li:after {
		content:"\7C";
		position: absolute;
		margin-top: 0.8125rem;
		margin-left: -2px;
		font-size: 0.8em;
		color: #948e9a;
	}

	.header .nav ul li:last-child:after,
	.header .nav ul li li:after	{
		content:"";
	}

/* Admin logon link. */
	#DecisionCart {
		position: absolute;
		right: 2em;
		top: -2em;
	}

	#DecisionCart a:link:first-child,
	#DecisionCart a:visited:first-child {
		display: inline-block;
		padding: 1.5em 0.5em 0.2em 0.5em;

		color: #FF9900;
		background-color: #FFFFF0;
		font-size: 0.75em;
		text-decoration: none;

		border: 1px solid #FF9900;
		border-top: none;
		-moz-border-radius: 0 0 5px 5px;
		-khtml-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;

		-moz-box-shadow: 2px 2px 3px #666666;
		-khtml-box-shadow: 2px 2px 3px #666666;
		-webkit-box-shadow: 2px 2px 3px #666666;
		box-shadow: 2px 2px 3px #666666;
	}

	#DecisionCart a:hover:first-child {
		color: #FFFFF0;
		text-shadow: 1px 1px #999999;
		background-color: #FF9900;
	}

	#AdminLogon {
		color: #999999;
		font-size: 0.8em;
		margin: 0 1em;
		text-decoration: none;
	}

	#AdminLogon:hover {
		text-decoration: underline;
	}

	#MyLivingWillLogo {
		width: 100%;
		float: left;
	}

	#Content {
		width:720px;
		margin:0 auto;
	}

	.Banner:before {
		content: "";
		position: absolute;
		left: 0;
		width: 720px;
		background-color: #c4cada;
		z-index:0;
		background: url(index.php-Request-image-Path-/images/BlueBanner.jpg) no-repeat #c4cada;
		background-position: 70% bottom;
		background-size: 440px auto;
		min-height: 300px;
	}

	.Banner * {
		position: relative;
		width: 390px;
		font-weight: normal;
		font-size: 2.8em;
		color: #441e6f;
		margin: 0;
		padding-top: 30px;
	}

	.Banner {
		min-height: 330px;
		clear:both;

	/* IE fix - in IE (even recent versions), the background image in the :before
	 * pseudo-element is clipped by the border of this container element.  Other
	 * browsers don't exhibit this, and in fact IE will 'fix' itself if you trigger
	 * a refresh (e.g. $(".Banner").hide() followed by .show() - or even just
	 * toggling the built-in menu bar in IE by pressing ALT!).
	 * By enlarging the size of this element, the overflow becomes visible, and we
	 * use margin/padding to compensate for this, so the contents of the div don't
	 * move.
	 */
		width: 120%;
		padding: 0 10%;
		margin-left: -10%;
	}

	.Banner h1 {
		font-family: MangericaLight;
	}

	#mainContent .CallToAction a {
		color: #FFFFFF;
		background-color: #4D4A93;
		padding: 10px;
		text-decoration:none;
		font-size: 14px;
	}

	#mainContent .CallToAction a:after {
		content: "\00A0 \25b6";
		display: inline-block;
		margin-left: 30px;
		color: #716ea9;
	}

	.decisionStatements {
		clear:both;
	}

	.FontSizeNormal .decisionStatements {
		padding-top: 3em;
	}

	.FontSizeLarge .decisionStatements {
		padding-top: 6.5em;
	}

	.HalfBox{
		width:46%;
		padding:2%;
		float:left;
		font-weight: normal;
		color:#444447;
		font-family: MangericaLight;
	}

	.decisionStatements h1 {
		font-size: 2.5em;
		margin-top: 0.1em;
	}

	.decisionStatements p{
		line-height:1.8em;
		font-weight: bold;
		word-spacing: 0.3em;
		font-size: 0.9em;
	}

	.decisionStatements a {
		display: inline;
		float: none;
	}

	.decisionStatements a:after{
		content: "\00A0 \25b6";
		display: inline-block;
	}

/* bug 6577 - updated homepage video */
	.HomeVideo {
		background: #c7d273;
		clear: left;
		overflow: auto;
		width: 100%;
		margin: 30px 0;
		display: inline-block;	
	}

	.HomeVideo iframe {
		float: left;
		width: 100%;
	}

	@media (min-width: 800px) {
		.HomeVideo iframe {
			margin-right: 30px;
			max-width: 560px; 			
		}
	}

	@media (min-width: 1000px) {
		.HomeVideo iframe {
			max-width: 672px; 			
		}
	}

	.HomeVideo p {
		margin: 20px;
		display: inline-block;
	}

	@media (min-width: 800px) {
		.HomeVideo p {
			display: block;
		}
	}
/* end 6577 */

	.ConsultantBox {
		position: relative;
		background: #c7d273;
		margin-bottom: 30px;
		clear:both;
		color: #252526;
		min-height: 371px;
	}

	.ConsultantBox:before {
		content: "";
		background-position: 70% bottom;
		background-size: 100%;
		left: 260px;
		min-height: 100%;
		position: absolute;
		top: 0;
		width: 10px;
		z-index: 1;
		opacity: 0.25;
		display: none;
		-moz-box-shadow: -9px 1px 8px -3px #666666;
		-khtml-box-shadow: -9px 1px 8px -3px #666666;
		-webkit-box-shadow: -9px 1px 8px -3px #666666;
		box-shadow: -9px 1px 8px -3px #666666;
	}

	.node-home .ConsultantBox:before {
		left: 480px;
	}

	.ConsultantBox .CallToAction {
		float: right;
		width: 23%;
		padding: 1% 4% 4% 4%;
		background-color: #C7D273;
	}

	.ConsultantBox .CallToAction p {
		font-size: 1.7em;
	}

	.ConsultantBox .CallToAction p:last-child {
		max-width: auto;
		padding-left: 0;
		font-size: 1.85em;
		line-height: 1.2em;
		color: #444447;
	}

	.ConsultantBox .EmbeddedMedia {
		width: 69%;
		position: absolute;
	}

	.CallToAction {
		margin-bottom: 1em;
	}

	.node-home .ConsultantBox .CallToAction a {
		float: right;
		margin-top: -0.5em;
		font-size: 0.5em;
		background-color: #5B7C58;
		padding-left: 1em;
		margin-right: 0.9em;
	}

	.ConsultantBox .CallToAction a {
		float: right;
		margin-top: 16px;
	}

	.CallToAction a {
		text-decoration: none;
		color: #FFF;
		background-color: #5B7C58;
		padding: 8px;
		float: left;
		font-family: MangericaSemiBold;
	}

	.CallToAction a:after{
		content: "\00A0 \25b6";
		display: inline-block;
		margin-left: 30px;
		color: #7c9679;
	}

	#page-site_browse .HalfBox .CallToAction a {
		background-color: #4D4A93;
		margin-left: -1.2em;
		margin-top: 0.5em;
	}

	#page-site_browse .HalfBox .CallToAction a::after {
			color: #716EA9;
	}

	.ImportantText {
		font-size: 1em;
		font-weight: bold;
	}

	.discoverIcon{
		background: url(index.php-Request-image-Path-/images/discoverIcon.jpg) no-repeat;
	}

	.infoIcon{
		background: url(index.php-Request-image-Path-/images/infoIcon.jpg) no-repeat;
	}

	.balanceIcon{
		background: url(index.php-Request-image-Path-/images/balanceIcon.jpg) no-repeat;
	}


.discoverIcon, .infoIcon, .balanceIcon {
    background-position: left top;
    float: left;
    height: 80px;
    margin-top: 20px;
    min-height: 80px;
    padding-left: 100px;
    padding-top: 0.5em;
    vertical-align: middle;
}


	.discoverIcon p, .infoIcon p, .balanceIcon p {
		font-size: 0.75em;
	}

/****************************
 * Left navigation bar
 */

	#sectionNavigation {
		width: 17%;
		float:left;
		font-size: 0.9em;
	}

	#sectionNavigation ul {
		padding:0;
		list-style:none;
		position:relative;
	}

	#sectionNavigation ul .MenuLevel1 {
		margin-bottom:10px;
	}

	#sectionNavigation ul li .TitleLevel1{
		color: #FFFFFF;
		padding: 7% 5%;
		background-color: #4D4A93;
		font-size: 1.1em;
		padding-right: 20px;
	}

	#sectionNavigation ul .Active .TitleLevel1{
		background-color: #c4cada;
		color: #716EA9;
	}

	#sectionNavigation ul .Active .TitleLevel1:after,
	#sectionNavigation ul .Active .Active .TitleLevel2:after,
	#sectionNavigation ul .Active .Active .Active .TitleLevel3:after {
		content: none;
	}

	#sectionNavigation ul li .TitleLevel2{
		padding: 5% 15% 5% 5%;
		width: 80%;
		color: #6067B4;
		font-size: 1em;
		border-bottom: solid 1px #c4cada;
	}

	#sectionNavigation ul li .Active .TitleLevel2 {
		border-left: solid 10px #c4cada;
		color:#4d4a93;
		padding-right: 9%;
	}

	#sectionNavigation ul li .TitleLevel3{
		padding: 5% 15%;
		width: 70%;
		font-size: 0.85em;
		border-bottom: solid 1px #c4cada;
		color: #798499;
	}

	#sectionNavigation ul li a {
		width: 90%;
		display: block;
		position:relative;
		font-size: 0.8em;
		color: #000000;
		text-decoration: none;
	}

	#sectionNavigation ul li a:after {
		content:"\25b6";
		position:absolute;
		right:7px;
		color: #716ea9;
		top:50%;
		line-height:0;
	}

	#sectionNavigation ul li li a:after {
		color: #dad2e2;
	}

	#sectionNavigation li ul,
	#sectionNavigation li .Active ul{
		display: none;
	}

	#sectionNavigation .Active .MenuLevel2,
	#sectionNavigation .Active .Active .MenuLevel3{
		display:block;
	}

	#sectionNavigation .title {
		color:#441e6f;
	}

	#aboutVideo {
		clear:both;
		margin: 1.5em 0;
	}

	#aboutVideo .VideoPopup {
	/* Add some whitespace between the heading and the image. */
		display: block;
		margin-top: 0.5em;
	}

	#aboutVideo .VideoPopup img {
	/* Undo the width: 100% that is applied to content videos on the site. */
		width: auto;
	}

	#socialLinks ul {
		padding: 0px;
		margin: 10px 0px 0px;
	}

	#socialLinks li {
		display: inline-block;
	}

	#socialLinks ul li a:after {
		content: "";
	}

	#socialLinks ul li a {
		background-color:transparent;
		width:auto;
		padding:0;
		margin:0;
	}


/****************************
 * basketCart sidebar
 */

	#basketCart {
		width: 25%;
		float:right;
		background-color: #c7d273;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#basketCart li {
		list-style: none;
	}

	#basketCart .Title {
		float: left;
		font-size: 1em;
		color: #5a7a56;
		padding: 10px;
		font-family: MangericaLight;
	}

	#basketCart .basketCartIcon {
		float: right;
		background: url(index.php-Request-image-Path-/images/mlw-document-icon-green.jpg) no-repeat;
		height: 29px;
		width: 34px;
		position: relative;
		top: 6px;
		right: 6px;
	}

	.basketCartBlock {
		clear:both;
		width:96%;
		margin:2%;
		background-color: #70924f;
		color: #FFFFFF;

	/* Set a minimum height, in case there is no non-floated content. */
		min-height: 1.95em;
	}

	.basketCartBlockTitle {
		float: left;
		padding: 6px;
		font-size: 0.8em;

	/* Set a line-height so things are nicely aligned and centered, and to ensure
	 * the box height is consistent.
	 */
		line-height: 1.5em;
	}

	.basketCartBlock a .basketCartBlockTitle,
	.basketCartBlock a .basketCartBlockCount {
		text-decoration: none;
		color: #FFFFFF;
	}

	.basketCartBlockCount {
		width: 22px;
		float: right;
		margin: 2px 1px 0 0;
		border-radius: 50%;
		background-color: #8da872;
		height: 22px;
		text-align: center;
		font-size: 0.6em;
		line-height: 22px;
		position: relative;
		right: 3px;
		top: 3px;
	}

	.basketCartBlock ul {
		clear:both;
		margin: 0;
		padding: 0;
		overflow: auto;
	}

	.basketCartBlock .AdvancedDecisionBlock,
	.basketCartBlock .AdvancedStatementBlock {
		max-height: 400px;
	}

	.basketCartBlock li {
		background-color: #FFF;
		color: #000;
		padding: 5px 10px;
		font-size: 0.8125rem;
		border-bottom: solid 1px #c7d273;
	}

	.basketCartBlock li .CartItems {
		position: relative;
	}

	.basketCartBlock li .ItemDescription {
		font-size: 0.8125rem;
		position: relative;
		width: 95%;
		font-family: MangericaLight;
	}

	.basketCartBlock .CartItems ul ul {
		margin-top: 0.5rem;
		margin-left: 0.5rem;
		margin-bottom: 0.25rem;
	}

	#basketCart .basketCartBlock li .ItemDescription li ul li {
		list-style: circle inside;
		padding-bottom: 0;
	}

	#CurrentCart .basketCartBlock li .ItemDescription li ul li {
		list-style: circle inside;
		padding-bottom: 0;
	}

	#basketCart .basketCartBlock li .ItemDescription li ul li ul li {
		list-style: square inside;
		padding-bottom: 0;
	}

	#CurrentCart .basketCartBlock li .ItemDescription li ul li ul li {
		list-style: square inside;
		padding-bottom: 0;
	}

	#CurrentCart .basketCartBlock li .ItemDescription li,
	#basketCart .basketCartBlock li .ItemDescription li {
		list-style: inside;
		border-bottom: none;
	}

	.basketCartBlock .CreateASButton {
		position: relative;
	}

	.basketCartBlock #CreateAS {
		width: 100%;
		border: none;
		background: #5a7a56;
		padding: 4px 30px 4px 10px;
		margin: 0px;
		color: #FFFFFF;
		font-size: 0.9em;
		cursor: pointer;
		font-family: MangericaSemiBold;
		text-align: left;
	}

	.basketCartBlock #CreateAS:after {
		content: "\25B6";
		color: #7b9578;
		font-size: 1.2em;
		right: 15px;
		position: absolute;
		top: 50%;
		line-height: 0;
	}

	.basketCartBlock li a{
		position: absolute;
		right: 0;
		color: #FF0000;
		text-decoration: none;
		width: 3%;
		top: 0;
		font-family: MangericaSemiBold;
	}

	.basketCartBlock li .ItemDescription a{
		position: relative;
		right: auto;
		color: #FF0000;
		text-decoration: none;
		width: 3%;
		top: 0;
		font-family: MangericaSemiBold;
	}

	.basketCartDownload {
		clear: both;

		width:94%;
		background-color: #5a7a56;
		padding: 3%;
		position: relative;
	}

	.basketCartDownload a {
		color: #FFFFFF;
		text-decoration:none;
		padding: 0 20px 0 0;
	}

	.basketCartDownload a:after {
		content:"\25b6";
		position:absolute;
		right:7px;
		top: 6px;
		color: #7b9578;
	}

/* Bug 7991 - CSS to accommodate CMS editor invalid sub list html */

	.CartItems ul ul {
    	margin-left: 1rem;
    	margin-bottom: 0.5rem;
	}

	.CartItems ul ul li {
    	padding-top: 0px;
	}

/* End bug 7991	*/



/****************************
 * Content Header
 */

	#contentHeader {
		width:100%;
		background-color: #c4cada;
		min-height: 180px;
	}

	#contentHeader #contentHeaderLayout {
		width:720px;
		margin: 0 auto;
		background: url(index.php-Request-image-Path-/images/BlueBanner.jpg) no-repeat;
		background-size: 39% auto;
		background-position: bottom right;
		min-height: 180px;
	}

	.FontSizeSmall #contentHeader #contentHeaderLayout {
		background-size: 36% auto;
	}

	.FontSizeNormal #contentHeader #contentHeaderLayout {
		background-size: 39% auto;
	}

	.FontSizeLarge #contentHeader #contentHeaderLayout {
		background-size: 50% auto;
	}

	#mainContent {
		width: 52%;
		float: left;
		padding: 0 3%;
		font-family: MangericaLight;
	}

	#mainContent h3 {
		color: #441e6f;
		clear: both;
	}

	#mainContent .BoxOut {
		width: 100%;
		background-color:#441e6f;
		color:#FFFFFF;
	}

	#mainContent .BoxOut p {
		padding: 15px;
		font-size: 0.9em;
	}

	#mainContent ul {
		padding-left: 1.5em;
		list-style: url(index.php-Request-image-Path-/images/bullet.jpg);
	}

	#mainContent li {
		/*font-size: 0.9em;*/
		padding-bottom: 1em;
	}

	#contentHeader #contentHeaderTitle {
		padding: 40px 0;
		color: #441e6f;
		font-size: 2.2em;
		width: 60%;
	}

	.node-example-treatment-refuse-11
	#contentHeader #contentHeaderLayout {
		margin: 0 auto;
		background: url(index.php-Request-image-Path-/images/thinking.jpg) no-repeat;
		background-size: 280px 145px;
		background-position: bottom right;
	}

	.DementiaIllustration
	#contentHeader #contentHeaderLayout {
		margin: 0 auto;
		background: url(index.php-Request-image-Path-/images/interaction.jpg) no-repeat;
		background-size: 280px 150px;
		background-position: bottom right;
	}

	.HeadThinkIllustration
	#contentHeader #contentHeaderLayout {
		margin: 0 auto;
		background: url(index.php-Request-image-Path-/images/head-think.jpg) no-repeat;
		background-size: 179px;
		background-position: bottom right;
	}

/* Individual Decision */
	.DecisionForm {
		border: 1px solid #798499;
		float: left;
		margin-bottom: 20px;
		width: 100%;
	}

	#mainContent .DecisionForm > p:first-child {
		margin-top: 20px;
	}

	#mainContent .DecisionForm > ul:first-child {
		margin-top: 20px;
	}

	#mainContent .DecisionForm > li:last-child {
		margin-top: 20px;
		color: #666666;
	}

	#mainContent .DecisionForm p {
		margin: 0 20px 10px;
	}

	#mainContent .DecisionForm ul {
		margin: 0 20px;
	}

	.DecisionForm button,
	.CartPopup button,
	.ASPopup button {
		border: none;
		background: #798499;
		padding: 6px 110px 6px 10px;
		margin: 0px;
		color: #FFFFFF;
		float: right;
		font-size: 1em;
		cursor: pointer;
		font-family: MangericaSemiBold;
	}

	.DecisionForm button:after,
	.CartPopup button:after,
	.ASPopup button:after {
		content: "\25B6";
		color: #949dad;
		font-size: 1.2em;
		right: 10px;
		position: absolute;
		top: 50%;
		line-height: 0;
	}

	.DecisionForm .DecisionButton,
	.CartPopup .DecisionButton,
	.ASPopup .DecisionButton {
		background: #f1f2f5;
		width: 100%;
		position: relative;
		margin-top: 10px;
	}

	.DecisionForm .DecisionButton {
		float: left;
	}

/* Previous and next links */

	#NextPreviousLinks {
		position: relative;
		width: 302px;
	}

	#NextPreviousLinks #Previous {
		float: right;
		background: #aeb7e3;
		padding: 10px 0;
		font-size: 1.1em;
		padding-right: 20px;
		color: #FFFFFF;
		text-align: right;
		width: 130px;
		cursor: default;
		border-right: 1px solid #C4CADA;
	}

	#NextPreviousLinks #Previous:before {
		content: "\25C0";
		color: #bec5e9;
		font-size: 1.2em;
		left: 10px;
		position: absolute;
		top: 7px;
	}

	#NextPreviousLinks #Next {
		float: right;
		background: #aeb7e3;
		padding: 10px 0;
		font-size: 1.1em;
		padding-left: 20px;
		color: #FFFFFF;
		width: 130px;
		cursor: default;
		border-left: 1px solid #C4CADA;
	}

	#NextPreviousLinks #Next:after {
		content: "\25B6";
		color: #bec5e9;
		font-size: 1.2em;
		right: 10px;
		position: absolute;
		top: 7px;
	}

	#NextPreviousLinks a #Previous {
		background: #441e6f;
		cursor: pointer;
	}

	#NextPreviousLinks a #Previous:before {
		color: #694b8c;
	}

	#NextPreviousLinks a #Next {
		background: #441e6f;
		cursor: pointer;
	}

	#NextPreviousLinks a #Next:after  {
		color: #694b8c;
	}

/* PopUps */

	.ui-corner-all {
		border-radius: 0;
	}

	.ui-widget-content {
		border: none;
	}

	.ui-widget {
		font-size: 1em;
		font-family: MangericaLight;
	}

	.ui-dialog {
		padding: 0;
	}

	.ui-widget-header {
		border: none;
		background: #441e6f;
		color: #FFFFFF;
	}

	.ui-dialog .ui-dialog-content {
		padding: 0;
	}

	.ui-dialog-titlebar-close {
		display: none;
	}

	.ui-dialog .ui-dialog-buttonpane {
		position: absolute;
		top: -20px;
		right: -26px;
		background: transparent;
	}

	.fixed-dialog {
		position: fixed;
	}

	.ui-widget-overlay {
		opacity: 0.7;
	}

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
		border: none;
		background: transparent;
		color: #FFFFFF;
		font-family: MangericaSemiBold;
	}

	.CartPopup,
	.ASPopup {
		display: none;
	}

	.CartPopup .Category,
	.ASPopup .Category {
		padding: 10px;
	}

	.CartPopup .Details,
	.ASPopup .Details {
		padding: 10px 10px 30px 10px;
	}

	.CartPopup h3,
	.ASPopup h3 {
		margin: 0;
		color: #441e6f;
		display: inline-block;
	}

	.CartPopup .CategorySeclection,
	.ASPopup .CategorySeclection {
		display: inline-block;
	}

	.CartPopup textarea,
	.ASPopup textarea,
	.CartPopup .TextAreaStyle{
		width: 95%;
		margin-top: 10px;
		resize: none;
		border: 1px solid #441e6f;
		padding: 2%;
	}

	.ui-dialog .MissingStatement {
		border: 1px solid red;
	}

	#MissingStatementMessage {
		color: red;
		display: none;
	}

	.HideMissingStatementMessage {
		color: red;
		display: none;
	}

	.SmallDescription {
		display: block;
		font-size: 0.9em;
	}

	#cookie_notice {
		margin: 0px;
		padding: 0.5em;
		font-size: 0.8em;
		font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
		background-color: #948E9A;
		color: #FFFFFF;
	}

	#cookie_notice p {
		width: auto;
		margin: 0 auto;
	}

	#cookie_notice a {
		font-weight: bold;
		color: #FFFF00;
	}

	#RightSection {
		float:right;
		width: 25%;
	}

	#RightSection #basketCart {
		width: 100%;
	}

	#RightSection #sectionNavigation {
		width: auto;
		float: left;
		margin-bottom: 10px;
	}

	.EmbeddedMedia {
		margin-bottom: 20px;
	}

	.file img {
		width: 100%;
	}


#page-site_browse .Banner .CallToAction a {
		background-color: #4D4A93;
		margin-left: 0em;
		margin-top: -2.5em;
		font-size: 0.12em;
		line-height: 1.8em;
		max-width: 12.5em;
}

#page-site_browse .Banner .CallToAction a::after {
		color: #716EA9;
		line-height: 1.5em;
}

#VideoView {
	position: fixed;
	top: 0;
	padding-top: 150px;
	width: 100%;
	height: 100%;
	background: rgba(20,20,20,0.5);
	z-index: -1;
	display: none;
}

#VideoView .ClassVideo{
	width: 960px;
	margin: 0 auto;
	z-index: 9999;
	position: relative;
}

#VideoView .CloseVideo{
	position: absolute;
	top: -40px;
	right: -3px;
	padding: 10px 30px;
	background-color: #C7D273;
	cursor: pointer;
}

#VideoView .PopupVideoSize{
	width: 960px;
	height: 560px;
}

.VideoPopup img {
	width: 100%;
}


/* Pure Cremation landing page */

/* Hides the 'header' and left and side content */
.node-pure-cremation #contentHeader,
.node-pure-cremation #sectionNavigation,
.node-pure-cremation #RightSection {
	display: none;
}

/* Expands the main content area to full width */
.node-pure-cremation #mainContent {
	width: 100%;
	padding: 0;
}

/* Styles for the main intro and image */
.node-pure-cremation .LandingContainer .IntroTextContainer {
	background-image: url(index.php-Request-image-Path-/images/pure-cremation-bg.jpg);
	float: left;
	width: 100%;
	background-position: 50% 100%;
	margin-bottom: 30px;
}

/* The text block inside the image */
.node-pure-cremation .LandingContainer .IntroText {
	margin: 30px 50px;
	background-color: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	padding: 15px 30px;
	width: 425px;
	overflow: auto;
}

/* Minor overrides of the main heading */
.node-pure-cremation .LandingContainer .IntroText h1 {
	margin-top: 0;
}

/* Minor overrides of the main sub text */
.node-pure-cremation .LandingContainer .IntroText p {
	font-size: 20px;
}

/* Indents the secondary text */
.node-pure-cremation .AdditionalTextContainer {
	margin: 0 0 0 80px;	
}

/* Secondary text block */
.node-pure-cremation .AdditionalTextContainer .AdditionalText {
	float: left;
	width: 500px;
}

/* Secondary text call to action */
.node-pure-cremation .AdditionalTextContainer .CallToAction {
	float: right;
	padding: 20px;
	width: 260px;
	background-color: #c7d273;
}

.node-pure-cremation .AdditionalTextContainer .CallToAction h2 {
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: normal;
	font-family: MangericaSemiBold, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

/* Minor overrides */
.node-pure-cremation .AdditionalTextContainer p {
	margin-top: 0;
}

/* Homepage styles */
.node-pure-cremation #mainContent .AdditionalTextContainer .CallToAction a {
	background-color: #5b7c58;
	font-weight: normal;	
}

.node-pure-cremation #mainContent .AdditionalTextContainer .CallToAction a::after {
    content: "\00A0 \25b6";
    display: inline-block;
    margin-left: 30px;
    color: #7c9679;
}

/* End Pure Cremation landing page */





/* Screen resizing*/

	@media (min-width: 720px) {
		body {
			font-size:0.8em;
		}

		#Content,
		#LogoHeader,
		#contentHeader #contentHeaderLayout,
		.nav ul {
			width:720px;
		}

		.FontSizeSmall #contentHeader #contentHeaderLayout {
			background-size: 45% auto;
		}

		.FontSizeNormal #contentHeader #contentHeaderLayout {
			background-size: 48% auto;
		}

		.FontSizeLarge #contentHeader #contentHeaderLayout {
			background-size: 50% auto;
		}

		.DementiaIllustration
		#contentHeader #contentHeaderLayout {
			background-size: 280px 150px;
		}

		.HeadThinkIllustration
		#contentHeader #contentHeaderLayout {
			background-size: 179px;
		}

		.node-example-treatment-refuse-1
		#contentHeader #contentHeaderLayout {
			background-size: 280px 145px;
		}

		.nav,
		.Banner:before {
			width: 100%;
		}

		.Banner:before {
			background-size: 440px auto;
			min-height: 300px;
		}

		.node-home .ConsultantBox::before {
			left: 400px;
		}

		.node-home .ConsultantBox::before {
			left: 360px;
		}

		#cookie_notice p {
			width: 700px;
		}

		#VideoView .ClassVideo{
			width: 720px;
			margin: 0 auto;
			z-index: 9999;
		}

		#VideoView .PopupVideoSize{
			width: 720px;
			height: 405px;
		}
	}

	@media (min-width: 800px) {
		body {
			font-size:0.9em;
		}

		#Content,
		#LogoHeader,
		#contentHeader #contentHeaderLayout,
		.nav ul {
			width:800px;
		}

		.FontSizeSmall #contentHeader #contentHeaderLayout {
			background-size: 45% auto;
		}

		.FontSizeNormal #contentHeader #contentHeaderLayout {
			background-size: 48% auto;
		}

		.FontSizeLarge #contentHeader #contentHeaderLayout {
			background-size: 50% auto;
		}

		.DementiaIllustration
		#contentHeader #contentHeaderLayout {
			background-size: 310px 160px;
		}

		.HeadThinkIllustration
		#contentHeader #contentHeaderLayout {
			background-size: 179px;
		}

		.node-example-treatment-refuse-1
		#contentHeader #contentHeaderLayout {
			background-size: 310px 170px;
		}

		.node-home .ConsultantBox::before {
			left: 400px;
		}

		#cookie_notice p {
			width: 780px;
		}

		#VideoView .ClassVideo{
			width: 800;
			margin: 0 auto;
			z-index: 9999;
		}

		#VideoView .PopupVideoSize{
			width: 800px;
			height: 450px;
		}

	}

	@media (min-width: 960px) {
		body {
			font-size:1em;
		}

		#Content,
		#LogoHeader,
		#contentHeader #contentHeaderLayout,
		.nav ul {
			width:960px;
		}
		#LogoHeader #LeftTopHeader{
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
		.Banner:before {
			background-size:auto;
			min-height: 330px;
		}

		.FontSizeSmall #contentHeader #contentHeaderLayout {
			background-size: 40% auto;
		}

		.FontSizeNormal #contentHeader #contentHeaderLayout {
			background-size: 40% auto;
		}

		.FontSizeLarge #contentHeader #contentHeaderLayout {
			background-size: 52% auto;
		}

		.DementiaIllustration
		#contentHeader #contentHeaderLayout {
			background-size: 330px 170px;
		}

		.HeadThinkIllustration
		#contentHeader #contentHeaderLayout {
			background-size: 179px;
		}

		.node-example-treatment-refuse-1
		#contentHeader #contentHeaderLayout {
			background-size: 320px 170px;
		}

		.node-home .ConsultantBox::before {
			left: 480px;
		}

		#cookie_notice p {
			width: 960px;
		}

		#VideoView .ClassVideo{
			width: 960px;
			margin: 0 auto;
			z-index: 9999;
		}

		#VideoView .PopupVideoSize{
			width: 960px;
			height: 560px;
		}
	}










/* Mobile media queries - everything above is unchanged so some use of !important is needed to override */

/* ensure the content doesn't break past the edge of the screen */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#RightTopHeader,
		#RightTopHeader #FontSizeIncrease,
		#RightTopHeader #LoginStatus,
		#RightTopHeader #SearchBar,
		.nav ul,
		.nav,
		#Content,
		#LogoHeader,
		.Banner::before,
		.Banner,
		#LeftAccountNavigation,
		#mainContent,
		#sectionNavigation,
		#RightSection,
		#contentHeader #contentHeaderLayout {
			width: 96% !important;
			margin: 0 !important;
			padding: 0rem 2% !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#page-decision_cart #mainContent {
			width: 98% !important;
			margin: 0rem 1% !important;
			padding: 0rem 1% !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#CartBasketLists {
			margin-left: 0 !important;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#Details table {
			width: 100%;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#Details td {
			display: block;
			width: 100%;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #Details p  {
			width: 98% !important;
			margin: 0 0 1rem 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #Details p label {
			width: 100% !important;
			margin: 0 0 0.5rem 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #Details p input {
			width: 96% !important;
			margin: 0 !important;
			padding: 0.125rem 2% !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #Details p textarea {
			width: 96% !important;
			margin: 0 0 0.25rem 0 !important;
			padding: 0.125rem 2% !important;
			min-width: auto;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #Details #DateField p  {
			margin-bottom: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #AccountContent li.liststyleinline {
			margin-right: 0 !important;
			margin-left: 0 !important;
			clear: left;
			display: block;
		}
	}



/* login */


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#SignInItem input#frmLogin_UserName.RequiredData,
		#SignInItem input#frmLogin_Password.RequiredData,
		#RegisterItem input#frmRegister_UserName.RequiredData,
		#RegisterItem input#frmRegister_Password.RequiredData,
		#RegisterItem input#frmRegister_Conform_Password.RequiredData {
    		width: 95% !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent .registerbox label {
			margin-bottom: 0.35rem;
		}
	}


/* end login */


/* account */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#Documents, #Payments, #Details, #LeftAccountNavigation, #UserProfile, #UserProfile, #Account, #CartBasketListsContent, #ViewPaymentsContent, #ViewPayments {
			width: 100% !important;
			padding: 0 !important;
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LeftAccountNavigation ul {
			width: 98% !important;
			padding: 0 1% !important;
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #LatestVersions li span.liststylebuttonslinks {
			position: static !important;
			margin-left: 0;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#Reminders .ReminderButtons a {
			margin-left: 0;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#Reminders ul, #RecentlyCreatedAndDownloadedDocs ul, #LatestVersions ul, #AdvanceStatement ul, #AdvanceDecision ul, #RecentPayments ul, #PaymentHistory ul {
			margin: 0;
			padding: 1rem 0;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent li span.reminderstext, #mainContent li span.recentlycreatedanddownloadedsdocstext, #mainContent li span.latestversionstext {
			margin: 1rem 0 !important;
			padding: 0;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#RecentlyCreatedAndDownloadedDocs .ButtonDownload {
			float: left !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#RecentlyCreatedAndDownloadedDocs {
			overflow: auto;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent #LatestVersions .LatestLinks {
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LatestVersions .ButtonDownload,
		#AdvanceStatement .ButtonDownload,
		#Reminders .ButtonView {
			padding-left: 2rem !important;
			padding-right: 2rem !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#RecentPayments .ButtonViewFullPaymentHistory {
			padding-left: 1rem !important;
			padding-right: 1rem !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#mainContent a.ButtonViewFullPaymentHistory {
    		margin-top: 1rem;
    		margin-bottom: 1rem;
    		float: left;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#RecentPayments {
			overflow: auto;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#ViewPayments {
			padding-bottom: 2rem !important;
			margin-bottom: 1rem !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#ViewPaymentsContent .intro {
			padding: 0 0 2rem 0 !important;
		}
	}


/* header */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header {
			background-color: red;
			height: auto;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LogoHeader {
			height: auto;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LeftTopHeader {
			width: 40%;
			height: auto;
		}
	}



	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#MiddleTopHeader {
			top: 0;
			margin-top: 5%;
			height: auto;
			width: 60%;
		}
	}

	@media only screen and (max-width: 450px) and (orientation: portrait) {
		#MiddleTopHeader {
			margin-top: 3%;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#CatchPhrase {
		top: 0;
		padding: 2% 3%;
		width: 94%;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#RightTopHeader {
			width: 100% !important;
			clear: left !important;
			float: left !important;
			height: auto !important;
			padding: 0 !important;
			margin: 0.5rem 0 !important;
			text-align: left !important;
			margin-bottom: 0.5rem !important;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#FontSizeIncrease {
			display: none;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LoginStatus a {
			margin-left: 0.5em;
    		padding-left: 0.5em;
		}
	}

	@media only screen and (max-width: 400px) and (orientation: portrait) {
		#LoginStatus a {
			font-size: 0.75rem;
		}
	}

/* This is an override that fixed the account links not being selectable */
	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#RightTopHeader #SearchBar {
			position: static !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LoginStatus div {
			margin-top: 0;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#sectionNavigation ul li .TitleLevel1,
		#sectionNavigation ul li .TitleLevel2 {
			padding: 0.5rem 3% !important;
			width: 94% !important;
		}
	}


/* clears the search content past the search */
	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#contentHeader {
			clear: left;
		}
	}

/* ensures the pop-up to add content doesn't expand past the edge of the page */
	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.ui-dialog {
			max-width: 90%;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.fixed-dialog {
			top: 10px !important;
		}
	}


/* home */

/* banner */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.Banner * {
			width: auto;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.Banner:before {
			min-height: 360px !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.decisionStatements {
			padding-top: 2rem !important;
			float: left;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.decisionStatements h1	{
			font-size: 2rem;
			margin-top: 2rem;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.Banner h1 {
			font-size: 2rem;
			width: 100%;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.ConsultantBox {
			width: 100%;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.ConsultantBox .EmbeddedMedia {
			width: 100%;
			position: static;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.ConsultantBox .CallToAction {
			width: 90%;
			padding: 0 5% 1rem 5% !important;
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.ConsultantBox .CallToAction p {
    		font-size: 1.25rem;
			margin: 0 0 2rem 0 !important;
    	}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.decisionStatements p {
			margin-left: 0.25rem;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.HalfBox {
			width: 100%;
			padding: 0;
			margin: 0;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#page-decision_cart #Account {
			display: none;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#AccountContent {
			width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#contentHeader {
			min-height: auto !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#contentHeader #contentHeaderTitle {
			padding: 1rem 5%;
			width: 50%;
			font-size: 1.5rem;
		}
	}

	@media only screen and (max-width: 400px) and (orientation: portrait) {
		#contentHeader #contentHeaderTitle {
			padding: 1rem 5%;
			width: 90%;
			font-size: 1.5rem;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#contentHeader #contentHeaderLayout,
		.DementiaIllustration #contentHeader #contentHeaderLayout {
			min-height: 120px !important;
			background-size: 200px auto !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.HeadThinkIllustration #contentHeader #contentHeaderLayout {
			min-height: 120px !important;
			background-size: 120px auto !important;
		}
	}

	@media only screen and (max-width: 400px) and (orientation: portrait) {
		#contentHeader #contentHeaderLayout,
		.HeadThinkIllustration #contentHeader #contentHeaderLayout,
		.DementiaIllustration #contentHeader #contentHeaderLayout {
			background-image: none;
			min-height: auto !important;
		}
	}





/* side menu */

/* hides the button and block */

/* sets the width when the show/hide appears */
	@media only screen and (min-width: 499px) and (orientation: portrait) {
		button.ShowSecondaryMenu {
			display: none;
			}
		}

/* sets the width when the side menu is hidden */
	@media only screen and (max-width: 500px) and (orientation: portrait) {
		div.SecondaryMenu {
	    	display: none;
	    	background-color: #FFFFFF;
		}
	}

	@media only screen and (min-width: 500px) and (orientation: portrait) {
		div.SecondaryMenu {
	    	display: block;
	    	background-color: #FFFFFF;
		}
	}

/* show/hide button */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		button.ShowSecondaryMenu {
		    background-color: #43216C;
		    color: #FFFFFF;
		    cursor: pointer;
		    padding: 1rem 0;
		    width: 96%;
		    margin: 1rem 2% 0 2%;
		    border: none;
		    text-align: center;
		    outline: none;
		    font-size: 1rem;
		    transition: 0.4s;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		button.ShowSecondaryMenu:after {
			content:"\25bc";
			margin-top: 0;
			margin-left: 20px;
			font-size: 1rem;
			color: #FFFFFF;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		button.ShowSecondaryMenu:before {
			content:"\25bc";
			margin-top: 0;
			margin-right: 20px;
			font-size: 1rem;
			color: #FFFFFF;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		button.ShowSecondaryMenu.open:after {
			content:"\25b2";
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		button.ShowSecondaryMenu.open:before {
			content:"\25b2";
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.SideMenuVisible div.SecondaryMenu {
			display: inline;
		}
	}


	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#page-site_browse #aboutVideo,
		#page-site_browse .socialLinks {
			display: none;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#sectionNavigation #socialLinks a {
			background: none;
		}
	}




/* primary mobile menu */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header {
			margin-top: 36px;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header .nav {
			position: absolute;
			top: 0;
			height: auto;
			z-index: 100;
	    	border-bottom: 0;
	    	width: 100% !important;
	    	padding: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
	 	.header .nav ul {
		    display: none;
	    	height: auto;
	    	width: 100% !important;
	    	padding: 0 !important;
	  	}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header .nav ul li {
			width: 100%;
		}
	}

/* adds space above donate button for mobile */
	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header .nav ul li input {
			margin-top: 1rem;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header .nav ul li a {
			display: block;
			font-size: 1.125rem;
			text-align: center;
			width: 100%;

		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.TopMenuVisible .header .nav ul {
			display: inline;
			}
		}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
 		.header .nav a#MenuToggle {
    		position: relative;
    		color: #FFFFFF;
    		float: right;
    		text-decoration: none;
    		border: solid 1px #FFFFFF;
    		padding: 2px 5px;
    		border-radius: 3px;
    		font-family: arial;
    		font-weight: bold;
    		font-size: 12px;
    		text-transform: uppercase;
    		margin: 0.5rem 2%;
  			}
		}

	@media only screen and (min-width: 499px) and (orientation: portrait) {
		#MenuToggle {
			display: none;
		}
	}

/* Highlights current page in mobile menu */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header .nav ul li.Active a {
			background-color: #2C1647;
			padding: 0.75rem 0;
			text-decoration: none;
			}
		}

/* hides the existing nav separator */
	@media only screen and (max-width: 500px) and (orientation: portrait) {
		.header .nav ul li::after {
			display: none;
		}
	}



	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#page-login button.ShowSecondaryMenu,
		#page-decision_cart_checkout button.ShowSecondaryMenu,
		#page-decision_cart_checkout #RightSection #basketCart {
			display: none;
		}
	}



/* Account Nav */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LeftAccountNavigation ul  {
			width: 98% !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LeftAccountNavigation li  {
			width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#LeftAccountNavigation li a  {
			display: block;
			width: 90% !important;
			padding: 0.5rem 5% !important;
			margin: 0 !important;
		}
	}



/* hides basket on search results */

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#page-search #RightSection {
			display: none;
		}
	}


/* resizes wizard next previous font size */
	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#NextPreviousLinks #Next,
		#NextPreviousLinks #Previous {
			font-size: 0.875rem;
			width: 100px !important;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#WizardBanner .PageInfo {
			padding-bottom: 2px;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: portrait) {
		#NextPreviousLinks {
		    width: 243px;
		}
	}






















/* Landscape version 750 wide */

/* Prevent font scaling in landscape */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
    	html {
        	-webkit-text-size-adjust: none;
     	}
	}



/* Mobile media queries - everything above is unchanged so some use of !important is needed to override */

/* ensure the content doesn't break past the edge of the screen */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#RightTopHeader,
		#RightTopHeader #FontSizeIncrease,
		#RightTopHeader #LoginStatus,
		#RightTopHeader #SearchBar,
		.nav ul,
		.nav,
		#Content,
		#LogoHeader,
		.Banner::before,
		.Banner,
		#LeftAccountNavigation,
		#mainContent,
		#sectionNavigation,
		#RightSection,
		#contentHeader #contentHeaderLayout {
			width: 96% !important;
			margin: 0 !important;
			padding: 0rem 2% !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#page-decision_cart #mainContent {
			width: 98% !important;
			margin: 0rem 1% !important;
			padding: 0rem 1% !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#CartBasketLists {
			margin-left: 0 !important;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#Details table {
			width: 100%;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#Details td {
			display: block;
			width: 100%;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #Details p  {
			width: 98% !important;
			margin: 0 0 1rem 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #Details p label {
			width: 100% !important;
			margin: 0 0 0.5rem 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #Details p input {
			width: 96% !important;
			margin: 0 !important;
			padding: 0.125rem 2% !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #Details p textarea {
			width: 96% !important;
			margin: 0 0 0.25rem 0 !important;
			padding: 0.125rem 2% !important;
			min-width: auto;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #Details #DateField p  {
			margin-bottom: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #AccountContent li.liststyleinline {
			margin-right: 0 !important;
			margin-left: 0 !important;
			clear: left;
			display: block;
		}
	}



/* login */


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#SignInItem input#frmLogin_UserName.RequiredData,
		#SignInItem input#frmLogin_Password.RequiredData,
		#RegisterItem input#frmRegister_UserName.RequiredData,
		#RegisterItem input#frmRegister_Password.RequiredData,
		#RegisterItem input#frmRegister_Conform_Password.RequiredData {
    		width: 95% !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent .registerbox label {
			margin-bottom: 0.35rem;
		}
	}


/* end login */


/* account */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#Documents, #Payments, #Details, #LeftAccountNavigation, #UserProfile, #UserProfile, #Account, #CartBasketListsContent, #ViewPaymentsContent, #ViewPayments {
			width: 100% !important;
			padding: 0 !important;
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LeftAccountNavigation ul {
			width: 98% !important;
			padding: 0 1% !important;
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #LatestVersions li span.liststylebuttonslinks {
			position: static !important;
			margin-left: 0;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#Reminders .ReminderButtons a {
			margin-left: 0;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#Reminders ul, #RecentlyCreatedAndDownloadedDocs ul, #LatestVersions ul, #AdvanceStatement ul, #AdvanceDecision ul, #RecentPayments ul, #PaymentHistory ul {
			margin: 0;
			padding: 1rem 0;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent li span.reminderstext, #mainContent li span.recentlycreatedanddownloadedsdocstext, #mainContent li span.latestversionstext {
			margin: 1rem 0 !important;
			padding: 0;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#RecentlyCreatedAndDownloadedDocs .ButtonDownload {
			float: left !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#RecentlyCreatedAndDownloadedDocs {
			overflow: auto;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent #LatestVersions .LatestLinks {
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LatestVersions .ButtonDownload,
		#AdvanceStatement .ButtonDownload,
		#Reminders .ButtonView {
			padding-left: 2rem !important;
			padding-right: 2rem !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#RecentPayments .ButtonViewFullPaymentHistory {
			padding-left: 1rem !important;
			padding-right: 1rem !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#mainContent a.ButtonViewFullPaymentHistory {
    		margin-top: 1rem;
    		margin-bottom: 1rem;
    		float: left;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#RecentPayments {
			overflow: auto;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#ViewPayments {
			padding-bottom: 2rem !important;
			margin-bottom: 1rem !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#ViewPaymentsContent .intro {
			padding: 0 0 2rem 0 !important;
		}
	}


/* header */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header {
			background-color: red;
			height: auto;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LogoHeader {
			height: auto;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LeftTopHeader {
			width: 40%;
			height: auto;
		}
	}



	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#MiddleTopHeader {
			top: 0;
			margin-top: 5%;
			height: auto;
			width: 60%;
		}
	}

	@media only screen and (max-width: 650px) and (orientation: landscape) {
		#MiddleTopHeader {
			margin-top: 3%;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#CatchPhrase {
			top: 0;
			padding: 2% 3%;
			width: 50%;
		}
	}

	@media only screen and (max-width: 650px) and (orientation: landscape) {
		#CatchPhrase {
			width: 55%;
		}
	}

	@media only screen and (max-width: 550px) and (orientation: landscape) {
		#CatchPhrase {
			width: 65%;
		}
	}

	@media only screen and (max-width: 500px) and (orientation: landscape) {
		#CatchPhrase {
			width: 90%;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#RightTopHeader {
			width: 100% !important;
			clear: left !important;
			float: left !important;
			height: auto !important;
			padding: 0 !important;
			margin: 0.5rem 0 !important;
			text-align: left !important;
			margin-bottom: 0.5rem !important;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#FontSizeIncrease {
			display: none;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LoginStatus a {
			margin-left: 0.5em;
    		padding-left: 0.5em;
		}
	}

	@media only screen and (max-width: 600px) and (orientation: landscape) {
		#LoginStatus a {
			font-size: 0.75rem;
		}
	}

/* This is an override that fixed the account links not being selectable */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#RightTopHeader #SearchBar {
			position: static !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LoginStatus div {
			margin-top: 0;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#sectionNavigation ul li .TitleLevel1,
		#sectionNavigation ul li .TitleLevel2 {
			padding: 0.5rem 3% !important;
			width: 94% !important;
		}
	}


/* clears the search content past the search */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#contentHeader {
			clear: left;
		}
	}

/* ensures the pop-up to add content doesn't expand past the edge of the page */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.ui-dialog {
			max-width: 90%;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.fixed-dialog {
			top: 10px !important;
		}
	}


/* home */

/* banner */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.Banner * {
			width: auto;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.Banner:before {
			min-height: 360px !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.decisionStatements {
			padding-top: 2rem !important;
			float: left;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.decisionStatements h1	{
			font-size: 2rem;
			margin-top: 2rem;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.Banner h1 {
			font-size: 2rem;
			width: 100%;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.ConsultantBox {
			width: 100%;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.ConsultantBox .EmbeddedMedia {
			width: 100%;
			position: static;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.ConsultantBox .CallToAction {
			width: 90%;
			padding: 0 5% 1rem 5% !important;
			margin: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.ConsultantBox .CallToAction p {
    		font-size: 1.25rem;
			margin: 0 0 2rem 0 !important;
    	}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.decisionStatements p {
			margin-left: 0.25rem;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.HalfBox {
			width: 100%;
			padding: 0;
			margin: 0;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#page-decision_cart #Account {
			display: none;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#AccountContent {
			width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#contentHeader {
			min-height: auto !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#contentHeader #contentHeaderTitle {
			padding: 1rem 5%;
			width: 50%;
			font-size: 1.5rem;
		}
	}

	@media only screen and (max-width: 600px) and (orientation: landscape) {
		#contentHeader #contentHeaderTitle {
			padding: 1rem 5%;
			width: 90%;
			font-size: 1.5rem;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#contentHeader #contentHeaderLayout,
		.DementiaIllustration #contentHeader #contentHeaderLayout {
			min-height: 120px !important;
			background-size: 200px auto !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.HeadThinkIllustration #contentHeader #contentHeaderLayout {
			min-height: 120px !important;
			background-size: 120px auto !important;
		}
	}

	@media only screen and (max-width: 600px) and (orientation: landscape) {
		#contentHeader #contentHeaderLayout,
		.HeadThinkIllustration #contentHeader #contentHeaderLayout,
		.DementiaIllustration #contentHeader #contentHeaderLayout {
			background-image: none;
			min-height: auto !important;
		}
	}





/* side menu */

/* hides the button and block */

/* sets the width when the show/hide appears */
	@media only screen and (min-width: 749px) and (orientation: landscape) {
		button.ShowSecondaryMenu {
			display: none;
			}
		}

/* sets the width when the side menu is hidden */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
		div.SecondaryMenu {
	    	display: none;
	    	background-color: #FFFFFF;
		}
	}

	@media only screen and (min-width: 750px) and (orientation: landscape) {
		div.SecondaryMenu {
	    	display: block;
	    	background-color: #FFFFFF;
		}
	}

/* show/hide button */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		button.ShowSecondaryMenu {
		    background-color: #43216C;
		    color: #FFFFFF;
		    cursor: pointer;
		    padding: 1rem 0;
		    width: 96%;
		    margin: 1rem 2% 0 2%;
		    border: none;
		    text-align: center;
		    outline: none;
		    font-size: 1rem;
		    transition: 0.4s;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		button.ShowSecondaryMenu:after {
			content:"\25bc";
			margin-top: 0;
			margin-left: 20px;
			font-size: 1rem;
			color: #FFFFFF;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		button.ShowSecondaryMenu:before {
			content:"\25bc";
			margin-top: 0;
			margin-right: 20px;
			font-size: 1rem;
			color: #FFFFFF;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		button.ShowSecondaryMenu.open:after {
			content:"\25b2";
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		button.ShowSecondaryMenu.open:before {
			content:"\25b2";
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.SideMenuVisible div.SecondaryMenu {
			display: inline;
		}
	}


	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#page-site_browse #aboutVideo,
		#page-site_browse .socialLinks {
			display: none;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#sectionNavigation #socialLinks a {
			background: none;
		}
	}




/* primary mobile menu */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header {
			margin-top: 36px;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header .nav {
			position: absolute;
			top: 0;
			height: auto;
			z-index: 100;
	    	border-bottom: 0;
	    	width: 100% !important;
	    	padding: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
	 	.header .nav ul {
		    display: none;
	    	height: auto;
	    	width: 100% !important;
	    	padding: 0 !important;
	  	}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header .nav ul li {
			width: 100%;
		}
	}

/* adds space above donate button for mobile */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header .nav ul li input {
			margin-top: 1rem;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header .nav ul li a {
			display: block;
			font-size: 1.125rem;
			text-align: center;
			width: 100%;

		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.TopMenuVisible .header .nav ul {
			display: inline;
			}
		}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
 		.header .nav a#MenuToggle {
    		position: relative;
    		color: #FFFFFF;
    		float: right;
    		text-decoration: none;
    		border: solid 1px #FFFFFF;
    		padding: 2px 5px;
    		border-radius: 3px;
    		font-family: arial;
    		font-weight: bold;
    		font-size: 12px;
    		text-transform: uppercase;
    		margin: 0.5rem 2%;
  			}
		}

	@media only screen and (min-width : 749px) and (orientation: landscape) {
		#MenuToggle {
			display: none;
		}
	}

/* Highlights current page in mobile menu */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header .nav ul li.Active a {
			background-color: #2C1647;
			padding: 0.75rem 0;
			text-decoration: none;
			}
		}

/* hides the existing nav separator */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
		.header .nav ul li::after {
			display: none;
		}
	}



	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#page-login button.ShowSecondaryMenu,
		#page-decision_cart_checkout button.ShowSecondaryMenu,
		#page-decision_cart_checkout #RightSection #basketCart {
			display: none;
		}
	}



/* Account Nav */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LeftAccountNavigation ul  {
			width: 98% !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LeftAccountNavigation li  {
			width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#LeftAccountNavigation li a  {
			display: block;
			width: 90% !important;
			padding: 0.5rem 5% !important;
			margin: 0 !important;
		}
	}



/* hides basket on search results */

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#page-search #RightSection {
			display: none;
		}
	}


/* resizes wizard next previous font size */
	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#NextPreviousLinks #Next,
		#NextPreviousLinks #Previous {
			font-size: 0.875rem;
			width: 100px !important;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#WizardBanner .PageInfo {
			padding-bottom: 2px;
		}
	}

	@media only screen and (max-width: 750px) and (orientation: landscape) {
		#NextPreviousLinks {
		    width: 243px;
		}
	}