/* Includes
========================================================================== */
@import url("css/normalize.css");
@import url("css/icons.css");
@import url("css/slick.css");

/* Prep
========================================================================== */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { 
	font: 16px/1.618 sans-serif; 
	font-weight: 400; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	text-rendering: optimizeLegibility; 
	-webkit-font-smoothing: antialiased; 
	height: 100%;
}

body { 
	color: #222; 
	margin: 0; 
	min-height: 100%; 
	max-width: 100%; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	padding: 0; 
	position: relative; 
	z-index: 0; 
}

img { max-width: 100%; }

/* Site Containers
   ========================================================================== */

#siteBox {  display: block; width: 100%; min-height: 100%; background-color: inherit; z-index: 0; transition: margin-left 0.5s; }
	#siteBox.openLeft { box-shadow: -2px 0 4px -1px #222; }
	#siteBox.openRight { box-shadow: 2px 0 4px -1px #222; }

	header { background: #fff; border-bottom: #d0d1d5 1px solid; display: block; height: 66px; width: 100%; }
		#headerContent { display: block; margin: 0 auto; height: 100%; max-height: 100%; max-width: 1282px; padding: 5px; position: relative; text-align: center; z-index: 0; }
			#headerLeftBox,
			#headerRightBox { font-size: 25px; height: 100%; line-height: 1em; padding: 5px; position: absolute; top: 0; z-index: 1; }
			#headerLeftBox { left: 0; }
			#headerRightBox { right: 0; }
				#headerLeftBox a, 
				#headerLeftBox a,
				#headerLeftBox a:hover, 
				#headerLeftBox a:hover { text-decoration: none; }
				#headerLeftBox [class^="icon-"], 
				#headerLeftBox [class*=" icon-"],
				#headerLeftBox [class*="	icon-"],
				#headerRightBox [class^="icon-"], 
				#headerRightBox [class*=" icon-"],
				#headerRightBox [class*="	icon-"] { color: #444; cursor: pointer; }
				#headerLeftBox [class^="icon-"]:hover, 
				#headerLeftBox [class*=" icon-"]:hover,
				#headerLeftBox [class*="	icon-"]:hover,
				#headerRightBox [class^="icon-"]:hover, 
				#headerRightBox [class*=" icon-"]:hover
				#headerRightBox [class*="	icon-"]:hover { color: #222; }
				#headerLeftBox .icon-menu,
				#headerRightBox .icon-menu { margin-top: -2px; }
				#headerLeftBox > *,
				#headerRightBox > * { display: inline-block; margin: 0 5px; position: relative; top: 50%; transform: translateY(-50%); }
				#headerLeftBox > *:first-child,
				#headerRightBox > *:first-child { margin-left: 0; }
				#headerLeftBox > *:last-child,
				#headerRightBox > *:last-child { margin-right: 0; }
				@media (min-width: 1024px) {
					#headerLeftBox > [onclick^="navOpen("], 
					#headerLeftBox > [onclick*=" navOpen("],
					#headerRightBox > [onclick^="navOpen("], 
					#headerRightBox > [onclick*=" navOpen("] { display: none; }
				}
			#headerLogo { display: inline-block; font-size: 0; height: 100%; max-width: 50%; text-align: center; }
			#headerLogo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0.1%; } 
				#headerLogo img { display: inline-block; max-height: 100%; max-width: 99.9%; vertical-align: middle; }
				#headerLogoText { display: inline-block; font-size: 2rem; max-width: 99.9%; vertical-align: middle; white-space: nowrap;}
			.headerSearch { display: inline-block; height: 100%; vertical-align: middle; }
				.headerSearch form { height: 35px; position: relative; top: 50%; transform: translateY(-50%); z-index: 2; }
					.headerSearch button[type='submit'] { background: none; border: 0; color: #444; font-size: 1rem; line-height: 1em; position: absolute; right: 2px; top: 2px; }
					.headerSearch button[type='submit']:hover { background: none; border: 0; }
						.headerSearch button[type='submit'] [class^="icon-"],
						.headerSearch button[type='submit'] [class*=" icon-"],
						.headerSearch button[type='submit'] [class*="	icon-"] { font-size: 1rem !important; line-height: 1em !important; }
					.headerSearch input[type='text'] { border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: inset 0 0 3px -2px #666; display: none; font-size: 18px; height: 100%; line-height: 23px; max-height: 100%; padding: 5px 30px 5px 10px; vertical-align: middle; width: 200px; }
			@media (min-width: 768px) {
				.headerSearch input[type='text'] { display: block; }
			}
			.headerSocial { display: inline-block; font-size: 20px; line-height: 1em; text-decoration: none; vertical-align: top; }
			.headerSocial:hover { text-decoration: none; }

	#headerUserNav { position: absolute; top: 85px; right: 34px; display: none; background: #666666; color: #fff; z-index: 1; }
	@media (min-width: 640px) { #headerUserNav { right: -5px; } }
	#headerUserNav a { display: block; margin: 5px 10px; font-size: 18px; color: #fff; text-decoration: none; white-space: nowrap; }
	#headerUserNav a:hover { color: #FAEBA9; text-decoration: none; }

	nav { 
		background: #454545; 
		bottom: 0; 
		color: #fff; 
		display: none; 
		font-size: 18px; 
		left: 0; 
		line-height: 26px; 
		max-width: 280px; 
		padding: 0; 
		position: fixed; 
		overflow-y: auto; 
		right: auto; 
		top: 0; 
		width: 90%; 
		z-index: -1; 
	}

	nav + nav { 
		background: #666666; 
	}

	nav.sectionNav.scrolling {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	nav.sectionNav.scrolling::-webkit-scrollbar {
		display: none;
	}

	nav.sectionNav:not(.scrolling) {
		height: auto;
	}
		nav.sectionNav:not(.scrolling) > ul {
			white-space: normal;
		}

	nav.rightSide { 
		left: auto; 
		right: 0; 
	}

		nav.rightSide > ul { }
		@media (min-width: 1024px) { 
			nav.rightSide > ul { 
				text-align: right; 
			} 
		}

		nav a,
		nav span,
		nav .link,
		ul.mchnSubNav a,
		ul.mchnSubNav span,
		ul.mchnSubNav .link { 
			color: #fff; 
			display: inline-block; 
			vertical-align: top; 
		}

		nav a:hover,
		nav .link:hover,
		ul.mchnSubNav a:hover,
		ul.mchnSubNav .link:hover { 
			color: #fff; 
		}

		nav .heading,
		ul.mchnSubNav .heading { 
			cursor: pointer; 
			color: #fff; 
			display: block; 
			font-weight: normal; 
			max-width: none; 
			position: relative; 
			width: 100%; 
			z-index: 1; 
		}
			nav .heading .icon-arrow-down2,
			nav .heading .icon-circle-down,
			ul.mchnSubNav .heading .icon-arrow-down2,
			ul.mchnSubNav .heading .icon-circle-down { 
				cursor: default; 
				display: inline-block; 
				line-height: 26px; 
				margin-left: 10px; 
				vertical-align: text-bottom; 
			}

		nav ul,
		ul.mchnSubNav,
		ul.mchnSubNav ul { 
			background: transparent; 
			display: inline-block; 
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
		}

		nav > ul { 
			font-size: 0; 
			margin-left: auto; 
			margin-right: auto; 
			max-width: 1282px; 
			position: relative; 
			width: 100%; 
		}
			nav > ul > li { 
				font-size: 18px; 
			}

			nav > ul > li#navLogo {  }
				nav > ul > li#navLogo > * { 
					display: block; 
				}
					nav > ul > li#navLogo img { 
						display: block; 
						max-height: 26px; 
					}

			nav > ul > li.rightSide { 
				float: right; 
			}
				nav > ul > li > ul > li.spacer,
				ul.mchnSubNav > li.spacer { 
					background-color: #454545; 
					content: " "; 
					display: block; 
					font-size: 0; 
					height: 5px; 
					margin: 0; 
					overflow: hidden; 
					padding: 0; 
				}
					nav > ul > li > ul > li > ul,
					ul.mchnSubNav > li > ul { 
						background-color: #777; 
					}

			nav > ul > li:hover { 
				background: #626262; 
				color: #fff; 
			}
				nav > ul > li:hover a,
				nav > ul > li:hover .heading { 
					color: #fff; 
				}
					nav > ul > li:hover > a,
					nav > ul > li:hover > .heading > a { 
						text-decoration: underline; 
					}

					/* I don't think this is doign anything
					nav > ul > li:hover li a,
					nav > ul > li:hover li a { 
						color: #fff; 
					}
					*/

					nav > ul > li#navLogo:hover { 
						background: none; 
					}

			nav > ul .content,
			ul.mchnSubNav .content { 
				display: none; 
			}

			nav li,
			ul.mchnSubNav li { 
				background: transparent; 
				color: #fff; 
				display: block; 
				margin: 0; 
				padding: 5px 10px 5px; 
				position: relative; 
				vertical-align: top; 
			}

			nav li.selected,
			ul.mchnSubNav li.selected { 
				background: #626262; 
				color: #fff; 
			}
				nav li > ul,
				ul.mchnSubNav li > ul { 
					display: none; 
				}

		.navSocial { display: inline-block; font-size: 20px; line-height: 1em; margin: 5px 5px; text-decoration: none; vertical-align: top; }
		.navSocial:hover { text-decoration: none; }
		.navSocial:first-of-type { margin-left: 0; }
		.navSocial:last-of-type { margin-right: 0; }

	nav.sectionNav { 
		bottom: auto; 
		box-shadow: none; 
		display: block; 
		height: 36px; 
		left: auto; 
		max-width: 100%; 
		position: static; 
		overflow: visible; 
		right: auto; 
		top: auto; 
		width: 100%; 
		z-index: 1; 
	}
		nav.sectionNav .heading { 
			display: inline-block; 
		}
			nav.sectionNav > ul { 
				display: block; 
				position: relative; 
				text-align: center; 
				white-space: nowrap; 
			}
				nav.sectionNav > ul > li { 
					height: 100%; 
				}

				nav.sectionNav > ul > li.fullWidth { 
					position: static; 
				}
					nav.sectionNav > ul > li > ul { 
						left: 0; 
						min-width: 100%; 
						position: absolute; 
						right: auto; 
						top: 36px; 
						z-index: 998; 
					}

					nav.sectionNav > ul > li.fullWidth > ul { 
						right: 0; 
						padding: 5px; 
						top: 36px; 
						z-index: 998; 
					}
					
						nav.sectionNav > ul > li.fullWidth > ul > li,
						ul.mchnSubNav > li { 
							white-space: normal; 
						}

						nav.sectionNav > ul > li.fullWidth > ul > .content,
						ul.mchnSubNav > .content { 
							display: block; 
							float: right; 
							text-transform: none; 
							width: 75%; 
						}

						nav.sectionNav > ul > li.fullWidth > ul > .content:only-child,
						ul.mchnSubNav > .content:only-child {
							float: none; 
							width: 100%; 
						}

				nav.sectionNav li { 
					display: inline-block; 
					padding-left: 15px; 
					padding-right: 15px; 
				}
					nav.sectionNav li > ul { 
						background: #626262; 
					}
						nav.sectionNav li > ul li { 
							display: block; 
							text-align: left; 
							white-space: nowrap; 
						}

						nav.sectionNav li > ul a:hover,
						nav.sectionNav li > ul .link:hover { 
							text-decoration: underline; 
						}


	@media (min-width: 1024px) {
		nav,
		nav.rightSide { 
			bottom: auto; 
			box-shadow: none; 
			display: block; 
			height: 36px; 
			left: auto; 
			max-width: 100%; 
			position: static; 
			overflow: visible; 
			right: auto; 
			top: auto; 
			width: 100%; 
			z-index: 1; 
		}
			nav .heading { 
				display: inline-block; 
			}

			nav > ul { 
				display: block; 
				text-align: center; 
			}
				nav > ul > li { 
					height: 100%;
				}			
					nav > ul > li > ul,
					ul.mchnSubNav { 
						left: 0; 
						min-width: 100%; 
						position: absolute; 
						right: auto; 
						top: 36px; 
						z-index: 998; 
					}
						nav > ul > li > ul > li > ul,
						ul.mchnSubNav > li > ul { 
							left: 100%; 
							min-width: 100%; 
							position: absolute; 
							right: auto; 
							top: 0; 
							z-index: 998; 
						}

						nav.rightSide > ul > li > ul > li > ul { 
							left: auto; 
							min-width: 100%; 
							position: absolute; 
							right: 100%; 
							top: 0; 
							z-index: 998; 
						}

				nav > ul > li.fullWidth { 
					position: static; 
				}
					nav > ul > li.fullWidth > ul { 
						right: 0; 
						padding: 5px; 
						top: 36px; 
						z-index: 998; 
					}
						nav > ul > li.fullWidth > ul > li { 
							white-space: normal; 
							width: 25%; 
						}

						nav > ul > li.fullWidth > ul > .content { 
							display: block; 
							float: right; 
							text-transform: none; 
							width: 75%; 
						}

						nav > ul > li.fullWidth > ul > .content:only-child { 
							float: none; 
							width: 100%; 
						}

			nav li { 
				display: inline-block; 
				padding-left: 15px; 
				padding-right: 15px; 
			}
				nav li > ul { 
					background: #626262; 
			}
					nav li > ul li { 
						display: block; 
						text-align: left; 
						white-space: nowrap; 
					}

					nav li > ul a:hover,
					nav li > ul .link:hover { 
						text-decoration: underline; 
					}

			.navSocial { 
				display: none; 
			}
	}

	#mchn-accountNav,
	#mchn-accountNav-noLoad { 
		font-family: "Arial", sans-serif;
		font-size: 16px;
		font-weight: 400;
	}
	@media (min-width: 1024px) { #mchn-accountNav, #mchn-accountNav-noLoad { 
		height: 28px;
		line-height: 18px; 
	} }

		#mchn-accountNav > ul > li,
		#mchn-accountNav-noLoad > ul > li { }
		@media (min-width: 1024px) { #mchn-accountNav > ul > li, #mchn-accountNav-noLoad > ul > li { 
			font-size: 14px; 
			line-height: 24px;
			padding-bottom: 2px;
			padding-top: 2px;
		} }

			#mchn-accountNav > ul > li > ul,
			#mchn-accountNav-noLoad > ul > li > ul { 
				top: 28px;
			}

		#mchn-accountNav > ul > li.mchn-navIconBox { 
			background-color: #666;
			font-size: 0;
			padding: 0;
			text-align: center;
		}

			#mchn-accountNav > ul > li.mchn-navIconBox > * { 
				font-size: 16px !important;
				line-height: 26px !important;
				vertical-align: middle !important;
			}
			@media (min-width: 1024px) { #mchn-accountNav > ul > li.mchn-navIconBox > * { 
				font-size: 14px !important; 
				line-height: 18px !important;
			} }


		#mchn-accountNav li,
		#mchn-accountNav-noLoad li,
		#mchn-accountNav .mchn-navIcon { 
			position: relative !important; 
			width: auto !important;
		}

		#mchn-accountNav .mchn-navIcon { 
			padding: 5px 10px 5px !important; 
		}

		#mchn-accountNav .heading,
		#mchn-accountNav-noLoad .heading { 
			font-family: "Arial", sans-serif;
		}

	.managementNavText { background: #000; color: #fff; }
	.managementNavText:hover { background: #000; color: #fff; text-decoration: underline; }
	.managementNavText { display: inline-block; font-size: 0.9rem; line-height: 1em; padding: 0.4em 0.6em; text-decoration: none; }

	ul.mchnSubNav {
		background: #626262; 
		bottom: auto;
		color: #fff; 
		display: none;
		left: 0;
		max-width: 100%;
		position: absolute;
		right: auto;
		top: 0;
	}

	footer { 
		color: #fff; 
		background: #222; 
		display: block; 
		width: 100%; 
	}
		#footerContent { 
			display: block; 
			margin: 0 auto; 
			max-width: 1282px; 
			padding: 10px 5px; 
			position: relative; 
			text-align: center; 
			z-index: 0; 
		}
			#footerContent a,
			#footerContent .link { 
				color: #fff; 
			}
			#footerContent a:hover,
			#footerContent .link:hover { 
				color: #fff; 
				text-decoration: underline; 
			}
			#footerContent h1,
			#footerContent h2,
			#footerContent h3,
			#footerContent h4,
			#footerContent h5,
			#footerContent h6 { 
				color: #fff; 
				margin-bottom: 0.5rem; 
			}
	#footerSmallPrint { 
		background: #000; 
		color: #fff; 
		display: block; 
		font-family: 'Arial', sans-serif; 
		font-size: 12px; 
		font-weight: 400; 
		line-height: 1.3em; 
		padding: 5px; 
		position: relative; 
		text-align: center; 
		width: 100%; 
		z-index: 0; 
	}
		#footerSmallPrint a,
		#footerSmallPrint .link { 
			color: #ddd; 
			text-decoration: underline; 
		}
		#footerSmallPrint a:hover,
		#footerSmallPrint .link:hover { 
			color: #fff; 
			text-decoration: none; 
		}

	main { max-width: 1282px; margin: 0 auto 8px auto; position: relative; }
	header ~ main { margin-top: 8px; }
	nav ~ main { margin-top: 0; }
	main.fullWidth {max-width: 100%; }
		aside { display: none; position: absolute; right: 0; top: 0; width: 300px; }
		@media (min-width: 1024px) { aside { display: block; } }
		
		.mainContent { background: #fff; border-bottom-width: 1px; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-left-width: 0; border-right-width: 0; border-style: solid; border-top-width: 1px; display: block; max-width: 100%; padding: 8px; position: relative; }
		main.fullWidth > .mainContent { border-top: 0; border-left: 0; border-right: 0; padding-top: 0; padding-left: 0; padding-right: 0; }
		@media (min-width: 1282px) { .mainContent { border-left-width: 1px; border-right-width: 1px; } }
		@media (min-width: 1282px) { main.fullWidth > .mainContent { border-left-width: 0; border-right-width: 0; } }
		@media (min-width: 1024px) { aside + .mainContent { border-right-width: 1px; margin-right: 308px; } }
			main.fullWidth section.fullWidth > section:not(.fullWidth) {
				padding-left: 8px;
				padding-right: 8px;
			}
			@media (min-width: 1282px) { main.fullWidth section.fullWidth > section:not(.fullWidth) {
				padding-left: 0;
				padding-right: 0;
			} }

	section { 
		background: #fff; 
		border-bottom-width: 1px; 
		border-color: #e5e6e9 #dfe0e4 #d0d1d5; 
		border-left-width: 0; 
		border-right-width: 0; 
		border-style: solid; 
		border-top-width: 1px; 
		display: block; 
		margin: 0px auto; 
		max-width: 1282px; 
		padding: 0; 
	}
	@media (min-width: 1266px) { section { 
		border-left-width: 1px; 
		border-right-width: 1px; 
	} }
	@media (min-width: 1280px) { section { 
		margin: 0px auto; 
	} }
	section:first-child,
	style:first-child + section { 
		margin-top: 0; 
	}
	section:last-child,
	aside > section:last-child,
	main > section:last-child,
	#welcomeMatText > section:last-child,
	.mainContent > section:last-child { margin-bottom: 0; }
	aside section { border-left-width: 1px; border-right-width: 1px; }
	header section { border: 0; margin-bottom: 0; margin-top: 0; max-height: 100%; }
	.mainContent section { border: 0; }
		section section { border: 0; }

	section.bordered { 
		border: #b9b9b9 1px solid; 
		border-radius: 5px; 
	}

	section.focused,
	section.hover-focused:hover { 
		border-color: #88d5e9; 
		box-shadow: 0px 0px 8px #88d5e9; 
	}

	section.fullWidth { border-left: 0; border-right: 0; max-width: 100%; }

	section.noBorder { border: 0; }

	section.gray, section.grey { background: #e3e3e3; }
	section.transparent { background: none; border-width: 0; }
	section.white { background: #fff; }

	.boxes { 
		font-size: 0; 
		text-align: center; 
	}
	
	.boxes.bordered { 
		border: #b9b9b9 1px solid; 
		border-radius: 5px; 
	}

	.boxes.focused,
	.boxes.hover-focused:hover { 
		border-color: #88d5e9; 
		box-shadow: 0px 0px 8px #88d5e9; 
	}

	.boxes.transparent { background: none; border-width: 0; }
		.box10,
		.box20,
		.box25,
		.box33,
		.box40,
		.box50,
		.box60,
		.box67,
		.box75,
		.box80,
		.box100 { display: inline-block; font-size: 1rem; margin: 0; vertical-align: top; }
		.box10,
		.box20 { min-width: 75px; padding: 8px 8px; width: 33%; }
		.box25,
		.box33,
		.box40,
		.box50,
		.box60,
		.box67,
		.box75,
		.box80,
		.box100 { min-width: 300px; padding: 8px 0; width: 100%; }
		.boxes.bordered > [class^='box'],
		.boxes.bordered > [class*=' box'],
		.boxes.bordered > [class*='	box'] { 
			border-radius: 5px; 
		}
		@media (min-width: 316px) { 
			.box25,
			.box33,
			.box40,
			.box50,
			.box60,
			.box67,
			.box75,
			.box80,
			.box100 { min-width: 316px; padding-left: 8px; padding-right: 8px; }
		}
		@media (min-width: 480px) { 
			.box10,
			.box20 { width: 25%; }
		}
		@media (min-width: 648px) { 
			.box10 { width: 14.2857%; }
			.box25,
			.box33,
			.box40,
			.box50,
			.box60 { width: 50%; }
		}
		@media (min-width: 965px) { 
			.box10 { width: 10%; }
			.box20,
			.box25,
			.box33,
			.box40 { width: 33.33%; }
			.box60,
			.box67,
			.box75,
			.box80 { width: 66.67%; }
		}
		@media (min-width: 1280px) { 
			.box20 { width: 20%; }
			.box25 { width: 25%; }
			.box40 { width: 40%; }
			.box60 { width: 60%; }
			.box75 { width: 75%; }
			.box80 { width: 80%; }
		}

		.box10.noMinWidth,
		.box10[class^='minWidth'],
		.box10[class*=' minWidth'],
		.box10[class*='	minWidth'] {
			width: 10%;
		}
		.box20.noMinWidth,
		.box20[class^='minWidth'],
		.box20[class*=' minWidth'],
		.box20[class*='	minWidth'] {
			width: 20%;
		}
		.box25.noMinWidth,
		.box25[class^='minWidth'],
		.box25[class*=' minWidth'],
		.box25[class*='	minWidth'] {
			width: 25%;
		}
		.box33.noMinWidth,
		.box33[class^='minWidth'],
		.box33[class*=' minWidth'],
		.box33[class*='	minWidth'] {
			width: 33%;
		}
		.box40.noMinWidth,
		.box40[class^='minWidth'],
		.box40[class*=' minWidth'],
		.box40[class*='	minWidth'] {
			width: 40%;
		}
		.box50.noMinWidth,
		.box50[class^='minWidth'],
		.box50[class*=' minWidth'],
		.box50[class*='	minWidth'] {
			width: 50%;
		}
		.box67.noMinWidth,
		.box67[class^='minWidth'],
		.box67[class*=' minWidth'],
		.box67[class*='	minWidth'] {
			width: 67%;
		}
		.box75.noMinWidth,
		.box75[class^='minWidth'],
		.box75[class*=' minWidth'],
		.box75[class*='	minWidth'] {
			width: 75%;
		}
		.box80.noMinWidth,
		.box80[class^='minWidth'],
		.box80[class*=' minWidth'],
		.box80[class*='	minWidth'] {
			width: 80%;
		}
		.box100.noMinWidth,
		.box100[class^='minWidth'],
		.box100[class*=' minWidth'],
		.box100[class*='	minWidth'] {
			width: 100%;
		}

			[class^='box'] > section:first-child,
			[class*=' box'] > section:first-child,
			[class*='	box'] > section:first-child { 
				margin-top: 0; 
			}

		aside .box10,
		aside .box20,
		aside .box25,
		aside .box33,
		aside .box40,
		aside .box50,
		aside .box60,
		aside .box67,
		aside .box75,
		aside .box80,
		aside .box100 { 
			display: block; 
			min-width: 0; 
			padding-bottom: 0; 
			padding-left: 0; 
			padding-right: 0; 
			width: 100%; 
		}

			aside section.transparent > .boxes:first-child > [class^='box']:first-child,
			aside section.transparent > .boxes:first-child > [class*=' box']:first-child,
			aside section.transparent > .boxes:first-child > [class*='	box']:first-child { 
				padding-top: 2px; 
			}

		main > .boxes > [class^='box'],
		main > .boxes > [class*=' box'],
		main > .boxes > [class*='	box'] { 
			padding-left: 4px; 
			padding-right: 4px; 
		}

		main > .boxes > [class^='box']:first-child:not(.floatRight),
		main > .boxes > [class*=' box']:first-child:not(.floatRight),
		main > .boxes > [class*='	box']:first-child:not(.floatRight),
		main > .boxes > .box100 { 
			padding-left: 0; 
		}

		main > .boxes > .box100 { 
			padding-right: 0; 
		}

		section.fullWidth > .boxes > .box100 { 
			margin-left: 0; 
			margin-right: 0; 
			padding-left: 0; 
			padding-right: 0; 
		}
		section.fullWidth > .boxes > .box100:first-child { 
			margin-top: 0;
			padding-top: 0; 
		}
		section.fullWidth > .boxes > .box100:last-child { 
			margin-bottom: 0; 
			padding-bottom: 0; 
		}

			.boxContent { display: block; width: 100%; }
			.boxContent.accordian {  }
			.boxContent.bordered { 
				border: #b9b9b9 1px solid; 
				border-radius: 5px; 
			}
				.boxContent.bordered > .boxContentBody {
					padding: 8px;
				}
			.boxContent.focused,
			.boxContent.hover-focused:hover { 
				border-color: #88d5e9; 
				box-shadow: 0px 0px 8px #88d5e9; 
			}
			.boxContent.peek {  }
			.boxContent.shadowed,
			.boxContent.hover-shadowed:hover { 
				box-shadow: 1px 1px 4px #ebebeb; 
			}
			.boxContent.white { background-color: #fff; }
				.boxContent h1,
				.boxContent h2,
				.boxContent h3,
				.boxContent h4 { margin-bottom: 8px; }

				.boxContent > h1:last-child,
				.boxContent > h2:last-child,
				.boxContent > h3:last-child,
				.boxContent > h4:last-child { margin-bottom: 0; }

				.boxContentBody { 
					display: block; 
					padding: 0; 
					width: 100%; 
				}
				.boxContent.accordian > .boxContentBody { 
					display: none; 
				}
				.boxContent.bordered > .boxContentBody {
					
				}
				.boxContent.peek > .boxContentBody { 
					height: 2rem;
					overflow: hidden; 
					transition: max-height 1s; 
				}
				.boxContent.peek[data-mchn-peek='closed'] > .boxContentBody { 
					box-shadow: 0 2px 5px -5px #888;
					cursor: "pointer";
				}
				.boxContent.peek[data-mchn-peek='open'] > .boxContentBody { 
					height: auto;
				}
				.boxContent.shadowed > .boxContentBody { 
					border-radius: 5px; 
					padding: 8px; 
				}
				.boxContentTitleBar + .boxContentBody { 
					padding-top: 8px; 
				}
				.boxContentTitleBar { 
					background: #e9e9e9; 
					display: block; 
					font-size: 1rem; 
					padding: 5px; 
					text-align: left; 
				}
					.boxContentTitleBar > h2,
					.boxContentTitleBar > h3,
					.boxContentTitleBar > h4,
					.boxContentTitleBar > h5,
					.boxContentTitleBar > h6 { 
						display: inline-block;
						line-height: 1.2em;
						padding: 0; 
						margin: 0; 
					}
				.boxContent.accordian > .boxContentTitleBar { 
					cursor: pointer; 
				}
					.boxContent.accordian > .boxContentTitleBar > *:first-child::before { 
						content: "+"; 
						float: right; 
						height: 100%; 
						margin-left: 10px;
					}
					.boxContent.accordian[data-mchn-accordian='open'] > .boxContentTitleBar > *:first-child::before,
					.boxContent.accordian > .boxContentTitleBar[data-mchn-accordian='open'] > *:first-child::before { 
						content: "-"; 
					}
				.boxContent.bordered > .boxContentTitleBar { 
					border-radius: 5px 5px 0 0; 
				}
				.boxContent.peek > .boxContentTitleBar { 
					cursor: pointer; 
				}
					.boxContent.peek > .boxContentTitleBar > h2,
					.boxContent.peek > .boxContentTitleBar > h3,
					.boxContent.peek > .boxContentTitleBar > h4,
					.boxContent.peek > .boxContentTitleBar > h5,
					.boxContent.peek > .boxContentTitleBar > h6 { 
						display: inline-block;
						padding: 0; 
						margin: 0; 
					}
					.boxContent.peek > .boxContentTitleBar > *:first-child::before { 
						content: "+"; 
						float: right; 
						height: 100%; 
						margin-left: 10px;
					}
					.boxContent.peek[data-mchn-peek='open'] > .boxContentTitleBar > *:first-child::before { 
						content: "-"; 
					}
				.ui-sortable .boxContentTitleBar { 
					cursor: move; 
				}

	.formInputs { display: block; }
		.formButtons { display: block; margin: 10px 0; text-align: center; }
		.formInput { display: block; margin: 5px 0; width: 100%; }
			.formInput input:not([type=checkbox]):not([type=radio]),
			.formInput select { max-width: 500px; width: 100%; } 
			.formInput input[size] { width: auto !important; }
			.formInput label { display: block; font-size: 1.1em; font-weight: bold; }
			.formInput textarea { display: block; resize: vertical; width: 100%; }
		.formProgress { display: none; margin: 10px 0; text-align: center; }
			.formProgress progress { display: block; width: 100%; }

	.listings { 
		display: block; 
	}
		.listing { 
			font-size: 0; 
			position: relative; 
		}

		.listing.bordered { 
			border: #b9b9b9 1px solid; 
			border-radius: 5px; 
		}

		.listing.focused,
		.listing.hover-focused:hover { 
			border-color: #88d5e9; 
			box-shadow: 0px 0px 8px #88d5e9; 
		}

			.listing > *:not(.boxes) { font-size: 1rem; }
			.listing > .fontSize60 { font-size: 0.6rem; }
			.listing > .fontSize70 { font-size: 0.7rem; }
			.listing > .fontSize80 { font-size: 0.8rem; }
			.listing > .fontSize90 { font-size: 0.9rem; }
			.listing > .fontSize100 { font-size: 1rem; }
			.listing > .fontSize110 { font-size: 1.1rem; }
			.listing > .fontSize120 { font-size: 1.2rem; }
			.listing > .fontSize130 { font-size: 1.3rem; }
			.listing > .fontSize140 { font-size: 1.4rem; }
			.listing .listingActions { display: inline-block; position: relative; width: 80px; }
				.listing .listingActions > .listingActionsBox { background: #fff; box-shadow: 0 3px 3px -2px #888; display: none; left: 0; padding: 5px 10px; position: absolute; top: 100%; z-index: 2; }
				.listing .listingActions:hover > .listingActionsBox { display: block; }
			.listing .listingAction { display: block; margin-bottom: 5px; white-space: nowrap; }
			.listing .listingAction:last-child { margin-bottom: 0; }
				.listing .listingAction > button,
				.listing .listingAction > .button { text-align: left; text-decoration: none !important; width: 100%; }
				.listing .listingAction .listingActionsBoxGroup { display: block; margin-bottom: 5px; white-space: nowrap; }
				.listing .listingAction .listingActionsBoxGroup:last-child { margin-bottom: 0; }
					.listing .listingAction .listingActionsBoxGroup > button,
					.listing .listingAction .listingActionsBoxGroup > .button { text-align: left; white-space: nowrap; }
					.listing .listingAction .listingActionsBoxGroupTitle { display: block; font-weight: bold; }
			.listing .listingIcons { font-size: 0; }
				.listing .listingIcons > .listingIcon { font-size: 1rem; display: inline-block; position: relative; }
					.listing .listingIcons > .listingIcon [class*=" icon-"],
					.listing .listingIcons > .listingIcon [class*="	icon-"],
					.listing .listingIcons > .listingIcon [class^="icon-"] { margin: 0 5px; }
			.listing .listingOrders { color: #666; display: block; font-size: 0.9rem; }
		.listingBusy { }
		.listingBusy::before { background: rgba(255, 255, 255, 0.5); bottom: 0; content: " "; left: 0; font-size: 1.2rem; font-weight: bold; position: absolute; right: 0; text-align: center; top: 0; z-index: 2; }
		.listingBusy::after { animation: spin 2s linear infinite; border: 6px solid #f3f3f3; border-radius: 50%; border-top: 6px solid #3498db; content: " "; font-size: 1rem; height: 30px; left: 50%; position: absolute; top: 5px; width: 30px; z-index: 3; }
			.listingBusy * { z-index: 1; }
		.listingEmpty { font-size: 1rem; text-align: center; }

	.analystView { 
		overflow-x: auto; 
	}
		.analystView > .listings { 
				border: 0; 
				border-collapse: collapse; 
				display: table; 
				width: 100%; 
		}
			.analystView > .listings > .listing,
			.analystView > .listings > .pagination { 
				display: table-row; 
			}
			.analystView > .listings > .listing:nth-of-type(even) { 
				background-color: #f2f2f2; 
			}
			.analystView > .listings > .listing .analystView:nth-of-type(odd) > .listings > .listing:nth-of-type(even) { 
				background-color: #fafafa; 
			}
			.analystView > .listings > .listing .analystView:nth-of-type(even) > .listings > .listing:nth-of-type(even) { 
				background-color: #f2f2f2; 
			}
				.analystView > .listings > .listing > * { 
					display: table-cell; 
					padding: 5px; 
					text-align: left; 
					vertical-align: top; 
				}
					.analystView > .listings > .listing > * .listingURL { 
						line-height: 1.2em; 
						padding-bottom: 0.3em; 
					}
						.analystView > .listings > .listing > * .listingURL > a { 
							color: #666; 
							text-decoration: underline; 
						}
						.analystView > .listings > .listing > * .listingURL > a:hover { 
							color: #333; 
							text-decoration: none; 
						}
						
				.analystView > .listings > .listing > .listingActions { }
					.analystView > .listings > .listing > .listingActions > button:first-child + .listingActionsBox { 
						top: 37px; 
					}
				.analystView > .listings > .listing > .listingCategory { max-width: 150px; text-align: center; }
				.analystView > .listings > .listing > .listingDate { text-align: center; width: 90px; }
				.analystView > .listings > .listing > .listingEmail { text-align: left; }
				.analystView > .listings > .listing > .listingEmpty { column-span: all; }
				.analystView > .listings > .listing > .listingGeneral { text-align: center; }
				.analystView > .listings > .listing > .listingIcons { text-align: left; width: 90px; }
				.analystView > .listings > .listing > .listingID { text-align: center; width: 100px; }
				.analystView > .listings > .listing > .listingItem { text-align: left; }
				.analystView > .listings > .listing > .listingMember { text-align: left; }
				.analystView > .listings > .listing > .listingOperator { text-align: left; }
				.analystView > .listings > .listing > .listingPreviousID { text-align: center; width: 100px; }
				.analystView > .listings > .listing .listingPrice { text-align: center; }
				.analystView > .listings > .listing > .listingShippingPrices { width: 250px; }
				.analystView > .listings > .listing > .listingSite { text-align: center; }
				.analystView > .listings > .listing > .listingStat { text-align: center; width: 80px; }
				.analystView > .listings > .listing > .listingTitle { text-align: left; }
				.analystView > .listings > .listing > .listingURL { text-align: left; }
				.analystView > .listings > .listing [class^="icon-"],
				.analystView > .listings > .listing [class*=" icon-"],
				.analystView > .listings > .listing [class*="	icon-"],
				.analystView > .listings > .listing a[class^="icon-"],
				.analystView > .listings > .listing a[class*=" icon-"],
				.analystView > .listings > .listing a[class*="	icon-"] { color: #666; }
				.analystView > .listings > .listing p:first-child { margin-top: 0; }
				.analystView > .listings > .listing .listingCategory { font-size: 0.9rem; }
					.analystView > .listings > .listing .listingCategory > span.listingCategory:after { content: ", "; }
					.analystView > .listings > .listing .listingCategory > span.listingCategory:last-of-type:after { content: ""; }
				.analystView > .listings > .listing .listingChildren { color: #666; display: table; font-size: 0.85rem; margin-left: 10px; text-align: left; }
					.analystView > .listings > .listing .listingChildren > * { display: table-row; }
						.analystView > .listings > .listing .listingChildren > * > * { display: table-cell; padding: 2px; }
				.analystView > .listings > .listing .listingDate { font-size: 0.9rem; }
				.analystView > .listings > .listing .listingGeneral { }
				.analystView > .listings > .listing .listingID { font-size: 0.9rem; }
				.analystView > .listings > .listing .listingImage { text-align: center; }
					.analystView > .listings > .listing .listingImage > img { display: block; margin-left: auto; margin-right: auto; max-height: 100px; max-width: 100px; }
					.analystView > .listings > .listing .listingChildren .listingImage > img { max-height: 50px; max-width: 50px; }
				.analystView > .listings > .listing .listingLogo { text-align: center; }
					.analystView > .listings > .listing .listingLogo > img { display: block; margin-left: auto; margin-right: auto; max-height: 50px; max-width: 100px; }
				.analystView > .listings > .listing .listingMember {  }
					.analystView > .listings > .listing .listingMember .listingID:before { content: "ID:"; }
					.analystView > .listings > .listing .listingMember .listingOperator { font-size: 0.7rem; line-height: 1.2em; }
				.analystView > .listings > .listing .listingOperator {  }
				.analystView > .listings > .listing .listingParents { color: #666; display: table; font-size: 0.85rem; text-align: left; }
					.analystView > .listings > .listing .listingParents > * { display: table-row; }
						.analystView > .listings > .listing .listingParents > * > * { display: table-cell; padding: 2px; }
						.analystView > .listings > .listing .listingParents > * > *:first-child { padding-left: 0; padding-top: 0; }
						.analystView > .listings > .listing .listingParents > * > *:last-child { padding-bottom: 0; padding-right: 0; }
				.analystView > .listings > .listing .listingPreview { text-align: center; }
				.analystView > .listings > .listing .listingPreviousID { font-size: 0.9rem; }
				.analystView > .listings > .listing .listingID > .listingID + .listingPreviousID { font-size: 0.8rem; }
				.analystView > .listings > .listing .listingPaid { white-space: nowrap; }
					.analystView > .listings > .listing .listingPrice > .listingPrice + .listingPaid { color: #666; display: block; font-size: 0.8rem; line-height: 1.2em; }
					.analystView > .listings > .listing .listingPrice > .listingPrice + .listingPaid:before { content: "Paid: "; }
				.analystView > .listings > .listing .listingPrice { white-space: nowrap; }
				.analystView > .listings > .listing .listingSite { font-size: 0.9rem; }
					.analystView > .listings > .listing .listingSite > span.listingSite:after { content: ","; }
					.analystView > .listings > .listing .listingSite > span.listingSite:last-of-type:after { content: ""; }
				.analystView > .listings > .listing .listingStat {  }
				.analystView > .listings > .listing .listingTitle {  }
				.analystView > .listings > .listing .listingURL { font-size: 0.9rem; }
			.analystView > .listings > .listingHeader { background: #ccc; font-weight: bold; }
				.analystView > .listings > .listingHeader > * { font-size: 1rem !important; text-align: center; }

	.audienceView {  }
		.audienceView > .listings { 
			font-size: 0; 
		}
			.audienceView > .listings > .listing,
			.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing,
			.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing,
			.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing { 
				color: #222; 
				display: inline-block; 
			}
			.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing,
			.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing,
			.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing,
			.audienceView > .listings > .listing:not(.box10):not(.box20):not(.box25):not(.box33):not(.box40):not(.box50):not(.box60):not(.box67):not(.box75):not(.box80):not(.box100) { 
				width: 100%; 
			}
			.audienceView > .listings > .listing ~ .listing:not(.box10):not(.box20):not(.box25):not(.box33):not(.box40):not(.box50):not(.box60):not(.box67):not(.box75):not(.box80):not(.box100) { 
				margin-top: 16px; 
			}

				/* First level element in an audienceView listing */
				.audienceView > .listings > .listing > *:not(.boxes):not(.responsiveImageBox),
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing > *:not(.boxes):not(.responsiveImageBox),
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing > *:not(.boxes):not(.responsiveImageBox),
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing > *:not(.boxes):not(.responsiveImageBox) { 
					font-size: 1rem; 
					padding-bottom: 5px; 
					padding-top: 5px; 
				}

				/* First level .listingImage element in an audienceView listing */
				.audienceView > .listings > .listing > .listingImage,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingImage,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingImage,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingImage { 
					display: block; 
					font-size: 1rem;  
					margin-left: auto;
					margin-right: auto;
					padding: 0;
					position: relative; 
					width: 100%; 
					z-index: 1; 
				}
					.audienceView > .listings > .listing > .listingImage > .imageBox,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
						display: block; 
						height: 0; 
						padding-top: 75%; 
						width: 100%; 
					}
					@media (min-width: 965px) { 
						.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box60 > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box67 > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box75 > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box80 > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box100 > .listingImage > .imageBox,
						.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
							padding-top: 56.25%; 
						} 
					}
					@media (min-width: 1280px) { 
						.box33 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.box40 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box33 > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box40 > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box50 > .listingImage > .imageBox,
						.audienceView > .listings > .box33 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .box40 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
							padding-top: 56.25%; 
						} 

						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing > .listingImage > .imageBox,
						.audienceView > .listings > .listing.box100 > .listingImage > .imageBox,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
							padding-top: 42.55%; 
						} 
					}

					.audienceView > .listings > .listing > .listingImage.listingImage3x4 > .imageBox {
						padding-top: 133% !important;
					}

					.audienceView > .listings > .listing > .listingImage.listingImage1x1 > .imageBox {
						padding-top: 100% !important;
					}

					.audienceView > .listings > .listing > .listingImage.listingImage4x3 > .imageBox {
						padding-top: 75% !important;
					}

					.audienceView > .listings > .listing > .listingImage.listingImage16x9 > .imageBox {
						padding-top: 56.25% !important;
					}

					.audienceView > .listings > .listing > .listingImage.listingImage2x1 > .imageBox {
						padding-top: 50% !important;
					}

					.audienceView > .listings > .listing > .listingImage.listingImage21x9 > .imageBox {
						padding-top: 42.55% !important;
					}

				/* First level .listingItem element in an audienceView listing */
				.audienceView > .listings > .listing > .listingItem,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingItem,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingItem,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingItem { 
					font-size: 0; 
				}

				/* First level .listingText element in an audienceView listing */
				.audienceView > .listings > .listing > .listingText,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingText,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingText,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingText { 
					display: block; 
					font-size: 1rem; 
					position: relative; 
					width: 100%; 
					z-index: 1; 
				}

				/* .listingActions element anywhere in an audienceView listing */
				.audienceView .listingActions { 
					display: block; 
				}

				/* .listingTitle element anywhere in an audienceView listing */
				.audienceView .listingBrand,
				[class^='box'] > .boxContent > .boxContentBody > .audienceView .listingBrand,
				[class*=' box'] > .boxContent > .boxContentBody > .audienceView .listingBrand,
				[class*='	box'] > .boxContent > .boxContentBody > .audienceView .listingBrand,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody .listingBrand,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody .listingBrand,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody .listingBrand,
				.audienceView > .listings > [class^='box'] .listingBrand,
				.audienceView > .listings > [class*=' box'] .listingBrand,
				.audienceView > .listings > [class*='	box'] .listingBrand { 
					color: #222; 
					display: block; 
					font-size: 1rem; 
					line-height: 1.2em; 
					margin: 0; 
					padding: 0; 
					text-decoration: none; 
				}

				/* .listingBrand element as the first child anywhere in an audienceView listing */
				.audienceView .listingBrand:first-child,
				[class^='box'] > .boxContent > .boxContentBody > .audienceView .listingBrand:first-child,
				[class*=' box'] > .boxContent > .boxContentBody > .audienceView .listingBrand:first-child,
				[class*='	box'] > .boxContent > .boxContentBody > .audienceView .listingBrand:first-child,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody .listingBrand:first-child,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody .listingBrand:first-child,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody .listingBrand:first-child,
				.audienceView > .listings > [class^='box'] .listingBrand:first-child,
				.audienceView > .listings > [class*=' box'] .listingBrand:first-child, 
				.audienceView > .listings > [class*='	box'] .listingBrand:first-child{ 
					padding-top: 8px; 
				}

				/* .listingByline element anywhere in an audienceView listing */
				.audienceView .listingByline {
				}
					.audienceView .listingByline > * { 
						vertical-align: middle; 
					}
					.audienceView .listingByline > .avatar { 
						height: 1.2em; 
						width: 1.2em; 
						vertical-align: middle; 
					}
					@media (min-width: 1024px) { .audienceView .listingByline > .avatar { 
						height: 1.4em;
						width: 1.4em; 
					} }
					@media (min-width: 1024px) { .audienceView .listingByline > .avatar { 
						height: 1.6em; 
						width: 1.6em; 
					} }

				/* .listingCategories element anywhere in an audienceView listing */
				.audienceView .listingCategories { display: block; font-size: 0; margin: 0; padding: 8px 0 0; text-align: center; }
					.audienceView .listingCategories > .listingCategory { background: #333; color: #fff; display: inline-block; font-size: 0.9rem; line-height: 1em; padding: 0.4em 0.6em; text-decoration: none; }
					.audienceView .listingCategories > .listingCategory:nth-child(1) { background: #000; color: #fff; }
					.audienceView .listingCategories > .listingCategory:nth-child(2) { background: #666; color: #fff; }
						.audienceView .listingCategories > * > a { color: inherit; text-decoration: none; }
						.audienceView .listingCategories > *:hover > a { color: inherit; text-decoration: underline; }

				/* .listingCategory element anywhere in an audienceView listing */
				.audienceView .listingCategory {  }

				/* .listingDate element anywhere in an audienceView listing */
				.audienceView .listingDate {  }
					.audienceView .listingDate > .listingStatus { line-height: 1.456em; }

				/* .listingItem element anywhere in an audienceView listing */
				.audienceView .listingItem { }
					.audienceView .listingItem > * { 
						display: inline-block; 
						font-size: 1rem; 
					}
					.audienceView .listingItem > .listingImage { 
						width: 15%; 
						position: relative; 
					}
					.audienceView .listingItem > .listingImage + .listingText,
					.audienceView .listingItem > .listingImage + .listingTitle {
						display: inline-block; 
						padding-left: 10px; 
						vertical-align: top; 
						width: 85%; 
					}

				/* .listingOldPrice element anywhere in an audienceView listing */
				.audienceView .listingOldPrice { 
					color: #666; 
					font-size: 90%; 
					padding-left: 5px; 
					padding-right: 5px; 
					text-decoration: line-through; 
				}

				.listingOldPrice { 
					color: #666; 
					font-size: 90%; 
					padding-left: 5px; 
					padding-right: 5px; 
					text-decoration: line-through; 
				}

				/* .listingParent element anywhere in an audienceView listing */
				.audienceView .listingParent {  }
					.audienceView .listingParent > .listingTitle,
					[class^='box'] > .boxContent > .boxContentBody > .audienceView .listingParent > .listingTitle,
					[class*=' box'] > .boxContent > .boxContentBody > .audienceView .listingParent > .listingTitle,
					[class*='	box'] > .boxContent > .boxContentBody > .audienceView .listingParent > .listingTitle,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody .listingParent > .listingTitle,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody .listingParent > .listingTitle,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody .listingParent > .listingTitle,
					.audienceView > .listings > [class^='box'] .listingParent > .listingTitle,
					.audienceView > .listings > [class*=' box'] .listingParent > .listingTitle, 
					.audienceView > .listings > [class*='	box'] .listingParent > .listingTitle { 
						background: #333; 
						color: #fff; 
						display: inline-block; 
						font-size: 0.9rem;
						line-height: 1.2em; 
						padding: 5px 10px; 
						text-transform: uppercase;
					}
						.audienceView .listingParent > .listingTitle a,
						[class^='box'] > .boxContent > .boxContentBody > .audienceView .listingParent > .listingTitle a,
						[class*=' box'] > .boxContent > .boxContentBody > .audienceView .listingParent > .listingTitle a,
						[class*='	box'] > .boxContent > .boxContentBody > .audienceView .listingParent > .listingTitle a,
						.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody .listingParent > .listingTitle a,
						.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody .listingParent > .listingTitle a,
						.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody .listingParent > .listingTitle a,
						.audienceView > .listings > [class^='box'] .listingParent > .listingTitle a,
						.audienceView > .listings > [class*=' box'] .listingParent > .listingTitle a,
						.audienceView > .listings > [class*='	box'] .listingParent > .listingTitle a { 
							color: #fff; 
						}

				/* .listingPrice element anywhere in an audienceView listing */
				.audienceView .listingPrice { }
				.audienceView .listingSalePrice:not(:empty) + .listingPrice { 
					color: #666; 
					font-size: 90%; 
					padding-left: 5px; 
					padding-right: 5px; 
					text-decoration: line-through; 
				}

				/* .listingSalePrice element anywhere in an audienceView listing */
				.audienceView .listingSalePrice { 
					font-weight: bold;
				}

				/* .listingSummary element anywhere in an audienceView listing */
				.audienceView .listingSummary { 
					color: #444; 
					display: block; 
					margin: 0; 
					overflow: hidden; 
					padding: 8px 0 0; 
					text-overflow: ellipsis; 
				}

				/* .listingTitle element anywhere in an audienceView listing */
				.audienceView .listingTitle,
				[class^='box'] > .boxContent > .boxContentBody > .audienceView .listingTitle,
				[class*=' box'] > .boxContent > .boxContentBody > .audienceView .listingTitle,
				[class*='	box'] > .boxContent > .boxContentBody > .audienceView .listingTitle,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody .listingTitle,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody .listingTitle,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody .listingTitle,
				.audienceView > .listings > [class^='box'] .listingTitle,
				.audienceView > .listings > [class*=' box'] .listingTitle,
				.audienceView > .listings > [class*='	box'] .listingTitle { 
					color: #222; 
					display: block; 
					font-size: 1.1rem; 
					font-weight: bold; 
					line-height: 1.2em; 
					margin: 0; 
					padding: 0; 
					text-decoration: none; 
				}
				.audienceView .listingTitle:first-child,
				[class^='box'] > .boxContent > .boxContentBody > .audienceView .listingTitle:first-child,
				[class*=' box'] > .boxContent > .boxContentBody > .audienceView .listingTitle:first-child,
				[class*='	box'] > .boxContent > .boxContentBody > .audienceView .listingTitle:first-child,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody .listingTitle:first-child,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody .listingTitle:first-child,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody .listingTitle:first-child,
				.audienceView > .listings > [class^='box'] .listingTitle:first-child,
				.audienceView > .listings > [class*=' box'] .listingTitle:first-child,
				.audienceView > .listings > [class*='	box'] .listingTitle:first-child { 
					padding-top: 8px; 
				}
				@media (min-width: 965px) { 
					.box60 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.box67 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.box75 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.box80 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box60 .listingTitle,
					.audienceView > .listings > .box67 .listingTitle,
					.audienceView > .listings > .box75 .listingTitle,
					.audienceView > .listings > .box80 .listingTitle { 
						font-size: 1.3rem; 
						line-height: 1.3em; 
					} 

					.box100 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box100 .listingTitle { font-size: 1.4rem; line-height: 1.3em; } 

				}
				@media (min-width: 1280px) { 
					.box50 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box50 .listingTitle { 
						font-size: 1.2rem; 
						line-height: 1.3em; 
					} 

					.box75 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.box80 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box75 .listingTitle,
					.audienceView > .listings > .box80 .listingTitle { font-size: 1.4rem; } 

					.box100 > .boxContent > .boxContentBody > .audienceView .listingTitle,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody .listingTitle,
					.audienceView > .listings > .box100 .listingTitle { font-size: 1.6rem; } 
				}

					.audienceView .listingTitle > a { color: #222; text-decoration: none; }
					.audienceView .listingTitle > a:hover { color: #222; text-decoration: underline; }

			/* Resets for audienceView listings in the aside */
			aside .audienceView .listingImage > .imageBox { padding-top: 75%; }
			aside .audienceView .listingTitle { font-size: 1.1rem; line-height: 1.2em; } 
			aside .audienceView .listingSummary { font-size: 0.9rem; } 

			/* .audienceView .sideBySide */
			.audienceView > .listings > .listing.sideBySide,
			.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide,
			.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide,
			.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide { 
				border-bottom: #eee 1px solid; 
				padding-bottom: 12px; 
				margin-bottom: 12px; 
				text-align: left; 
			}
			.audienceView > .listings > .listing.sideBySide:last-of-type:not(.bordered),
			.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide:last-of-type:not(.bordered),
			.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide:last-of-type:not(.bordered),
			.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide:last-of-type:not(.bordered) { 
				border-bottom: 0; 
				margin-bottom: 0; 
			}

				/* First level .listingImage element in an .sideBySide audienceView listing */
				.audienceView > .listings > .listing.sideBySide > .listingImage,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage { 
				}
				@media (min-width: 648px) { 
					/* SideBySide Default */
					.audienceView > .listings > .listing.sideBySide > .listingImage,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.box100 > .listingImage,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage { 
						display: inline-block; 
						vertical-align: top; 
						width: 33%; 
					}

						.audienceView > .listings > .listing.sideBySide > .listingImage > .imageBox,
						.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox,
						.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox,
						.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.box100 > .listingImage > .imageBox,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox { 
							padding-top: 75%; 
						}

					/* SideBySide33-67 */
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box100 > .listingImage,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage { 
						width: 33%; 
					}

						.audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage > .imageBox,
						.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage > .imageBox,
						.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage > .imageBox,
						.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage > .imageBox,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box100 > .listingImage > .imageBox,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage > .imageBox { 
							padding-top: 56.25%; 
						}

					/* SideBySide50-50 */
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box100 > .listingImage,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage { 
						width: 50%; 
					}

						.audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage > .imageBox,
						.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage > .imageBox,
						.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage > .imageBox,
						.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage > .imageBox,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box100 > .listingImage > .imageBox,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage > .imageBox { 
							padding-top: 56.25%; 
						}

					/* SideBySide67-33 */
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box100 > .listingImage,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage { 
						width: 67%; 
					}

						.audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage > .imageBox,
						.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage > .imageBox,
						.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage > .imageBox,
						.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage > .imageBox,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box100 > .listingImage > .imageBox,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage > .imageBox { 
							padding-top: 56.25%; 
						}
				}
				@media (min-width: 965px) { 
					/* SideBySide Default */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.box67 > .listingImage,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.box75 > .listingImage,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.box80 > .listingImage,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage { 
						display: inline-block; 
						vertical-align: top; 
						width: 25%; 
					}

						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.box67 > .listingImage > .imageBox,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox,
						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.box75 > .listingImage > .imageBox,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox,
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.box80 > .listingImage > .imageBox,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox { 
							padding-top: 100%; 
						}

					/* SideBySide33-67 */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box67 > .listingImage,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box75 > .listingImage,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box80 > .listingImage,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage { 
						width: 33%; 
					}

					/* SideBySide50-50 */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box67 > .listingImage,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box75 > .listingImage,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box80 > .listingImage,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage { 
						width: 50%; 
					}

					/* SideBySide67-33 */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box67 > .listingImage,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box75 > .listingImage,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box80 > .listingImage,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage { 
						width: 67%; 
					}
				}
				@media (min-width: 1280px) { 
					/* SideBySide Default */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.box50 > .listingImage,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage,
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.box60 > .listingImage,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage { 
						display: inline-block; 
						vertical-align: top; 
						width: 25%; 
					}

						.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.box50 > .listingImage > .imageBox,
						.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox
						.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage > .imageBox, 
						.audienceView > .listings > .listing.sideBySide.box60 > .listingImage > .imageBox,
						.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox { 
							padding-top: 100%; 
						}

					/* SideBySide33-67 */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box50 > .listingImage,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage,
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box60 > .listingImage,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingImage { 
						width: 33%; 
					}

					/* SideBySide50-50 */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box50 > .listingImage,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage,
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box60 > .listingImage,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingImage { 
						width: 50%; 
					}

					/* SideBySide67-33 */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box50 > .listingImage,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage,
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingImage, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box60 > .listingImage,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingImage { 
						width: 67%; 
					}
				}

				/* First level .listingText element in an .sideBySide audienceView listing */
				.audienceView > .listings > .listing.sideBySide > .listingText,
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingText,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingText,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingText { 
				}
				@media (min-width: 648px) { 
					/* SideBySide Default */
					.audienceView > .listings > .listing.sideBySide > .listingText,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingText,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingText,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingText,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingText, 
					.audienceView > .listings > .listing.sideBySide.box100 > .listingText,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide > .listingText { 
						display: inline-block; 
						padding-right: 20px; 
						text-align: left; 
						vertical-align: top; 
						width: 67%; 
					}

					.audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText, 
					.audienceView > .listings > .listing.sideBySide.box100 > .listingImage ~ .listingText,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText { 
						padding-left: 20px; 
						padding-right: 0; 
					}

						.audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText > *:first-child, 
						.audienceView > .listings > .listing.sideBySide.box100 > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child { 
							padding-top: 0; 
						}

					/* SideBySide33-67 */
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingText,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingText,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingText,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingText,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box100 > .listingText,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingText { 
						width: 67%; 
					}

					/* SideBySide50-50 */
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingText,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingText,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingText,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingText,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box100 > .listingText,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingText { 
						width: 50%; 
					}

					/* SideBySide67-33 */
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingText,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingText,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingText,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingText,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box100 > .listingText,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingText { 
						width: 33%; 
					}
				}
				@media (min-width: 965px) { 
					/* SideBySide Default */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingText, 
					.audienceView > .listings > .listing.sideBySide.box67 > .listingText,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide > .listingText,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingText, 
					.audienceView > .listings > .listing.sideBySide.box75 > .listingText,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide > .listingText,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingText, 
					.audienceView > .listings > .listing.sideBySide.box80 > .listingText,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide > .listingText { 
						display: inline-block; 
						padding-right: 20px; 
						text-align: left; 
						vertical-align: top; 
						width: 75%; 
					}

					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText, 
					.audienceView > .listings > .listing.sideBySide.box67 > .listingImage ~ .listingText,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText, 
					.audienceView > .listings > .listing.sideBySide.box75 > .listingImage ~ .listingText,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText, 
					.audienceView > .listings > .listing.sideBySide.box80 > .listingImage ~ .listingText,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText { 
						padding-left: 20px; 
						padding-right: 0; 
					}

						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText > *:first-child, 
						.audienceView > .listings > .listing.sideBySide.box67 > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child,
						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText > *:first-child, 
						.audienceView > .listings > .listing.sideBySide.box75 > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child,
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText > *:first-child, 
						.audienceView > .listings > .listing.sideBySide.box80 > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child { 
							padding-top: 0; 
						}

					/* SideBySide33-67 */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide33-67 > .listingText, 
					.audienceView > .listings > .listing.sideBySide33-67.box67 > .listingText,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide33-67 > .listingText,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide33-67 > .listingText, 
					.audienceView > .listings > .listing.sideBySide33-67.box75 > .listingText,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide33-67 > .listingText,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide33-67 > .listingText, 
					.audienceView > .listings > .listing.sideBySide33-67.box80 > .listingText,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide33-67 > .listingText { 
						width: 75%; 
					}

					/* SideBySide50-50 */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide50-50 > .listingText, 
					.audienceView > .listings > .listing.sideBySide50-50.box67 > .listingText,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide50-50 > .listingText,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide50-50 > .listingText, 
					.audienceView > .listings > .listing.sideBySide50-50.box75 > .listingText,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide50-50 > .listingText,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide50-50 > .listingText, 
					.audienceView > .listings > .listing.sideBySide50-50.box80 > .listingText,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide50-50 > .listingText { 
						width: 50%; 
					}

					/* SideBySide67-33 */
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide67-33 > .listingText, 
					.audienceView > .listings > .listing.sideBySide67-33.box67 > .listingText,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.sideBySide67-33 > .listingText,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide67-33 > .listingText, 
					.audienceView > .listings > .listing.sideBySide67-33.box75 > .listingText,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.sideBySide67-33 > .listingText,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide67-33 > .listingText, 
					.audienceView > .listings > .listing.sideBySide67-33.box80 > .listingText,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.sideBySide67-33 > .listingText { 
						width: 25%; 
					}
				}
				@media (min-width: 1280px) { 
					/* SideBySide Default */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingText, 
					.audienceView > .listings > .listing.sideBySide.box50 > .listingText,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide > .listingText
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingText, 
					.audienceView > .listings > .listing.sideBySide.box60 > .listingText,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide > .listingText { 
						display: inline-block; 
						padding-right: 20px; 
						text-align: left; 
						vertical-align: top; 
						width: 75%; 
					}

					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText, 
					.audienceView > .listings > .listing.sideBySide.box50 > .listingImage ~ .listingText,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText,
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText, 
					.audienceView > .listings > .listing.sideBySide.box60 > .listingImage ~ .listingText,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText { 
						padding-left: 20px; 
						padding-right: 0; 
					}

						.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText > *:first-child, 
						.audienceView > .listings > .listing.sideBySide.box50 > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child,
						.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide > .listingImage ~ .listingText > *:first-child, 
						.audienceView > .listings > .listing.sideBySide.box60 > .listingImage ~ .listingText > *:first-child,
						.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage ~ .listingText > *:first-child { 
							padding-top: 0; 
						}

					/* SideBySide33-67 */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box50 > .listingText,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingText
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide33-67 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide33-67.box60 > .listingText,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide33-67 > .listingText { 
						width: 67%; 
					}

					/* SideBySide50-50 */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box50 > .listingText,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingText
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide50-50 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide50-50.box60 > .listingText,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide50-50 > .listingText { 
						width: 50%; 
					}

					/* SideBySide67-33 */
					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box50 > .listingText,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingText
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.sideBySide.sideBySide67-33 > .listingText, 
					.audienceView > .listings > .listing.sideBySide.sideBySide67-33.box60 > .listingText,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.sideBySide.sideBySide67-33 > .listingText { 
						width: 33%; 
					}
				}

			/* .audienceView .textOnTop */
			.audienceView > .listings > .listing.textOnTop,
			.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop,
			.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop,
			.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop { 
				overflow: hidden; 
				position: relative; 
			}

				/* First level .listingText element in an .textOnTop audienceView listing */
				.audienceView > .listings > .listing.textOnTop > .listingText { 
					background: rgba(255, 255, 255, 0.9); 
					bottom: 10%; 
					left: 10%; 
					position: absolute; 
					padding: 0 10px 8px; 
					max-height: 80%; 
					right: auto; 
					width: 80%; 
					z-index: 2; 
				}
					.audienceView > .listings > .listing.textOnTop > .listingText > .listingParent,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParent,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParent,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParent,
					.audienceView > .listings > .listing.textOnTop > .listingText > .listingParents,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParents,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParents,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParents { 
						display: block;
					}
					.audienceView > .listings > .listing.textOnTop > .listingText > .listingParent:first-child,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParent:first-child,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParent:first-child,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParent:first-child,
					.audienceView > .listings > .listing.textOnTop > .listingText > .listingParents:first-child,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParents:first-child,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParents:first-child,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingParents:first-child { 
						margin-top: 10px;
					}

					.audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary { 
						font-size: 0.9em; 
						line-height: 1.3em; 
						max-height: 0; 
						padding-top: 0; 
						padding-bottom: 0; 
						transition: all 0.8s; 
					}
					.audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary { 
						max-height: 100px; 
					}

				/* First level .listingText element in an .textOnTop audienceView listing that is a child of a box */
				/* This removes the .textOnTop until the box is big enough to show it properly */
				[class^='box'] > .boxContent >.boxContentBody > .audienceView > .listings >.listing.textOnTop > .listingText,
				[class*=' box'] > .boxContent >.boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText,
				[class*='	box'] > .boxContent >.boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText,
				.audienceView > .listings > .listing.textOnTop.box10 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box20 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box25 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box33 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box40 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box50 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box60 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box67 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box75 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box80 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > .listing.textOnTop.box100 > .listingText, /* needed because .listing.textOnTop[class^='box'] doesn't work for some reason */
				.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
				.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
				.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText { 
					background: inherit; 
					bottom: auto; 
					left: auto; 
					position: static; 
					padding: 0; 
					right: auto; 
					width: 100%; 
					z-index: 2; 
				}

					[class^='box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop > .listingText > .listingCategories,
					[class*=' box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop > .listingText > .listingCategories,
					[class*='	box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop > .listingText > .listingCategories,
					.audienceView > .listings > .listing.textOnTop[class^='box'] > .listingText > .listingCategories, 
					.audienceView > .listings > .listing.textOnTop[class*=' box'] > .listingText > .listingCategories,
					.audienceView > .listings > .listing.textOnTop[class*='	box'] > .listingText > .listingCategories,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories { 
						position: static; 
						left: auto; 
						right: auto; 
						top: auto; 
					}

					[class^='box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop > .listingText > .listingSummary,
					[class*=' box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop > .listingText > .listingSummary,
					[class*='	box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop > .listingText > .listingSummary,
					.audienceView > .listings > .listing.textOnTop[class^='box'] > .listingText > .listingSummary, 
					.audienceView > .listings > .listing.textOnTop[class*=' box'] > .listingText > .listingSummary,
					.audienceView > .listings > .listing.textOnTop[class*='	box'] > .listingText > .listingSummary,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary { 
						max-height: none; 
						transition: max-height 0.8s; 
					}
					[class^='box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop:hover > .listingText > .listingSummary,
					[class*=' box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop:hover > .listingText > .listingSummary,
					[class*='	box'] > .boxContent >.boxContentBody > .audienceView .listing.textOnTop:hover > .listingText > .listingSummary,
					.audienceView > .listings > .listing.textOnTop[class^='box']:hover > .listingText > .listingCategories, 
					.audienceView > .listings > .listing.textOnTop[class*=' box']:hover > .listingText > .listingCategories,
					.audienceView > .listings > .listing.textOnTop[class*='	box']:hover > .listingText > .listingCategories,
					.audienceView > .listings > [class^='box'] > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingCategories,
					.audienceView > .listings > [class*=' box'] > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingCategories,
					.audienceView > .listings > [class*='	box'] > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingCategories { 
						max-height: none; 
					}

				@media (min-width: 648px) { 
					.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box67 > .listingText,
					.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
					.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box75 > .listingText,
					.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
					.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box80 > .listingText,
					.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
					.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box100 > .listingText,
					.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText { 
						background: rgba(255, 255, 255, 0.9); 
						bottom: 10%; 
						left: 10%; 
						position: absolute; 
						padding: 0 10px 8px; 
						right: auto; 
						width: 80%; 
						z-index: 2; 
					}

						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box67 > .listingText > .listingCategories,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories,
						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box75 > .listingText > .listingCategories,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box80 > .listingText > .listingCategories,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box100 > .listingText > .listingCategories,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories { 
							left: 0; 
							position: absolute; 
							right: 0; 
							top: -2.5rem; 
						}

						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box67 > .listingText > .listingSummary,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box75 > .listingText > .listingSummary,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box80 > .listingText > .listingSummary,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box100 > .listingText > .listingSummary,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary { 
							max-height: 0; 
						}
						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box67:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box75:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box80:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box100:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary { 
							max-height: 100px; 
						}
				}
				@media (min-width: 965px) { 
					.box40 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box40 > .listingText,
					.audienceView > .listings > .box40 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText { background: rgba(255, 255, 255, 0.9); bottom: 0%; left: 0%; position: absolute; padding: 0 10px 8px; right: auto; width: 100%; z-index: 2; }

						.box40 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box40 > .listingText > .listingCategories,
						.audienceView > .listings > .box40 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }

						.box40 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box40 > .listingText > .listingSummary,
						.audienceView > .listings > .box40 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary { max-height: 0; }
						.box40 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box40:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box40 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary { max-height: 100px; }

					.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box50 > .listingText,
					.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
					.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box60 > .listingText,
					.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText { background: rgba(255, 255, 255, 0.9); bottom: 10%; left: 10%; position: absolute; padding: 0 10px 8px; right: auto; width: 80%; z-index: 2; }

						.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box50 > .listingText > .listingCategories,
						.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories,
						.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box60 > .listingText > .listingCategories,
						.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }

						.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box50 > .listingText > .listingSummary,
						.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box60 > .listingText > .listingSummary,
						.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary { max-height: 0; transition: max-height 0.8s; }
						.box50 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box50:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box50 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box60 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box60:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box60 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary { max-height: 100px; }

						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box75 > .listingText > .listingSummary,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box80 > .listingText > .listingSummary,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box100 > .listingText > .listingSummary,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary { font-size: 1em; line-height: 1.4em; }
						.box75 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box75:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box75 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box80 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box80:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box80 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box100:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box100 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary { max-height: 150px; }
				}
				@media (min-width: 1280px) { 
					.box10 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box10 > .listingText,
					.audienceView > .listings > .box10 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
					.box20 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box20 > .listingText,
					.audienceView > .listings > .box20 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
					.box25 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box25 > .listingText,
					.audienceView > .listings > .box25 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText,
					.box33 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText, 
					.audienceView > .listings > .listing.textOnTop.box33 > .listingText,
					.audienceView > .listings > .box33 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText { background: rgba(255, 255, 255, 0.9); bottom: 10%; left: 10%; position: absolute; padding: 0 10px 8px; right: auto; width: 80%; z-index: 2; }

						.box10 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box10 > .listingText > .listingCategories,
						.audienceView > .listings > .box10 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories,
						.box20 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box20 > .listingText > .listingCategories,
						.audienceView > .listings > .box20 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories,
						.box25 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box25 > .listingText > .listingCategories,
						.audienceView > .listings > .box25 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories,
						.box33 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingCategories, 
						.audienceView > .listings > .listing.textOnTop.box33 > .listingText > .listingCategories,
						.audienceView > .listings > .box33 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }

						.box10 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box10 > .listingText > .listingSummary,
						.audienceView > .listings > .box10 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box20 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box20 > .listingText > .listingSummary,
						.audienceView > .listings > .box20 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box25 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box25 > .listingText > .listingSummary,
						.audienceView > .listings > .box25 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box33 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box33 > .listingText > .listingSummary,
						.audienceView > .listings > .box33 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary { max-height: 0; transition: max-height 0.8s; }
						.box10 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box10:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box10 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box20 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box20:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box20 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box25 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box25:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box25 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary,
						.box33 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box33:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box33 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary { max-height: 75px; }

						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box67 > .listingText > .listingSummary,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.textOnTop > .listingText > .listingSummary,
						.box100 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop > .listingText > .listingSummary { font-size: 1em; line-height: 1.4em; }
						.box67 > .boxContent > .boxContentBody > .audienceView > .listings > .listing.textOnTop:hover > .listingText > .listingSummary, 
						.audienceView > .listings > .listing.textOnTop.box67:hover > .listingText > .listingSummary,
						.audienceView > .listings > .box67 > .boxContent > .boxContentBody > .listing.textOnTop:hover > .listingText > .listingSummary { max-height: 150px; }
				}

				/* Resets for audienceView textOnTop listings in the aside */
				aside .listing.textOnTop > .listingText { background: rgba(255, 255, 255, 0.9); bottom: 10%; left: 10%; position: absolute; padding: 0 10px 8px; right: auto; width: 80%; z-index: 2; }
					aside listing.textOnTop > .listingText > .listingCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }
					aside listing.textOnTop > .listingText > .listingSummary { max-height: 0; transition: max-height 0.8s; }
					aside listing.textOnTop:hover > .listingText > .listingSummary { max-height: 75px; }

#coverpage,
#mchn-coverpage { 
	background: #000; 
	bottom: 0; 
	display: none; 
	left: 0; 
	opacity: 0.7; 
	position: fixed; 
	right: 0; 
	top: 0; 
	z-index: 999; 
}

#documentBox,
#mchn-documentBox { 
	background: #333; 
	display: none; 
	left: 5px;
	padding: 0; 
	position: fixed; 
	right: 5px;
	top: 5px; 
	z-index: 214748365; 
}
@media (min-width: 768px) { #documentBox, #mchn-documentBox { 
	left: 50%; 
	margin-left: -368px; 
	padding: 10px; 
	right: auto;
	top: 5%; 
	width: 659px; 
} }
	#dBoxTitle,
	#mchn-dBoxTitle { 
		background: #454545; 
		color: #fff; 
		font-size: 1.3em; 
		font-weight: bold; 
		line-height: 28px; 
		min-height: 38px; 
		padding: 5px 60px 5px 5px; 
	}
		#dBoxTitleMenu,
		#mchn-dBoxTitleMenu { 
			font-size: 15px; 
			font-weight: normal; 
			line-height: 1em; 
		}
	#dBoxClose,
	#mchn-dBoxClose { 
		font-size: 1rem; 
		height: 28px; 
		line-height: 18px; 
		margin: 0; 
		padding: 5px 7px; 
		position: absolute; 
		right: 5px; 
		top: 5px; 
	}
	@media (min-width: 768px) { #dBoxClose, #mchn-dBoxClose { 
		right: 15px; 
		top: 15px; 
	} }

	#dBoxDoc,
	#mchn-dBoxDoc { 
		background: #ffffff; 
		/* border: #1d3137 10px solid; */
		/* border-left: 0; */
		/* border-radius: 4px; */
		max-height: 400px; 
		overflow: auto; 
		padding: 0 5px; 
	}
	#dBoxAside,
	#mchn-dBoxAside { 
		background: #ffffff; 
		display: none; 
		max-height: 350px; 
		overflow-y: auto; 
		padding: 0 5px; 
		position: absolute; 
		right: -346px; 
		top: 40px; 
		width: 336px; 
	}

#elevatorButton,
#mchn-elevatorButton { 
	background: #ddd; 
	bottom: 15px; 
	color: #222; 
	cursor: pointer; 
	display: none; 
	font-size: 14px; 
	line-height: 1em; 
	opacity: 0.75; 
	padding: 15px; 
	position: fixed; 
	right: 15px; 
	text-align: center; 
	z-index: 998; 
}

#exitIntent,
#mchn-exitIntent { 
	background: #666; 
	background: rgba(0, 0, 0, 0.8); 
	bottom: 0; 
	display: none; 
	left: 0; 
	font-size: 16px; 
	line-height: 1.456em; 
	margin: 0; 
	padding: 0; 
	position: fixed; 
	right: 0; 
	top: 0; 
	z-index: 100000; 
}
	#exitIntentClose,
	#mchn-exitIntentClose { 
		background: #aaa; 
		color: #333; 
		cursor: pointer; 
		font-size: 16px; 
		font-weight: normal; 
		height: 28px; 
		line-height: 1em; 
		opacity: 0.7; 
		padding: 6px 0; 
		position: absolute; 
		right: 4px; 
		width: 28px; 
		text-align: center; 
		top: 4px; 
		z-index: 100000;
	}

	#exitIntentClose:hover,
	#mchn-exitIntentClose:hover { 
		background: #bd0000; 
		color: #fff; 
		opacity: 1; 
	}

#imageMagnifiedContainer { background: none; bottom: 0; display: none; height: 100%; left: 0; padding: 50px; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 1000; }
	#imageMagnified { display: inline-block; max-height: 100%; max-width: 100%; position: relative; }
		#imageMagnifiedClose { background: #e04343; border-radius: 50%; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; line-height: 1em; padding: 8px 8px 10px; position: absolute; right: -17px; top: -17px; }
		#imageMagnifiedImage { background: #fff; display: inline-block; max-height: 100%; max-width: 100%; padding: 10px; z-index: 1; }

#messageBox,
#mchn-messageBox { 
	background: #f1f1f1; 
	border: rgb(29, 49, 55) 1px solid; 
	display: none; 
	left: 15px;
	max-width: 98%;
	min-height: 26px;
	padding: 7px 10px; 
	position: fixed; 
	right: 15px;
	top: 15px; 
	z-index: 1000000000; 
}
@media (min-width: 600px) { #messageBox, #mchn-messageBox {
	left: 50%;
	max-width: 580px;
	right: auto;
	transform: translate(-50%);
} }
	#mBoxClose,
	#mchn-mBoxClose { 
		font-size: 0;
		right: -12px; 
		padding: 4px 3px; 
		position: absolute; 
		text-align: center;
		top: -12px; 
	}
		#mBoxClose > [class='icon-cross'],
		#mchn-mBoxClose > [class='icon-cross'] {
			display: inline-block;
			font-size: 14px;
			line-height: 1em; 
			margin-left: 1px;
		}

#tooltipBox,
#mchn-tooltipBox { 
	background: #f6f6f6; 
	border: rgb(29, 49, 55) 1px solid; 
	border-radius: 3px;
	box-shadow: 0px 0px 2px #888; 
	display: none; 
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px; 
	left: 0; 
	line-height: 1.4em; 
	max-width: 500px;
	padding: 7px; 
	position: absolute; 
	top: 0; 
	z-index: 10000; 
}

#welcomeMat,
#mchn-welcomeMat { 
	display: none; 
	font-size: 16px; 
	line-height: 1.456em; 
	margin: 0; 
	overflow: auto; 
	padding: 0; 
	position: relative; 
	width: 100%; 
}
	#welcomeMatClose,
	#mchn-welcomeMatClose { 
		background: #aaa; 
		color: #333; 
		cursor: pointer; 
		font-size: 16px; 
		font-weight: normal; 
		height: 28px; 
		line-height: 1em; 
		opacity: 0.7; 
		padding: 6px 0; 
		position: absolute; 
		right: 2px; 
		width: 28px; 
		text-align: center; 
		top: 2px; 
		z-index: 100;
	}

	#welcomeMatClose:hover,
	#mchn-welcomeMatClose:hover { 
		background: #bd0000; 
		color: #fff; 
		opacity: 1; 
	}

	#welcomeMatText,
	#mchn-welcomeMatText { 
		min-height: 32px; 
	}
		#welcomeMatText > *:first-child,
		#mchn-welcomeMatText > *:first-child { 
			margin-top: 0; 
		}

		#welcomeMatText > *:last-child,
		#mchn-welcomeMatText > *:last-child { 
			margin-bottom: 0; 
		}

#upsell,
#mchn-upsell { 
	background: #fff; 
	bottom: 0; 
	display: none; 
	left: 0; 
	font-size: 16px; 
	line-height: 1.456em; 
	margin: 0; 
	overflow: scroll; 
	padding: 10px 0; 
	position: fixed; 
	right: 0; 
	top: 0; 
	z-index: 100000; 
}

.avatar { background: none; border-radius: 50%; display: inline-block; }

.busy,
.loading { 
	animation: spin 2s linear infinite; 
	border: 0.375rem solid #f3f3f3; 
	border-radius: 50%; 
	border-top: 0.375rem solid #3498db; 
	content: " "; 
	display: inline-block; 
	font-size: 1rem; 
	height: 2rem; 
	width: 2rem; 
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms ease-in-out;
}


.notificationsCount { background: #fa3e3e; border-radius: 3px; color: #fff; display: block; font-family: "Helvetica", "Arial", sans-serif;  font-size: 11px; line-height: 1em; padding: 1px 3px; position: absolute; right: -3px; top: -3px; }
.notificationsCount:blank,
.notificationsCount:empty { display: none; }

.responsiveImageBox { 
	display: block;
	height: 0; 
	padding-top: 100%; 
	position: relative; 
	width: 100%; 
}
.responsiveImageBox3x4 { 
	padding-top: 133%; 
}
.responsiveImageBox1x1 { 
	padding-top: 100%; 
}
.responsiveImageBox4x3 { 
	padding-top: 75%; 
}
.responsiveImageBox16x9 { 
	padding-top: 56.25%; 
}
.responsiveImageBox2x1 { 
	padding-top: 50%; 
}
.responsiveImageBox21x9 { 
	padding-top: 42.86%; 
}

	.responsiveImage { 
		background-position: 50% 50%; 
		background-repeat: no-repeat; 
		background-size: cover; 
		bottom: 0; 
		content: " "; 
		left: 0; 
		position: absolute; 
		right: 0; 
		text-decoration: none; 
		top: 0; 
	}
	.responsiveImage:hover { 
		text-decoration: none; 
	}
	.responsiveImageContain { 
		background-size: contain; 
	}

/* Animations
============================================================================= */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Address Listing
   ========================================================================== */

.addressListing { display: block; margin: 5px 0; text-align: left; }
	.addressListing:first-child { margin-top: 0; }
	.addressListing input,
	.addressListing select { max-width: 500px; width: 100%; } 
	.addressListing label { display: block; font-size: 1.1em; font-weight: bold; }
	.addressListingAddress { display: block; font-size: 0.9rem; line-height: 1.3em; margin: 3px 0; }
	.addressListingInput { display: block; margin-bottom: 10px; }
	.addressListingMap { display: block; margin: 3px 0; }

/* Article
   ========================================================================== */

article { display: block; margin: 0; padding: 0; position: relative; width: 100%; }
	.articleAsideByline { display: block; font-size: 0; padding: 8px; padding: 8px; text-align: left; }
		.articleAsideByline .avatar { display: inline-block; padding: 0; vertical-align: middle; width: 20%; }
		.articleAsideBylineAuthorBox { display: inline-block; font-size: 1rem; padding-left: 16px; vertical-align: middle; width: 80%; }
			.articleAsideBylineAuthor { display: block; font-weight: bold; line-height: 1.2rem; margin-bottom: 0.418rem; }
				.articleAsideBylineAuthor a { border-bottom: #222 1px dotted; display: inline-block; color: #222; text-decoration: none; }
				.articleAsideBylineAuthor a:hover { border-bottom: 0; color: #666; padding-bottom: 1px; text-decoration: none; }
			.articleAsideBylineSocials { display: block; font-size: 0; margin-top: 4px; }
				.articleAsideBylineSocial { background: #aaa; color: #fff; display: inline-block; font-size: 12px; font-weight: normal; height: 16px; line-height: 12px; margin-right: 4px; padding: 2px; text-align: center; text-decoration: none; vertical-align: middle; width: 16px; }
				.articleAsideBylineSocial:hover { color: #fff; text-decoration: none; }
					.articleAsideBylineSocial span { display: inline-block; vertical-align: text-top; }
		.articleAsideBylineBio { display: block; color: #444; font-size: 0.8rem; margin-top: 8px; }

	.articleBody { background: #fff; display: block; font-size: 1rem; margin: 0 auto 16px; max-width: 986px; padding: 0 8px; position: relative; width: 100%; z-index: 2; }
	main.fullWidth .articleBody { max-width: 100%; padding-left: 0; padding-right: 0 }
	@media (min-width: 600px) { 
		.articleBody,
		.articleBody ol,
		.articleBody p,
		.articleBody ul,
		.articleBody .box10,
		.articleBody .box20,
		.articleBody .box25,
		.articleBody .box33,
		.articleBody .box40,
		.articleBody .box50,
		.articleBody .box60,
		.articleBody .box67,
		.articleBody .box75,
		.articleBody .box80,
		.articleBody .box100 { 
			font-size: 1.0625rem; 
			line-height: 1.618em;
		} 
	}
	@media (min-width: 768px) { 
		.articleBody,
		.articleBody ol,
		.articleBody p,
		.articleBody ul,
		.articleBody .box10,
		.articleBody .box20,
		.articleBody .box25,
		.articleBody .box33,
		.articleBody .box40,
		.articleBody .box50,
		.articleBody .box60,
		.articleBody .box67,
		.articleBody .box75,
		.articleBody .box80,
		.articleBody .box100 { 
			color: #484848; 
			font-size: 1.375rem; 
			line-height: 1.618em;
		} 
	}
	@media (min-width: 1024px) { 
		.articleBody,
		.articleBody ol,
		.articleBody p,
		.articleBody ul,
		.articleBody .box10,
		.articleBody .box20,
		.articleBody .box25,
		.articleBody .box33,
		.articleBody .box40,
		.articleBody .box50,
		.articleBody .box60,
		.articleBody .box67,
		.articleBody .box75,
		.articleBody .box80,
		.articleBody .box100 { 
			color: #363636; 
			font-size: 1.3125rem; 
			line-height: 1.618em;
		} 
	}
	@media (min-width: 1080px) { 
		.articleBody,
		.articleBody ol,
		.articleBody p,
		.articleBody ul,
		.articleBody .box10,
		.articleBody .box20,
		.articleBody .box25,
		.articleBody .box33,
		.articleBody .box40,
		.articleBody .box50,
		.articleBody .box60,
		.articleBody .box67,
		.articleBody .box75,
		.articleBody .box80,
		.articleBody .box100 { 
			color: #484848; 
			font-size: 1.375rem; 
			line-height: 1.618em;
		} 
	}

		.articleBody > *:first-child:not(.articleBodyShares) { margin-top: 0 !important; padding-top: 0 !important; }
		.articleBody > .articleBodyShares + * { margin-top: 0 !important; padding-top: 0 !important; }
		
		.articleBody h1,
		.articleBody h2,
		.articleBody h3,
		.articleBody h4,
		.articleBody h5,
		.articleBody h6,
		.articleBody ol,
		.articleBody > div,
		.articleBody p,
		.articleBody ul { 
			margin-left: auto; 
			margin-right: auto; 
			max-width: 728px; 
		}
		main.fullWidth .articleBody h1,
		main.fullWidth .articleBody h2,
		main.fullWidth .articleBody h3,
		main.fullWidth .articleBody h4,
		main.fullWidth .articleBody h5,
		main.fullWidth .articleBody h6,
		main.fullWidth .articleBody ol,
		main.fullWidth .articleBody > div,
		main.fullWidth .articleBody p,
		main.fullWidth .articleBody ul { 
			padding-left: 16px; 
			padding-right: 16px; 
		}
		@media (min-width: 728px) { 
			main.fullWidth .articleBody h1,
			main.fullWidth .articleBody h2,
			main.fullWidth .articleBody h3,
			main.fullWidth .articleBody h4,
			main.fullWidth .articleBody h5,
			main.fullWidth .articleBody h6,
			main.fullWidth .articleBody ol,
			main.fullWidth .articleBody > div,
			main.fullWidth .articleBody p,
			main.fullWidth .articleBody ul { 
				padding-left: 0; 
				padding-right: 0; 
			}
		}

		.articleBody h1,
		.articleBody h2,
		.articleBody h3,
		.articleBody h4,
		.articleBody h5 { color #222; font-weight: 500; line-height: 1.382em; margin-bottom: 0.382em; margin-top: 0.618em; }

		.articleBody h1 { font-size: 1.875em; }
		.articleBody h2 { font-size: 1.625em; }
		.articleBody h3 { font-size: 1.25em; }
		.articleBody h4 { font-size: 1em; }
		.articleBody h5 { font-size: 0.875em; }
		.articleBody h6 { font-size: 0.75em; }

		.articleBody .headerImage { display: none !important; }

		.articleBody .articleAmazon { position: relative; max-width: 728px; margin: 0 auto 12px auto; padding: 4px; clear: both; }
		.articleBody .articleAmazon .amazonImage { float: left; width: 16%; max-width: 100px; margin: 0 8px 12px 0 !important; }
		@media (min-width: 480px) { .articleBody .articleAmazon .amazonImage { margin: 0 16px 12px 0 !important; } }
		.articleBody .articleAmazon .amazonBigImage { float: left; width: 25%; max-width: 150px; margin: 0 16px 12px !important; }
		.articleBody .articleAmazon .amazonTitle { font-size: 16px; line-height: 12px; text-decoration: none; }
		@media (min-width: 480px) { .articleBody .articleAmazon .amazonTitle { font-size: 18px; line-height: 1em; } }
		.articleBody .articleAmazon .amazonText { margin: 16px 0 0; font-size: 0.9em; line-height: 1.2em; color: #444; }
		.articleBody .articleAmazon .amazonPricing { display: block; clear: both; }
		@media (min-width: 480px) { .articleBody .articleAmazon .amazonPricing { display: inline; clear: none; } }
			.articleBody .articleAmazon .amazonPricing .amazonRetailPrice { padding: 0 4px 0 0; color: #999; text-decoration: line-through; }
			.articleBody .articleAmazon .amazonPricing .amazonBuyNow { float: right; margin-left: 12px; padding: 4px 8px; border-radius: 5px; font-size: 16px; white-space: nowrap; font-weight: bold; background: #fe9900; text-decoration: none; color: #fff; }
			@media (min-width: 480px) { .articleBody .articleAmazon .amazonPricing .amazonBuyNow { float: none; } }
			.articleBody .articleAmazon .amazonPricing .amazonPriceDate { }

		.articleBody img,
		.articleBody .articleImage { position: relative; display: block; max-width: 100%; margin: 0 auto; padding: 8px 0; }
			.articleBody .articleImage.articleImageLeft { float: left; margin-right: 24px; }
			@media (min-width: 1140px) { .articleBody .articleImage.articleImageLeft { margin-left: -4%; } }
			@media (min-width: 1160px) { .articleBody .articleImage.articleImageLeft { margin-left: -5%; } }
			@media (min-width: 1180px) { .articleBody .articleImage.articleImageLeft { margin-left: -6%; } }
			@media (min-width: 1200px) { .articleBody .articleImage.articleImageLeft { margin-left: -7%; } }
			@media (min-width: 1220px) { .articleBody .articleImage.articleImageLeft { margin-left: -8%; } }
			@media (min-width: 1240px) { .articleBody .articleImage.articleImageLeft { margin-left: -9%; } }
			@media (min-width: 1280px) { .articleBody .articleImage.articleImageLeft { margin-left: -10%; } }
			.articleBody .articleImage.articleImageRight { float: right; margin-left: 24px; }
			@media (min-width: 1140px) { .articleBody .articleImage.articleImageRight { margin-right: -4%; } }
			@media (min-width: 1160px) { .articleBody .articleImage.articleImageRight { margin-right: -5%; } }
			@media (min-width: 1180px) { .articleBody .articleImage.articleImageRight { margin-right: -6%; } }
			@media (min-width: 1200px) { .articleBody .articleImage.articleImageRight { margin-right: -7%; } }
			@media (min-width: 1220px) { .articleBody .articleImage.articleImageRight { margin-right: -8%; } }
			@media (min-width: 1240px) { .articleBody .articleImage.articleImageRight { margin-right: -9%; } }
			@media (min-width: 1280px) { .articleBody .articleImage.articleImageRight { margin-right: -10%; } }
			.articleBody .articleImage > a { display: block; max-width: 100%; }
			.articleBody .articleImage > img { margin: 0; padding: 0; }
			.articleBody .articleImage .imageCredit { color: #666; display: block; font-size: 10px; padding: 2px 0; text-align: left; word-wrap: break-word; }
				.articleBody .articleImage .imageCredit a { color: #666; }
			.articleBody .articleImage .imageCaption { display: block; padding: 2px 0; font-size: 0.875rem; color: #666; }
				.articleBody .articleImage .imageCaption p { margin: 0.75em auto; }
				.articleBody .articleImage .imageCaption p:first-of-type { margin-top: 0; }
				.articleBody .articleImage .imageCaption p:last-of-type { margin-bottom: 0; }
			.articleBody .articleImage .articleImagePin { position: absolute; right: 0; top: 0; z-index: 1; opacity: 0.5; transition: opacity 0.3s ease-in-out;  }
			.articleBody .articleImage:hover .articleImagePin { opacity: 1; }
				.articleBody .articleImage .articleImagePin a { display: block; height: 32px; font-size: 16px; line-height: 32px; color: #fff; text-decoration: none; }
				.articleBody .articleImage .articleImagePin a:hover { color: #eee; }
				.articleBody .articleImage .articleImagePin [class^="icon-"],
				.articleBody .articleImage .articleImagePin [class*=" icon-"],
				.articleBody .articleImage .articleImagePin [class*="	icon-"] { display: inline-block; font-size: 24px; height: 32px; line-height: 32px; margin: 0 !important; max-width: 100% !important; padding: 0 !important;  text-align: center; vertical-align: -1px; width: 32px; }
				.articleBody .articleImage .articleImagePin span { display: inline-block; max-width: 0; padding-right: 0; vertical-align: top; overflow: hidden; transition: all 0.5s ease-out 0s; }
				.articleBody .articleImage .articleImagePin:hover span { max-width: 100px; padding-right: 10px; }

		.articleBody .articleLink { display: block; width: 100%; margin: 12px 0 12px 0; }
			.articleBody .articleLink .articleImage,
			.articleBody .articleLink > a > img { position: relative; display: block; width: 200px; margin: 0 auto 4px; overflow: hidden; }
			@media (min-width: 480px) { .articleBody .articleLink .articleImage, .articleBody .articleLink > a > img { float: left; margin: 0 16px 16px 0; } }
			.articleBody .articleLink .articleImage { height: 0; padding-top: 150px; }
				.articleBody .articleLink .articleImage .imageBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
			.articleBody .articleLink .articleLinkTitle { font-size: 1em; line-height: 1.1em; font-weight: bold; }
			.articleBody .articleLink .articleLinkText { font-size: 0.9em; }

		.articleBody .articleMap { 
			clear: both; 
			display: block; 
			height: 0; 
			padding-top: 56.25%; 
			position: relative; 
			width: 100%; 
		}
		@media (min-width: 728px) { 
			main.fullWidth .articleBody .articleMap {
				height: 410px;
				padding-top: 0;
			}
		}
			.articleBody .articleMap > div, 
			.articleBody .articleMap > iframe { 
				bottom: 0; 
				left: 0;
				position: absolute; 
				right: 0;
				top: 0;
			}
			.articleBody .articleMap > iframe { 
				height: 100%; 
				width: 100%; 
			}
		.articleBody .articleMapMarkers { display: none; border: #999999 0px solid; background: #fff; }
			.articleBody .articleMapMarker { display: block; padding: 8px 10px; border-bottom: #ccc 1px solid; }
			.articleBody .articleMapMarkerImage { display: block; float: left; margin-right: 10px; cursor: pointer; }
				.articleBody .articleMapMarkerName { display: block; font-weight: bold; }
				.articleBody .articleMapMarkerAddress { display: block; font-size: 12px; line-height: 19px; color: #666; }

		.articleBody .articleRating { margin: 15px 5px; text-align: center; clear: both; }
			.articleBody .articleRating img { display: inline-block; margin: 0 !important; padding: 0 2px; vertical-align: text-bottom; }
			.articleBody .articleRating span { display: none; }
			.articleBody .articleRating .ratingNumber { display: inline; font-family: Arial; font-size: 3em; letter-spacing: -4px; }
				.articleBody .articleRating .ratingNumber small { padding-left: 5px; color: #616161; font-size: 0.5em; letter-spacing: 2px; }
				.articleBody .articleRating .ratingNumber .ratingFraction { display: inline; margin-left: 1px; font-size: 0.75em; }

		.articleBody .articleSalesForm { display: block; margin: 0 auto 10px auto; max-width: 728px; width: 100%;  }
			.articleBody .articleSalesFormRow { display: block; margin: 0 0 10px 0; }
			.articleBody .articleSalesFormRow:last-child { margin-bottom: 0; }
				.articleBody .articleSalesFormRow select,
				.articleBody .articleSalesFormRow input { max-width: 100%; }
				.articleBody .articleSalesFormRow input.articleSalesFormRowInput { width: 100%; }
				.articleBody .articleSalesFormRow input.articleSalesFormRowInput[size] { width: auto; }
				.articleBody .articleSalesFormRow input.articleSalesFormRowInput[size='2'] { text-align: center; }
				.articleBody .articleSalesFormRowAddon { border: #222 2px dashed; display: block; margin-bottom: 10px; padding: 0; }
				.articleBody .articleSalesFormRowAddon:last-child { margin-bottom: 0; }
					.articleBody .articleSalesFormRowAddon .articleSalesFormRowShipping { background: #ff9; border: 0; color: #222; margin: 0; padding: 15px; }
					.articleBody .articleSalesFormRowAddonText { background: #fcf8e3; color: #222; display: block; padding: 15px; }
						.articleBody .articleSalesFormRowAddonText *:first-child { margin-top: 0; padding-top: 0; }
						.articleBody .articleSalesFormRowAddonText *:last-child { margin-bottom: 0; padding-bottom: 0; }
					.articleBody .articleSalesFormRowAddonTitle { background: #ff9; color: #090; display: block; padding: 5px 10px; }
						.articleBody .articleSalesFormRowAddonTitle h2 { display: inline-block; font-size: 1.4em; line-height: 1.2em; margin: 0; vertical-align: middle; }
						.articleBody .articleSalesFormRowAddonTitle input[type='checkbox'] { display: inline-block; margin-right: 10px; vertical-align: middle; }
				.articleBody .articleSalesFormRowButtons { display: block; text-align: center; }
				.articleBody .articleSalesFormRowOrder { display: block; font-size: 0; }
					.articleBody .articleSalesFormRowOrderImage { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; font-size: 1rem; height: 100px; padding-right: 10px; text-align: center; vertical-align: top; width: 20%; }
					.articleBody .articleSalesFormRowOrderInfo,
					.articleBody .articleSalesFormRowOrderInfoHeading { display: inline-block; font-size: 1rem; padding-right: 10px; vertical-align: top; width: 80%; }
					.articleBody .articleSalesFormRowOrderImage ~ .articleSalesFormRowOrderInfo { width: 60%; }
						.articleBody .articleSalesFormRowOrderInfoTitle { font-weight: bold; }
					.articleBody .articleSalesFormRowOrderPrice,
					.articleBody .articleSalesFormRowOrderPriceHeading { display: inline-block; font-size: 1rem; text-align: right; vertical-align: top; width: 11%; }
					.articleBody .articleSalesFormRowOrderQuantity,
					.articleBody .articleSalesFormRowOrderQuantityHeading { display: inline-block; font-size: 1rem; padding-right: 10px; text-align: center; vertical-align: top; width: 9%; }
					.articleBody .articleSalesFormRowOrderInfoHeading,
					.articleBody .articleSalesFormRowOrderPriceHeading,
					.articleBody .articleSalesFormRowOrderQuantityHeading { font-weight: bold; }
				.articleBody .articleSalesFormRowSummary { display: block; font-size: 0; }
					.articleBody .articleSalesFormRowSummaryItem { border: #ddd 1px solid; border-radius: 3px; display: block; font-size: 1rem; font-weight: bold; margin-bottom: 10px; padding: 15px; }
						.articleBody .articleSalesFormRowSummaryItemPrice,
						.articleBody .articleSalesFormRowSummaryItemQuantity,
						.articleBody .articleSalesFormRowSummaryItemShipping,
						.articleBody .articleSalesFormRowSummaryItemTax { display: block; font-size: 0; font-weight: normal; line-height: 0; text-align: right; }
							.articleBody .articleSalesFormRowSummaryItemPriceAmount,
							.articleBody .articleSalesFormRowSummaryItemQuantityAmount,
							.articleBody .articleSalesFormRowSummaryItemShippingAmount,
							.articleBody .articleSalesFormRowSummaryItemTaxAmount { display: inline-block; font-size: 1rem; line-height: 1.5em; padding-left: 10px; width: 100px; }
							.articleBody .articleSalesFormRowSummaryItemPriceText,
							.articleBody .articleSalesFormRowSummaryItemQuantityText,
							.articleBody .articleSalesFormRowSummaryItemShippingText,
							.articleBody .articleSalesFormRowSummaryItemTaxText { display: inline-block; font-size: 1rem; line-height: 1.5em; }
					.articleBody .articleSalesFormRowSummaryPrice { display: block; font-size: 0; line-height: 0; text-align: right; }
						.articleBody .articleSalesFormRowSummaryPriceShipping,
						.articleBody .articleSalesFormRowSummaryPriceSubtotal,
						.articleBody .articleSalesFormRowSummaryPriceTax,
						.articleBody .articleSalesFormRowSummaryPriceTotal { display: block; font-size: 0; }
							.articleBody .articleSalesFormRowSummaryPriceShippingAmount,
							.articleBody .articleSalesFormRowSummaryPriceSubtotalAmount,
							.articleBody .articleSalesFormRowSummaryPriceTaxAmount,
							.articleBody .articleSalesFormRowSummaryPriceTotalAmount { display: inline-block; font-size: 1rem; line-height: 1.5em; padding-left: 10px; width: 100px; }
							.articleBody .articleSalesFormRowSummaryPriceShippingText,
							.articleBody .articleSalesFormRowSummaryPriceSubtotalText,
							.articleBody .articleSalesFormRowSummaryPriceTaxText,
							.articleBody .articleSalesFormRowSummaryPriceTotalText { display: inline-block; font-size: 1rem; line-height: 1.5em; }
							.articleBody .articleSalesFormRowSummaryPriceTotalAmount,
							.articleBody .articleSalesFormRowSummaryPriceTotalText { border-top: #666 1px solid; font-weight: bold; margin-top: 5px; }
				.articleBody .articleSalesFormRowTitle { display: block; font-weight: bold; } 
			.articleBody .articleSalesFormSection { border-bottom: #ddd 1px solid; display: block; margin-bottom: 10px; padding-bottom: 10px; }
			.articleBody .articleSalesFormSection:last-child { border-bottom: 0; }
				.articleBody .articleSalesFormSectionTitle { display: block; font-weight: bold; font-size: 1.3em; line-height: 1.2em; margin-bottom: 10px; }
				.articleBody .articleSalesFormSectionTitle:last-child { margin-bottom: 0; }

		.articleBody .articleSlideshowFallback { clear: both; display: block; margin: 15px auto; max-width: 100%; overflow-x: hidden; position: relative; width: 100%; }
			.articleBody .articleSlideshowButtons { display: block; margin: 10px 0 20px; padding: 5px; background: #454545; font-size: 1rem; }
			.articleBody .articleSlideshowButtons:first-of-type { display: none; }
			.articleBody .articleSlideshowSlide.slick-slide .articleSlideshowButtons { display: none; }
				.articleBody .articleSlideshowButtons a { color: #fff; text-decoration: none; } 
				.articleBody .articleSlideshowButtons img { display: inline-block; margin: 0 !important; padding: 0 !important; }
				.articleBody .articleSlideshowButtonsNext,
				.articleBody .articleSlideshowButtonsPrevious { cursor: pointer; }
				.articleBody .articleSlideshowButtonsPrevious { float: left; }
				.articleBody .articleSlideshowButtonsNext { float: right; }
					.articleBody .articleSlideshowButtonsNext img,
					.articleBody .articleSlideshowButtonsNext span,
					.articleBody .articleSlideshowButtonsPrevious img,
					.articleBody .articleSlideshowButtonsPrevious span { vertical-align: middle; }
					.articleBody .articleSlideshowButtonsPrevious img { display: none !important; }
					.articleBody .articleSlideshowButtonsNext img,
					.articleBody .articleSlideshowButtonsPrevious img { display: none; }
			.articleBody .articleSlideshowSlide,
			.articleBody .articleSlideshowSlideFallback { position: relative; display: block; }
			.articleBody .articleSlideshowSlide ~ .articleSlideshowSlide,
			.articleBody .articleSlideshowSlideFallback ~ .articleSlideshowSlide { display: none; }
			.articleBody .articleSlideshowSlide.slick-slide ~ .articleSlideshowSlide { display: block; }
				.articleBody .articleSlideshowSlide .imageCaption,
				.articleBody .articleSlideshowSlideFallback .imageCaption,
				.articleBody .articleSlideshowSlide .videoCaption,
				.articleBody .articleSlideshowSlideFallback .videoCaption,
				.articleBody .articleSlideshowSlide .mapCaption,
				.articleBody .articleSlideshowSlideFallback .mapCaption { max-width: 728px; color: inherit; margin: 12px auto 0; font-family: inherit; font-size: inherit; line-height: inherit; }
					.articleBody .articleSlideshowSlide .imageCaption a,
					.articleBody .articleSlideshowSlideFallback .imageCaption a,
					.articleBody .articleSlideshowSlide .videoCaption a,
					.articleBody .articleSlideshowSlideFallback .videoCaption,
					.articleBody .articleSlideshowSlide .mapCaption a,
					.articleBody .articleSlideshowSlideFallback .mapCaption { display: inline; }

		.articleBody .articleVideo { clear: both; display: block; margin: 0 0 10px 0; max-width: 100%; position: relative; width: 100%; }
			.articleBody .articleVideo > .videoContainer { display: block; height: 0; padding-top: 56.25%; position: relative; width: 100%; }
			.articleBody .articleVideo > .videoContainer.cover { overflow: hidden; }
				.articleBody .articleVideo > .videoContainer.cover > embed,
				.articleBody .articleVideo > .videoContainer.cover > iframe,
				.articleBody .articleVideo > .videoContainer.cover > object,	
				.articleBody .articleVideo > .videoContainer.cover > video { object-fit: cover; }
			.articleBody .articleVideo embed,
			.articleBody .articleVideo iframe,
			.articleBody .articleVideo object,	
			.articleBody .articleVideo video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
			.articleBody .articleVideo .videoCaption { display: block; padding: 2px 0; font-size: 0.875rem; color: #666; }
				.articleBody .articleVideo .videoCaption p { max-width: 100%; margin: 0.75em auto; }
				.articleBody .articleVideo .videoCaption p:first-of-type { margin-top: 0; }
				.articleBody .articleVideo .videoCaption p:last-of-type { margin-bottom: 0; }

		.articleBody .articleItemListings { 
			border-bottom: #ddd 1px solid;
			border-top: #ddd 1px solid;
			clear: both; 
			display: block; 
			margin: 0 0 10px 0; 
			max-width: 100%; 
			padding: 10px 0;
			position: relative; 
			width: 100%; 
		}

		.articleBody .articleItemListings:first-child { 
			border-top: 0;
			padding-top: 0;
		}

			.articleBody .articleItemListings > *:first-child { 
				margin-top: 0;
				padding-top: 0;
			}

			.articleBody .articleItemListings .itemListings { }

				.articleBody .articleItemListings .itemListings > .listing { }
				@media (min-width: 332px) { .articleBody .articleItemListings .itemListings > .listing { 
					padding-left: 16px;
					padding-right: 16px;
				} }

					.articleBody .articleItemListings .itemListings .listingText > * { 
						margin-bottom: 10px;
					}

					.articleBody .articleItemListings .itemListings .listingText > *:last-child { 
						margin-bottom: 0;
					}

		.articleBodyShares { background: #fff; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-style: solid; border-width: 1px; display: none; font-size: 0; color: #666; left: -82px; padding: 8px; position: absolute; width: 66px; top: 8px; }
		@media (min-width: 1440px) { .articleBodyShares { display: block; } }
			.articleBodyShares > *:last-child { margin-bottom: 0; }
			.articleBodyShare { background: #b8b8b8; color: #fff; cursor: pointer; display: block; font-size: 14px; line-height: 1em; margin: 0 0 10px; overflow: hidden; padding: 5px; position: relative; text-align: center; vertical-align: middle; width: 100%; }
			.articleBodyShare:hover { color: #fff; text-decoration: none; }
				.articleBodyShare span { display: block; vertical-align: text-top; }
				.articleBodyShare span[class^="icon-"], 
				.articleBodyShare span[class*=" icon-"],
				.articleBodyShare span[class*="	icon-"] { font-size: 28px; margin-bottom: 5px; }
			.articleBodyShareCount { background: #eee; color: #222; display: block; font-size: 14px; line-height: 1.2rem; padding: 0 2px; width: 100%; text-align: center; }

	.articleFooter { display: block; margin: 0 0 16px; padding: 0; width: 100%; }
		.articleFooterNewsletter { display: block; padding: 0 8px 8px; text-align: center; }
			.articleFooterNewsletter input[name='email'],
			.articleFooterNewsletter input[name='EMAIL'] { display: inline-block; height: 32px; max-width: 75%; text-align: center; width: 300px; }
			.articleFooterNewsletter input[type='submit'],
			.articleFooterNewsletter button { display: inline-block; height: 32px; max-width: 20%; width: 75px; }
		.articleFooterShares { display: block; font-size: 0; padding: 8px 8px 0; text-align: center; }
			.articleFooterShare { color: #fff; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 16px; height: 32px; line-height: 23px; margin: 0 8px 8px; overflow-y: hidden; padding: 4px 8px; text-decoration: none; vertical-align: top; }
			.articleFooterShare:hover { color: #fff; text-decoration: none; }
				.articleFooterShare > span { vertical-align: middle; }
				.articleFooterShare > .fb-like { background: linear-gradient(#4c69ba, #3b55a0) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }
						.articleFooterShare > .fb-like > span { transform: scale(1.56); -ms-transform: scale(1.65); -webkit-transform: scale(1.65); -o-transform: scale(1.65); -moz-transform: scale(1.65); vertical-align: text-bottom !important; }
				.articleFooterShare [class^="icon-"], 
				.articleFooterShare [class*=" icon-"],
				.articleFooterShare [class*="	icon-"] { margin-right: 5px; }


	.articleHeader { display: block; margin: 0 0 16px; padding: 0; position: relative; width: 100%; z-index: 1; }
		.articleHeader *:first-child { margin-top: 0; }
		.articleHeaderImage { display: block; height: 0; padding-top: 75%; position: relative; width: 100%; z-index: 1; }
		@media (min-width: 768px) { .articleHeaderImage { padding-top: 56.75%; } }
		@media (min-width: 1440px) { .articleHeaderImage { padding-top: 41.84%; } }
			.articleHeaderImage .articleHeaderImageCredit { position: absolute; right: 2px; bottom: 0; color: #bbb; font-size: 10px; line-height: 14px; z-index: 1; }
		.articleHeaderText { display: block; padding: 16px; text-align: center; z-index: 2; }
			.articleHeaderText h1 { display: block; font-size: 32px; font-weight: normal; line-height: 35px; padding: 8px; text-align: center; width: 100%; }
			@media (min-width: 1024px) { .articleHeaderText h1 { font-size: 38px; line-height: 41px; } } 
			.articleHeaderTextCategories { display: block; font-size: 0; margin: 0; padding: 0; text-align: center; }
				.articleHeaderTextCategories > * { vertical-align: top }
				.articleHeaderTextCategoriesHub,
				.articleHeaderTextCategoriesParent { display: inline-block; font-size: 0.9rem; line-height: 1em; padding: 0.4em 0.6em; text-decoration: none; }
				.articleHeaderTextCategoriesHub { background: #000; color: #fff; }
				.articleHeaderTextCategoriesHub:hover { background: #000; color: #fff; text-decoration: underline; }
				.articleHeaderTextCategoriesParent { background: #666; color: #fff; }
				.articleHeaderTextCategoriesParent:hover { background: #666; color: #fff; text-decoration: underline; }
			.articleHeaderByline { display: inline-block; font-size: 0; vertical-align: middle; }
				.articleHeaderByline .avatar { display: inline-block; max-width: 50px; padding: 0; vertical-align: middle; width: 20%; }
				.articleHeaderBylineAuthorBox { 
					display: inline-block; 
					font-size: 1rem; 
					vertical-align: middle; 
					width: 80%; 
					text-align: left; 
				}
				.articleHeaderByline .avatar ~ .articleHeaderBylineAuthorBox { 
					padding-left: 16px; 
				}
					.articleHeaderBylineAuthor { display: block; font-weight: bold; }
						.articleHeaderBylineAuthor a { border-bottom: #222 1px dotted; display: inline-block; color: #222; line-height: 1.2rem; margin-bottom: 0.418rem; text-decoration: none; }
						.articleHeaderBylineAuthor a:hover { border-bottom: 0; color: #666; padding-bottom: 1px; text-decoration: none; }
					.articleHeaderBylineSocials { display: block; font-size: 0; margin-top: 4px; }
						.articleHeaderBylineSocial { background: #aaa; color: #fff; display: inline-block; font-size: 12px; font-weight: normal; height: 16px; line-height: 12px; margin-right: 4px; padding: 2px; text-align: center; text-decoration: none; vertical-align: middle; width: 16px; }
						.articleHeaderBylineSocial:hover { color: #fff; text-decoration: none; }
							.articleHeaderBylineSocial span { display: inline-block; vertical-align: text-top; }
			.articleHeaderPublishDate { display: block; font-size: 12px; line-height: 1em; }
			.articleHeaderShares { clear: both; margin-top: 1rem; font-size: 0; color: #666; }
				.articleHeaderShare { color: #fff; cursor: pointer; background: #b8b8b8; display: inline-block; font-size: 28px; height: 48px; line-height: 1em; margin: 1px 5px; padding: 10px; position: relative; text-align: center; vertical-align: middle; width: 48px; }
				.articleHeaderShare:first-child { margin-left: 0; }
				.articleHeaderShare:hover { color: #fff; }
					.articleHeaderShareCount { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); color: #666; display: block; font-size: 14px; line-height: 1.2rem; padding: 0 2px; position: absolute; right: 0; top: 0; }
						.articleHeaderShare span { display: inline-block; vertical-align: text-top; }
				.articleHeaderSharesSummary { display: inline-block; margin: 1px 0.5rem 1px 1px; font-size: 0.9rem; line-height: 1.025rem; text-align: center; vertical-align: top;}
					.articleHeaderSharesCount { display: block; color: #08b100; font-size: 2rem; line-height: 2rem; }

	.articleTrail { color: #666; display: block; font-size: 12px; font-weight: normal; line-height: 1em; }
		.articleTrail a,
		.articleTrail .link { color: #666; text-decoration: none; }
		.articleTrail a:hover,
		.articleTrail .link:hover { color: #444; text-decoration: underline; }

	#articleAdBottom,
	.articleBody .articleAdMiddle,
	#articleAdTop { clear: both; display: block; margin: 0 -15px; max-width: 970px; padding: 0; text-align: center; }

	#articleAdBottom { margin-top: 0.75em; }
	.articleBody .articleAdMiddle { margin-bottom: 0.75em; margin-top: 0.75em; }
	#articleAdTop { margin-bottom: 0.75em; }


/* Article Listing
   ========================================================================== */

/* Analyst View */

	.analystView > .articleListings > .articleListing:not(.header) a:not([class^="button"]):not([class*=" button"]):not([class*="	button"]):not([class^="icon-"]):not([class*=" icon-"]):not([class*="	icon-"]) { color: #222; text-decoration: underline; }
	.analystView > .articleListings > .articleListing:not(.header) a:not([class^="button"]):not([class*=" button"]):not([class*="	button"]):not([class^="icon-"]):not([class*=" icon-"]):not([class*="	icon-"]):hover { text-decoration: none; }
	.analystView > .articleListings > .articleListing:not(.header) [class^="icon-"], 
	.analystView > .articleListings > .articleListing:not(.header) [class*=" icon-"],
	.analystView > .articleListings > .articleListing:not(.header) [class*="	icon-"] { color: #666; text-decoration: none; }
	.analystView > .articleListings > .articleListing:not(.header) .success { color: #258815; }
	.analystView > .articleListings > .articleListing:not(.header) .error { color: #8f2121; }

	.analystView > .articleListings > .articleListing > .authorName { width: 10%; }
	.analystView > .articleListings > .articleListing > .dateChanged { text-align: center; width: 120px; }
	.analystView > .articleListings > .articleListing:not(.header) > .dateChanged { font-size: 0.9rem; }
	.analystView > .articleListings > .articleListing > .datePublished { text-align: center; width: 120px; }
	.analystView > .articleListings > .articleListing:not(.header) > .datePublished { font-size: 0.9rem; }
	.analystView > .articleListings > .articleListing > .parentTitle { width: 10%; }
	.analystView > .articleListings > .articleListing > .reads { text-align: center; width: 75px; }
	.analystView > .articleListings > .articleListing > .socialsTotal { text-align: center; width: 75px; }
	.analystView > .articleListings > .articleListing > .title { text-align: left; width: 20%; }
		analystViewListings > .articleListing > .articleListingTitle > .articleListingTitleIcons { display: block; font-size: 0; }
			analystViewListings > .articleListing > .articleListingTitle > .articleListingTitleIcons > * { cursor: help; display: inline-block; font-size: 1rem; margin-right: 8px; text-decoration: none; }
			analystViewListings > .articleListing > .articleListingTitle > .articleListingTitleIcons > *:last-child { margin-right: 0; }
		.analystViewListings > .articleListing > .articleListingTitle > .articleListingTitleTitle { display: block; }
		.analystViewListings > .articleListing > .articleListingTitle > .articleListingTitleURL { color: #888; display: block; font-size: 0.8em; line-height: 1.3em; }
	.analystView > .articleListings > .articleListing > .views { text-align: center; width: 75px; }
	.analystView > .articleListings > .articleListing > .words { text-align: center; width: 75px; }

.analystViewListings > .articleListingHeading { font-weight: bold; }
.analystViewListings > .articleListingHeading > * { font-size: 1.1rem !important; }
.analystViewListings > .articleListingHeading [class^="icon-arrow-up"],
.analystViewListings > .articleListingHeading [class^="icon-arrow-down"],
.analystViewListings > .articleListingHeading [class^="icon-sort-"],
.analystViewListings > .articleListingHeading [class*=" icon-arrow-up"],
.analystViewListings > .articleListingHeading [class*="	icon-arrow-up"],
.analystViewListings > .articleListingHeading [class*=" icon-arrow-down"],
.analystViewListings > .articleListingHeading [class*="	icon-arrow-down"],
.analystViewListings > .articleListingHeading [class*=" icon-sort-"],
.analystViewListings > .articleListingHeading [class*="	icon-sort-"] { color: #aaa; font-size: 1rem; }

/* Audience View */

.articleListing { display: block; font-size: 0; position: relative; }
.articleListing ~ .articleListing { margin-top: 16px; }
	.articleListingImage { display: block; font-size: 1rem;  position: relative; width: 100%; z-index: 1; }
		.articleListingImageBox { display: block; height: 0; padding-top: 75%; width: 100%; }
	.articleListingText { display: block; font-size: 1rem; position: relative; width: 100%; z-index: 1; }
		.articleListingTextByline { color: #666; display: block; font-size: 0.8rem; line-height: 1.2em; margin: 0; padding: 5px 0 0; text-align: center; }
		@media (min-width: 1024px) { .articleListingTextByline { line-height: 1.4em; } }
		@media (min-width: 1024px) { .articleListingTextByline { line-height: 1.6em; } }
			.articleListingTextByline .avatar { height: 1.2em; width: 1.2em; vertical-align: middle; }
			.articleListingTextByline .author { vertical-align: middle; }
			@media (min-width: 1024px) { .articleListingTextByline .avatar { height: 1.4em; width: 1.4em; } }
			@media (min-width: 1024px) { .articleListingTextByline .avatar { height: 1.6em; width: 1.6em; } }
		.articleListingTextCategories { display: block; font-size: 0; margin: 0; padding: 8px 0 0; text-align: center; }
			.articleListingTextCategoriesHub,
			.articleListingTextCategoriesParent { display: inline-block; font-size: 0.9rem; line-height: 1em; padding: 0.4em 0.6em; text-decoration: none; }
			.articleListingTextCategoriesHub { background: #000; color: #fff; }
			a.articleListingTextCategoriesHub:hover { background: #000; color: #fff; text-decoration: underline; }
			.articleListingTextCategoriesParent { background: #666; color: #fff; }
			a.articleListingTextCategoriesParent:hover { background: #666; color: #fff; text-decoration: underline; }
		.articleListingTextDate { color: #666; display: block; font-size: 0.8em; line-height: 1em; margin: 0; padding: 8px 0 0; text-align: center; }
		.articleListingTextSummary { color: #444; display: block; margin: 0; overflow: hidden; padding: 5px 8px 0; text-overflow: ellipsis; }
		.articleListingTextTitle { color: #222; display: block; font-size: 1.1em; font-weight: bold; line-height: 1.2em; margin: 0; padding: 8px 0 0; text-decoration: none; }
		.articleListingTextTitle:hover { color: #222; text-decoration: underline; }

		@media (min-width: 965px) { 
			.box60 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
			.box67 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
			.box75 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
			.box80 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
			.box100 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox { padding-top: 56.25%; } 

			.box60 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
			.box67 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
			.box75 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
			.box80 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 1.3em; line-height: 1.3em; } 
			.box100 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 1.4em; line-height: 1.3em; } 
		}
		@media (min-width: 1280px) { 
			.box33 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
			.box40 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
			.box50 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox { padding-top: 56.25%; } 

			.box100 > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox { padding-top: 42.55%; } 

			.box50 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 1.2em; line-height: 1.3em; } 
			.box75 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
			.box80 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 1.4em; } 
			.box100 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 1.6em; } 
		}

		aside .articleListingImage > .articleListingImageBox,
		aside [class^="box"] > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
		aside [class*=" box"] > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox,
		aside [class*="	box"] > .boxContent > .articleListing > .articleListingImage > .articleListingImageBox { 
			padding-top: 75%; 
		}
		aside [class^="box"] > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
		aside [class*=" box"] > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
		aside [class*="	box"] > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { 
			font-size: 1.1em; 
			line-height: 1.2em; 
		} 
		aside [class^="box"] > .boxContent > .articleListing > .articleListingText > .articleListingTextSummary,
		aside [class*=" box"] > .boxContent > .articleListing > .articleListingText > .articleListingTextSummary,
		aside [class*="	box"] > .boxContent > .articleListing > .articleListingText > .articleListingTextSummary { 
			font-size: 0.9em; 
		} 

.articleListing.noCategories { }
	.articleListing.noCategories > .articleListingText > .articleListingTextCategories { display: none !important; }	

.articleListing.noDate { }
	.articleListing.noDate > .articleListingText > .articleListingTextDate { display: none !important; }

.articleListing.noSummary { }
	.articleListing.noSummary > .articleListingText > .articleListingTextSummary { display: none !important; }

.articleListing.sideBySide { border-bottom: #eee 1px solid; padding-bottom: 12px; margin-bottom: 12px; text-align: left; }
.articleListing.sideBySide:last-of-type { border-bottom: 0; margin-bottom: 0; }
	.articleListing.sideBySide .articleListingTextByline { text-align: left; }
	@media (min-width: 648px) { 
		.box100 > .boxContent > .articleListing.sideBySide > .articleListingImage { display: inline-block; vertical-align: top; width: 33%; }
			.box100 > .boxContent > .articleListing.sideBySide > .articleListingImage > .articleListingImageBox { padding-top: 75%; }

		.box100 > .boxContent > .articleListing.sideBySide > .articleListingText { display: inline-block; padding-right: 20px; text-align: left; vertical-align: top; width: 67%; }
		.box100 > .boxContent > .articleListing.sideBySide > .articleListingImage ~ .articleListingText { padding-left: 20px; padding-right: 0; }

			.box100 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextCategories { display: inline-block; margin-right: 20px; padding-top: 0; }
			.box100 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextDate { display: inline-block; margin-right: 20px; padding-top: 0; }
	}
	@media (min-width: 965px) { 
		.box67 > .boxContent > .articleListing.sideBySide > .articleListingImage,
		.box75 > .boxContent > .articleListing.sideBySide > .articleListingImage { display: inline-block; vertical-align: top; width: 25%; }
			.box67 > .boxContent > .articleListing.sideBySide > .articleListingImage > .articleListingImageBox,
			.box75 > .boxContent > .articleListing.sideBySide > .articleListingImage > .articleListingImageBox { padding-top: 100%; }

		.box67 > .boxContent > .articleListing.sideBySide > .articleListingText,
		.box75 > .boxContent > .articleListing.sideBySide > .articleListingText { display: inline-block; padding-right: 20px; text-align: left; vertical-align: top; width: 75%; }
		.box67 > .boxContent > .articleListing.sideBySide > .articleListingImage ~ .articleListingText,
		.box75 > .boxContent > .articleListing.sideBySide > .articleListingImage ~ .articleListingText { padding-left: 20px; padding-right: 0; }

			.box67 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextCategories,
			.box75 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextCategories { display: inline-block; margin-right: 20px; padding-top: 0; }
			.box67 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextDate,
			.box75 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextDate { display: inline-block; margin-right: 20px; padding-top: 0; }
	}
	@media (min-width: 1280px) { 
		.box50 > .boxContent > .articleListing.sideBySide > .articleListingImage,
		.box60 > .boxContent > .articleListing.sideBySide > .articleListingImage { display: inline-block; vertical-align: top; width: 25%; }
			.box50 > .boxContent > .articleListing.sideBySide > .articleListingImage > .articleListingImageBox,
			.box60 > .boxContent > .articleListing.sideBySide > .articleListingImage > .articleListingImageBox { padding-top: 100%; }

		.box50 > .boxContent > .articleListing.sideBySide > .articleListingText,
		.box60 > .boxContent > .articleListing.sideBySide > .articleListingText { display: inline-block; padding-right: 20px; text-align: left; vertical-align: top; width: 75%; }
		.box50 > .boxContent > .articleListing.sideBySide > .articleListingImage ~ .articleListingText,
		.box60 > .boxContent > .articleListing.sideBySide > .articleListingImage ~ .articleListingText { padding-left: 20px; padding-right: 0; }

			.box50 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextCategories,
			.box60 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextCategories { display: inline-block; margin-right: 20px; padding-top: 0; }
			.box50 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextDate,
			.box60 > .boxContent > .articleListing.sideBySide > .articleListingText > .articleListingTextDate { display: inline-block; margin-right: 20px; padding-top: 0; }
	}

.articleListing.textOnly { border-bottom: #eee 1px solid; margin-bottom: 8px; padding-bottom: 8px; } 
.articleListing.textOnly:last-of-type { border-bottom: 0; }

.articleListing.textOnTop { overflow: hidden; }
	.articleListing.textOnTop > .articleListingText { background: rgba(255, 255, 255, 0.9); bottom: 10%; left: 10%; position: absolute; padding: 0 10px 8px; max-height: 80%; right: auto; width: 80%; z-index: 2; }
		.articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: absolute; left: 0; right: 0; top: -3em; }
		.articleListing.textOnTop > .articleListingText > .articleListingTextSummary { font-size: 0.9em; line-height: 1.3em; max-height: 0; padding-top: 0; padding-bottom: 0; transition: all 0.8s; }
		.articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: 100px; }

	.box10 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box20 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box25 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box33 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box40 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box50 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box60 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box67 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box75 > .boxContent > .articleListing.textOnTop > .articleListingText,
	.box100 > .boxContent > .articleListing.textOnTop > .articleListingText { background: inherit; bottom: auto; left: auto; position: static; padding: 0; right: auto; width: 100%; z-index: 2; }
		.box10 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box20 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box25 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box33 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box50 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box60 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box67 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box75 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box100 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: static; left: auto; right: auto; top: auto; }
		.box10 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box20 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box25 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box33 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box50 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box60 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box67 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box75 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		.box100 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { max-height: none; transition: max-height 0.8s; }
		.box10 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box20 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box25 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box33 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box40 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box50 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box60 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box67 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box75 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		.box100 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: none; }

	@media (min-width: 648px) { 
		.box67 > .boxContent > .articleListing.textOnTop > .articleListingText,
		.box75 > .boxContent > .articleListing.textOnTop > .articleListingText,
		.box100 > .boxContent > .articleListing.textOnTop > .articleListingText { background: rgba(255, 255, 255, 0.9); bottom: 10%; left: 10%; position: absolute; padding: 0 10px 8px; right: auto; width: 80%; z-index: 2; }
			.box67 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
			.box75 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
			.box100 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }
			.box67 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box75 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box100 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { max-height: 0; transition: max-height 0.8s; }
			.box67 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box75 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box100 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: 100px; }
	}
	@media (min-width: 965px) { 
		.box40 > .boxContent > .articleListing.textOnTop > .articleListingText { background: rgba(255, 255, 255, 0.9); bottom: 0%; left: 0%; position: absolute; padding: 0 10px 8px; right: auto; width: 100%; z-index: 2; }
			.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }
			.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { max-height: 0; transition: max-height 0.8s; }
			.box40 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: 100px; }

		.box50 > .boxContent > .articleListing.textOnTop > .articleListingText,
		.box60 > .boxContent > .articleListing.textOnTop > .articleListingText { background: rgba(255, 255, 255, 0.9); bottom: 10%; left: 10%; position: absolute; padding: 0 10px 8px; right: auto; width: 80%; z-index: 2; }
			.box50 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
			.box60 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }
			.box50 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box60 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { max-height: 0; transition: max-height 0.8s; }
			.box50 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box60 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: 100px; }

			.box75 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box100 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { font-size: 1em; line-height: 1.4em; }
			.box75 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box100 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: 150px; }
	}
	@media (min-width: 1280px) { 
		.box10 > .boxContent > .articleListing.textOnTop > .articleListingText,
		.box20 > .boxContent > .articleListing.textOnTop > .articleListingText,
		.box25 > .boxContent > .articleListing.textOnTop > .articleListingText,
		.box33 > .boxContent > .articleListing.textOnTop > .articleListingText { background: rgba(255, 255, 255, 0.9); bottom: 10%; left: 10%; position: absolute; padding: 0 10px 8px; right: auto; width: 80%; z-index: 2; }
			.box10 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
			.box20 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
			.box25 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
			.box33 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
			.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: absolute; left: 0; right: 0; top: -2.5rem; }
			.box10 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box20 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box25 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box33 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
			.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { max-height: 0; transition: max-height 0.8s; }
			.box10 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box20 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box25 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box33 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
			.box40 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: 75px; }

			.box67 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { font-size: 1em; line-height: 1.4em; }
			.box67 > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { max-height: 150px; }
	}

	aside [class^="box"] > .boxContent > .articleListing.textOnTop > .articleListingText,
	aside [class*=" box"] > .boxContent > .articleListing.textOnTop > .articleListingText,
	aside [class*="	box"] > .boxContent > .articleListing.textOnTop > .articleListingText { 
		background: rgba(255, 255, 255, 0.9); 
		bottom: 10%; 
		left: 10%; 
		position: absolute; 
		padding: 0 10px 8px; 
		right: auto; 
		width: 80%; 
		z-index: 2; 
	}
		aside [class^="box"] > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		aside [class*=" box"] > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		aside [class*="	box"] > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { 
			left: 0; 
			position: absolute; 
			right: 0; 
			top: -2.5rem; 
		}
		aside [class^="box"] > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		aside [class*=" box"] > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary,
		aside [class*="	box"] > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextSummary { 
			max-height: 0; 
			transition: max-height 0.8s; 
		}
		aside [class^="box"] > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		aside [class*=" box"] > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary,
		aside [class*="	box"] > .boxContent > .articleListing.textOnTop:hover > .articleListingText > .articleListingTextSummary { 
			max-height: 75px; 
		}

/* Category Ads
   ========================================================================== */

	.categoryAdMiddle { border-bottom: #eee 1px solid; clear: both; display: block; margin: 0 auto 12px auto; padding: 0 0 12px 0; text-align: center; }

/* Category Listing
   ========================================================================== */

.categoryListing { display: block; font-size: 0; position: relative; }
.categoryListing ~ .categoryListing { margin-top: 16px; }
a.categoryListing { color: #222; text-decoration: none; }
a.categoryListing:hover { color: #666; text-decoration: none; }
	.categoryListingImage { display: block; font-size: 1rem;  position: relative; width: 100%; z-index: 1; }
		.categoryListingImageBox { display: block; height: 0; padding-top: 75%; width: 100%; }
	.categoryListingText { display: block; font-size: 1rem; position: relative; width: 100%; z-index: 1; }
	.categoryListingImage ~ .categoryListingText { margin-top: 8px; }
		.categoryListingTextTitle,
		.categoryListingTextTitle a { color: #222; line-height: 1.2em; text-decoration: none; }
		a.categoryListing:hover .categoryListingTextTitle,
		.categoryListingTextTitle a:hover { color: #666; text-decoration: none; }

.categoryListing.textOnly { border-bottom: #eee 1px solid; margin-bottom: 8px; padding-bottom: 8px; } 
.categoryListing.textOnly:last-of-type { border-bottom: 0; }

/* Company
   ========================================================================== */

.company { display: block; margin: 0; padding: 0; position: relative; width: 100%; }
	.companyBody { background: #fff; display: block; font-size: 1rem; margin: 0 auto 16px; max-width: 986px; padding: 0 8px; position: relative; width: 100%; z-index: 2; }
	@media (min-width: 600px) { .companyeBody { font-size: 1.0625rem; } }
	@media (min-width: 768px) { .companyBody { color: #363636; font-size: 1.125rem; } }
	@media (min-width: 800px) { .companyBody { font-size: 1.1875rem; } }
	@media (min-width: 1280px) { .companyBody { font-size: 1.3125rem; } }

		.companyBody h1,
		.companyBody h2,
		.companyBody h3,
		.companyBody h4,
		.companyBody h5,
		.companyBody ol,
		.companyBody > div,
		.companyBody p,
		.companyBody ul { margin-left: auto; margin-right: auto; max-width: 728px; }

		.companyBody h2,
		.companyBody h3,
		.companyBody h4,
		.companyBody h5 { color #222; font-weight: 500; line-height: 1.382em; margin-bottom: 0.382em; margin-top: 0.618em; }

		.companyBody h2 { font-size: 1.618em; }
		.companyBody h3 { font-size: 1.382em; }
		.companyBody h4 { font-size: 1.236em; }
		.companyBody h5 { font-size: 1.164em; }

	.companyHeader { display: block; margin: 0 0 16px; padding: 0; position: relative; width: 100%; z-index: 1; }
		.companyHeader *:first-child { margin-top: 0; }
		.companyHeaderImage { display: block; height: 0; padding-top: 75%; position: relative; width: 100%; z-index: 1; }
		@media (min-width: 728px) { .companyHeaderImage { padding-top: 56.75%; } }
		@media (min-width: 1024px) { .companyHeaderImage { padding-top: 41.84%; } }
			.companyHeaderImage .companyHeaderImageCredit { position: absolute; right: 2px; bottom: 0; color: #bbb; font-size: 10px; line-height: 14px; z-index: 1; }
		.companyHeaderText { display: block; margin: 0 auto; padding: 16px; text-align: center; width: 100%; z-index: 2; }
		.companyHeaderImage ~ .companyHeaderText { position: absolute; bottom: 0; }
			.companyHeaderText h1 { background-color: #fff; display: inline-block; font-size: 28px; font-weight: normal; line-height: 31px; padding: 8px; text-align: center;}
			@media (min-width: 480px) { .companyHeaderText h1 { font-size: 32px; line-height: 35px; } }
			@media (min-width: 1024px) { .companyHeaderText h1 { font-size: 38px; line-height: 41px; } }
			@media (min-width: 1366px) { .companyHeaderText h1 { font-size: 42px; line-height: 44px; } }
			.companyHeaderTextLogo { display: block; margin: 0 auto; text-align: center; max-width: 100%; }
				.companyHeaderTextLogoBox { border: #fff 5px solid; border-radius: 5px; display: inline-block; margin: 0 auto; max-width: 100%; }
					.companyHeaderTextLogoBox img { display: block; max-height: 60px; }
					@media (min-width: 480px) { .companyHeaderTextLogoBox img { max-height: 80px; } }
					@media (min-width: 768px) { .companyHeaderTextLogoBox img { max-height: 100px; } }

/* Company Listing
========================================================================== */
	.companyListing { }
		.companyListing select { max-width: 300px; width: 100%; }
		.companyListingText { display: block; text-align: left; }
			.companyListingTextLocation { display: block; font-size: 0.8em; line-height: 1.2em; margin-left: 5px; }
				.companyListingTextLocation *:first-child { margin-top: 0; }
				.companyListingTextLocationAddress,
				.companyListingTextLocationEmail, 
				.companyListingTextLocationPhone { color: #444; display: block; margin: 5px 0; }
					.companyListingTextLocationAddress a,
					.companyListingTextLocationEmail a, 
					.companyListingTextLocationPhone a,
					.companyListingTextLocationAddress [class^="icon-"], 
					.companyListingTextLocationAddress [class*=" icon-"],
					.companyListingTextLocationAddress [class*="	icon-"],
					.companyListingTextLocationEmail [class^="icon-"], 
					.companyListingTextLocationEmail [class*=" icon-"],
					.companyListingTextLocationEmail [class*="	icon-"],
					.companyListingTextLocationPhone [class^="icon-"], 
					.companyListingTextLocationPhone [class*=" icon-"],
					.companyListingTextLocationPhone [class*="	icon-"] { color: #444; display: inline; vertical-align: middle; }
					.companyListingTextLocationAddress a:hover,
					.companyListingTextLocationEmail a:hover, 
					.companyListingTextLocationPhone a:hover { color: #222; }
					.companyListingTextLocationAddress [class^="icon-"]:first-child, 
					.companyListingTextLocationAddress [class*=" icon-"]:first-child,
					.companyListingTextLocationAddress [class*="	icon-"]:first-child,
					.companyListingTextLocationEmail [class^="icon-"]:first-child, 
					.companyListingTextLocationEmail [class*=" icon-"]:first-child,
					.companyListingTextLocationEmail [class*="	icon-"]:first-child,
					.companyListingTextLocationPhone [class^="icon-"]:first-child, 
					.companyListingTextLocationPhone [class*=" icon-"]:first-child,
					.companyListingTextLocationPhone [class*="	icon-"]:first-child { margin-right: 5px; }
			.companyListingTextLogo { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border: 0; display: block; font-size: 0; margin: 0 auto; text-align: center; max-width: 100%; }
			.companyListingTextLogo[style^='background-image'],
			.companyListingTextLogo[style*='background-image'] { padding-bottom: 10px; padding-top: 50px; }
				.companyListingTextLogoBox { background-color: #fff; border: #fff 5px solid; border-radius: 5px; display: inline-block; margin: 0 auto; max-width: 100%; }
					.companyListingTextLogoBox img { display: block; max-height: 75px; }
			.companyListingTextName { color: #222; display: block; font-size: 1.1em; font-weight: bold; line-height: 1.2em; margin: 3px 0; }
			a.companyListingTextName,
			.companyListingTextName > a { color: #222; }
			a.companyListingTextName:hover,
			.companyListingTextName > a:hover { color: #666; }
			.companyListingTextLogo ~ .companyListingTextName { text-align: center; }
			.companyListingTextSummary { display: block; font-size: 0.9em; }

			.companyListingTextLocation.table { border-spacing: 8px; display: table; margin: 0;}
				.companyListingTextLocation.table > * { display: table-row; }
					.companyListingTextLocation.table > * > * { display: table-cell; }

/* Contest
   ========================================================================== */

.contest { display: block; margin: 0; padding: 0; position: relative; width: 100%; }
	.contestBody { background: #fff; display: block; font-size: 1rem; margin: 0 auto 16px; max-width: 986px; padding: 0 8px; position: relative; width: 100%; z-index: 2; }
	@media (min-width: 600px) { .contestBody { font-size: 1.0625rem; } }
	@media (min-width: 768px) { .contestBody { color: #484848; font-size: 1.375rem; } }
	@media (min-width: 1024px) { .contestBody { color: #363636; font-size: 1.3125rem; } }
	@media (min-width: 1080px) { .contestBody { color: #484848; font-size: 1.375rem; } }
		.contestBody h1,
		.contestBody h2,
		.contestBody h3,
		.contestBody h4,
		.contestBody h5,
		.contestBody h6,
		.contestBody ol,
		.contestBody > div,
		.contestBody p,
		.contestBody ul { margin-left: auto; margin-right: auto; max-width: 728px; }

		.contestBody h2,
		.contestBody h3,
		.contestBody h4,
		.contestBody h5 { color #222; font-weight: 500; line-height: 1.382em; margin-bottom: 0.382em; margin-top: 0.618em; }

		.contestBody h2 { font-size: 1.618em; }
		.contestBody h3 { font-size: 1.382em; }
		.contestBody h4 { font-size: 1.236em; }
		.contestBody h5 { font-size: 1.164em; }
		.contestBody h6 { font-size: 1.1em; }

		.contestBody .headerImage { display: none !important; }

		.contestBody img,
		.contestBody .contestImage { position: relative; display: block; max-width: 100%; margin: 0 auto; padding: 8px 0; }
			.contestBody .contestImage.contestImageLeft { float: left; margin-right: 24px; }
			@media (min-width: 1140px) { .contestBody .contestImage.contestImageLeft { margin-left: -4%; } }
			@media (min-width: 1160px) { .contestBody .contestImage.contestImageLeft { margin-left: -5%; } }
			@media (min-width: 1180px) { .contestBody .contestImage.contestImageLeft { margin-left: -6%; } }
			@media (min-width: 1200px) { .contestBody .contestImage.contestImageLeft { margin-left: -7%; } }
			@media (min-width: 1220px) { .contestBody .contestImage.contestImageLeft { margin-left: -8%; } }
			@media (min-width: 1240px) { .contestBody .contestImage.contestImageLeft { margin-left: -9%; } }
			@media (min-width: 1280px) { .contestBody .contestImage.contestImageLeft { margin-left: -10%; } }
			.contestBody .contestImage.articleImageRight { float: right; margin-left: 24px; }
			@media (min-width: 1140px) { .contestBody .contestImage.contestImageRight { margin-right: -4%; } }
			@media (min-width: 1160px) { .contestBody .contestImage.contestImageRight { margin-right: -5%; } }
			@media (min-width: 1180px) { .contestBody .contestImage.contestImageRight { margin-right: -6%; } }
			@media (min-width: 1200px) { .contestBody .contestImage.contestImageRight { margin-right: -7%; } }
			@media (min-width: 1220px) { .contestBody .contestImage.contestImageRight { margin-right: -8%; } }
			@media (min-width: 1240px) { .contestBody .contestImage.contestImageRight { margin-right: -9%; } }
			@media (min-width: 1280px) { .contestBody .contestImage.contestImageRight { margin-right: -10%; } }
			.contestBody .contestImage > a { display: block; max-width: 100%; }
			.contestBody .contestImage > img { margin: 0 auto; padding: 0; }
			.contestBody .contestImage .imageCredit { color: #666; display: block; font-size: 10px; padding: 2px 0; text-align: left; word-wrap: break-word; }
				.contestBody .contestImage .imageCredit a { color: #666; }
			.contestBody .contestImage .imageCaption { display: block; padding: 2px 0; font-size: 0.875rem; color: #666; }
				.contestBody .contestImage .imageCaption p { margin: 0.75em auto; }
				.contestBody .contestImage .imageCaption p:first-of-type { margin-top: 0; }
				.contestBody .contestImage .imageCaption p:last-of-type { margin-bottom: 0; }
			.contestBody .contestImage .contestImagePin { position: absolute; right: 0; top: 0; z-index: 1; opacity: 0.5; transition: opacity 0.3s ease-in-out;  }
			.contestBody .contestImage:hover .contestImagePin { opacity: 1; }
				.contestBody .contestImage .contestImagePin a { display: block; height: 32px; font-size: 16px; line-height: 32px; color: #fff; text-decoration: none; }
				.contestBody .contestImage .contestImagePin a:hover { color: #eee; }
				.contestBody .contestImage .contestImagePin [class^="icon-"],
				.contestBody .contestImage .contestImagePin [class*=" icon-"],
				.contestBody .contestImage .contestImagePin [class*="	icon-"] { display: inline-block; font-size: 24px; height: 32px; line-height: 32px; margin: 0 !important; max-width: 100% !important; padding: 0 !important;  text-align: center; vertical-align: -1px; width: 32px; }
				.contestBody .contestImage .contestImagePin span { display: inline-block; max-width: 0; padding-right: 0; vertical-align: top; overflow: hidden; transition: all 0.5s ease-out 0s; }
				.contestBody .contestImage .contestImagePin:hover span { max-width: 100px; padding-right: 10px; }

		.contestBodyShares { background: #fff; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-style: solid; border-width: 1px; display: none; font-size: 0; color: #666; left: -82px; padding: 8px; position: absolute; width: 66px; top: 8px; }
		@media (min-width: 1440px) { .contestBodyShares { display: block; } }
			.contestBodyShares > *:last-child { margin-bottom: 0; }
			.contestBodyShare { background: #b8b8b8; color: #fff; cursor: pointer; display: block; font-size: 14px; line-height: 1em; margin: 0 0 10px; overflow: hidden; padding: 5px; position: relative; text-align: center; vertical-align: middle; width: 100%; }
			.contestBodyShare:hover { color: #fff; text-decoration: none; }
				.contestBodyShare span { display: block; vertical-align: text-top; }
				.contestBodyShare span[class^="icon-"], 
				.contestBodyShare span[class*=" icon-"],
				.contestBodyShare span[class*="	icon-"] { font-size: 28px; margin-bottom: 5px; }
			.contestBodyShareCount { background: #eee; color: #222; display: block; font-size: 14px; line-height: 1.2rem; padding: 0 2px; width: 100%; text-align: center; }

	.contestForm { background: #fff; display: block; font-size: 1rem; margin: 0 auto 16px; max-width: 728px; padding: 0 8px; position: relative; width: 100%; z-index: 2; }
		.contestFormInputs { }
			.contestFormInput { display: block; max-width: 38.5rem; margin: 0.75rem auto 0; padding: 0.75rem 0 0 0; border-top: #ddd 1px solid; }
				.contestFormInput input[type='email'],
				.contestFormInput input[type='text'],
				.contestFormInput textarea { display: block; width: 100%; }
				.contestFormInput input[type='file'] { display: block; }
				.contestFormInput select { display: block; max-width: 100%; }
				.contestFormInputName { font-weight: bold; }
		.contestFormButtons { display: block; text-align: center; margin: 1rem 0; padding: 0.75rem 0 0 0; border-top: #ddd 1px solid; }

	.contestFooter { display: block; margin: 0 0 16px; padding: 0; width: 100%; }
		.contestFooterNewsletter { display: block; padding: 0 8px 8px; text-align: center; }
			.contestFooterNewsletter input[name='email'],
			.contestFooterNewsletter input[name='EMAIL'] { display: inline-block; height: 32px; max-width: 75%; text-align: center; width: 300px; }
			.contestFooterNewsletter input[type='submit'],
			.contestFooterNewsletter button { display: inline-block; height: 32px; max-width: 20%; width: 75px; }
		.contestFooterShares { display: block; font-size: 0; padding: 8px 8px 0; text-align: center; }
			.contestFooterShare { color: #fff; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 16px; height: 32px; line-height: 23px; margin: 0 8px 8px; overflow-y: hidden; padding: 4px 8px; text-decoration: none; vertical-align: top; }
			.contestFooterShare:hover { color: #fff; text-decoration: none; }
				.contestFooterShare > span { vertical-align: middle; }
				.contestFooterShare > .fb-like { background: linear-gradient(#4c69ba, #3b55a0) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }
						.contestFooterShare > .fb-like > span { transform: scale(1.56); -ms-transform: scale(1.65); -webkit-transform: scale(1.65); -o-transform: scale(1.65); -moz-transform: scale(1.65); vertical-align: text-bottom !important; }
				.contestFooterShare [class^="icon-"], 
				.contestFooterShare [class*=" icon-"],
				.contestFooterShare [class*="	icon-"] { margin-right: 5px; }


	.contestHeader { display: block; margin: 0 0 16px; padding: 0; width: 100%; z-index: 1; }
		.contestHeader *:first-child { margin-top: 0; }
		.contestHeaderImage { display: block; height: 0; padding-top: 75%; position: relative; width: 100%; z-index: 1; }
		@media (min-width: 768px) { .contestHeaderImage { padding-top: 56.75%; } }
		@media (min-width: 1440px) { .contestHeaderImage { padding-top: 41.84%; } }
			.contestHeaderImage .contestHeaderImageCredit { position: absolute; right: 2px; bottom: 0; color: #bbb; font-size: 10px; line-height: 14px; z-index: 1; }
		.contestHeaderText { display: block; padding: 16px; text-align: center; z-index: 2; }
			.contestHeaderText h1 { display: block; font-size: 32px; font-weight: normal; line-height: 35px; padding: 8px; text-align: center; width: 100%; }
			@media (min-width: 1024px) { .contestHeadlineText h1 { font-size: 38px; line-height: 41px; } } 
			
			.contestHeaderPublishDates { display: block; font-size: 1rem; line-height: 1em; }
				.contestHeaderPublishDatesEnd,
				.contestHeaderPublishDatesStart { display: inline-block; font-size: 1em; line-height: 1em; }
			.contestHeaderShares { clear: both; margin-top: 1rem; font-size: 0; color: #666; }
				.contestHeaderShare { color: #fff; cursor: pointer; background: #b8b8b8; display: inline-block; font-size: 28px; height: 48px; line-height: 1em; margin: 1px 5px; padding: 10px; position: relative; text-align: center; vertical-align: middle; width: 48px; }
				.contestHeaderShare:hover { color: #fff; }
					.contestHeaderShareCount { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); color: #666; display: block; font-size: 14px; line-height: 1.2rem; padding: 0 2px; position: absolute; right: 0; top: 0; }
						.contestHeaderShare span { display: inline-block; vertical-align: text-top; }
				.contestHeaderSharesSummary { display: inline-block; margin: 1px 0.5rem 1px 1px; font-size: 0.9rem; line-height: 1.025rem; text-align: center; vertical-align: top;}
					.contestHeaderSharesCount { display: block; color: #08b100; font-size: 2rem; line-height: 2rem; }

/* Contest Listing
   ========================================================================== */

.contestListing { display: block; font-size: 0; position: relative; }
.contestListing ~ .contestListing { margin-top: 16px; }
	.contestListingImage { display: block; font-size: 1rem;  position: relative; width: 100%; z-index: 1; }
		.contestListingImageBox { display: block; height: 0; padding-top: 75%; width: 100%; }
	.contestListingText { display: block; font-size: 1rem; position: relative; width: 100%; z-index: 1; }
		.contestListingTextDate { color: #666; display: block; font-size: 0.8em; line-height: 1em; margin: 0; padding: 8px 0 0; text-align: center; }
		.contestListingTextSummary { color: #444; display: block; margin: 0; overflow: hidden; padding: 5px 8px 0 0; text-overflow: ellipsis; }
		.contestListingTextTitle { color: #222; display: block; font-size: 1.1em; font-weight: bold; line-height: 1.2em; margin: 0; padding: 8px 0 0; text-decoration: none; }
		.contestListingTextTitle:hover { color: #222; text-decoration: underline; }

		@media (min-width: 965px) { 
			.box60 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
			.box67 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
			.box75 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
			.box80 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
			.box100 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox { 
				padding-top: 56.25%; 
			} 

			.box60 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle,
			.box67 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle,
			.box75 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle,
			.box75 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle { 
				font-size: 1.3em; 
				line-height: 1.3em; 
			} 
			.box100 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle { font-size: 1.4em; line-height: 1.3em; } 
		}
		@media (min-width: 1280px) { 
			.box33 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
			.box40 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
			.box50 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox { padding-top: 56.25%; } 

			.box100 > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox { padding-top: 42.55%; } 

			.box50 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle { font-size: 1.2em; line-height: 1.3em; } 
			.box75 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle,
			.box80 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle { font-size: 1.4em; } 
			.box100 > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle { font-size: 1.6em; } 
		}

		aside .contestListingImage > .contestListingImageBox,
		aside [class^="box"] > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
		aside [class*=" box"] > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox,
		aside [class*="	box"] > .boxContent > .contestListing > .contestListingImage > .contestListingImageBox { 
			padding-top: 75%; 
		}
		aside [class^="box"] > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle,
		aside [class*=" box"] > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle,
		aside [class*="	box"] > .boxContent > .contestListing > .contestListingText > .contestListingTextTitle { 
			font-size: 1.1em; 
			line-height: 1.2em; 
		} 
		aside [class^="box"] > .boxContent > .contestListing > .contestListingText > .contestListingTextSummary,
		aside [class*=" box"] > .boxContent > .contestListing > .contestListingText > .contestListingTextSummary,
		aside [class*="	box"] > .boxContent > .contestListing > .contestListingText > .contestListingTextSummary { 
			font-size: 0.9em; 
		} 

.contestListing.noDate { }
	.contestListing.noDate > .contestListingText > .contestListingTextDate { display: none !important; }

.contestListing.noSummary { }
	.contestListing.noSummary > .contestListingText > .contestListingTextSummary { display: none !important; }

.contestListing.sideBySide { border-bottom: #eee 1px solid; padding-bottom: 12px; margin-bottom: 12px; text-align: left; }
.contestListing.sideBySide:last-of-type { border-bottom: 0; margin-bottom: 0; }
	.contestListing.sideBySide > .contestListingImage > .contestListingImageBox > .responsiveImage { background-size: contain; }
	@media (min-width: 648px) { 
		.box100 > .boxContent > .contestListing.sideBySide > .contestListingImage { display: inline-block; vertical-align: top; width: 40%; }
			.box100 > .boxContent > .contestListing.sideBySide > .contestListingImage > .contestListingImageBox { padding-top: 75%; }

		.box100 > .boxContent > .contestListing.sideBySide > .contestListingText { display: inline-block; padding-right: 20px; text-align: left; vertical-align: top; width: 60%; }
		.box100 > .boxContent > .contestListing.sideBySide > .contestListingImage ~ .contestListingText { padding-left: 20px; padding-right: 0; }

			.box100 > .boxContent > .contestListing.sideBySide > .contestListingText > .contestListingTextDate { display: inline-block; margin-right: 20px; padding-top: 0; }
	}
	@media (min-width: 965px) { 
		.box67 > .boxContent > .contestListing.sideBySide > .contestListingImage,
		.box75 > .boxContent > .contestListing.sideBySide > .contestListingImage,
		.box80 > .boxContent > .contestListing.sideBySide > .contestListingImage { display: inline-block; vertical-align: top; width: 33%; }
			.box67 > .boxContent > .contestListing.sideBySide > .contestListingImage > .contestListingImageBox,
			.box75 > .boxContent > .contestListing.sideBySide > .contestListingImage > .contestListingImageBox,
			.box80 > .boxContent > .contestListing.sideBySide > .contestListingImage > .contestListingImageBox { padding-top: 75%; }

		.box67 > .boxContent > .contestListing.sideBySide > .contestListingText,
		.box75 > .boxContent > .contestListing.sideBySide > .contestListingText,
		.box80 > .boxContent > .contestListing.sideBySide > .contestListingText { display: inline-block; padding-right: 20px; text-align: left; vertical-align: top; width: 67%; }
		.box67 > .boxContent > .contestListing.sideBySide > .contestListingImage ~ .contestListingText,
		.box75 > .boxContent > .contestListing.sideBySide > .contestListingImage ~ .contestListingText,
		.box80 > .boxContent > .contestListing.sideBySide > .contestListingImage ~ .contestListingText { padding-left: 20px; padding-right: 0; }

			.box67 > .boxContent > .contestListing.sideBySide > .contestListingText > .contestListingTextDate,
			.box75 > .boxContent > .contestListing.sideBySide > .contestListingText > .contestListingTextDate,
			.box80 > .boxContent > .contestListing.sideBySide > .contestListingText > .contestListingTextDate { display: inline-block; margin-right: 20px; padding-top: 0; }
	}
	@media (min-width: 1280px) { 
		.box50 > .boxContent > .contestListing.sideBySide > .contestListingImage,
		.box60 > .boxContent > .contestListing.sideBySide > .contestListingImage { display: inline-block; vertical-align: top; width: 33%; }
			.box50 > .boxContent > .contestListing.sideBySide > .contestListingImage > .contestListingImageBox,
			.box60 > .boxContent > .contestListing.sideBySide > .contestListingImage > .contestListingImageBox { padding-top: 100%; }

		.box50 > .boxContent > .contestListing.sideBySide > .contestListingText,
		.box60 > .boxContent > .contestListing.sideBySide > .contestListingText { display: inline-block; padding-right: 20px; text-align: left; vertical-align: top; width: 67%; }
		.box50 > .boxContent > .contestListing.sideBySide > .contestListingImage ~ .contestListingText,
		.box60 > .boxContent > .contestListing.sideBySide > .contestListingImage ~ .contestListingText { padding-left: 20px; padding-right: 0; }

			.box50 > .boxContent > .contestListing.sideBySide > .contestListingText > .contestListingTextDate,
			.box60 > .boxContent > .contestListing.sideBySide > .contestListingText > .contestListingTextDate { display: inline-block; margin-right: 20px; padding-top: 0; }
	}

.contestListing.textOnly { border-bottom: #eee 1px solid; margin-bottom: 8px; padding-bottom: 8px; } 
.contestListing.textOnly:last-of-type { border-bottom: 0; }

/* Contest Listings
========================================================================== */

/* Analyst View */

	.contestListings .listingDate {
		color: #666;
		font-size: 80%;
	}

/* Audience View */
	.audienceView > .contestListings > .listing > .listingImage > .imageBox > .responsiveImage,
	.audienceView > .contestListings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage,
	.audienceView > .contestListings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage,
	.audienceView > .contestListings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage { 
		background-size: contain;
	}

	.audienceView > .contestListings > .listing.sideBySide > .listingImage > .imageBox > .responsiveImage,
	.audienceView > .contestListings > [class^='box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox > .responsiveImage,
	.audienceView > .contestListings > [class*=' box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox > .responsiveImage,
	.audienceView > .contestListings > [class*='	box'] > .boxContent > .boxContentBody > .listing.sideBySide > .listingImage > .imageBox > .responsiveImage { 
		background-position-y: 0;
	}

/* Email Listing
========================================================================== */
	.emailListing { }
		.emailListing input { max-width: 300px; width: 100%; }

/* Image Listings
========================================================================== */

/* Analyst View */

/* Audience View */
	.audienceView > .imageListings > .listing > .listingImage > .imageBox,
	.audienceView > .imageListings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
	.audienceView > .imageListings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
	.audienceView > .imageListings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
		padding-top: 100%; 
	}
	@media (min-width: 965px) { 
		.box60 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.box67 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.box75 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.box80 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.box100 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box60 > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box67 > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box75 > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box80 > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box100 > .listingImage > .imageBox,
		.audienceView > .imageListings > .box60 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .box67 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .box75 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .box80 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .box100 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
			padding-top: 100%; 
		} 
	}
	@media (min-width: 1280px) { 
		.box33 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.box40 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.box50 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box33 > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box40 > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box50 > .listingImage > .imageBox,
		.audienceView > .imageListings > .box33 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .box40 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .box50 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
			padding-top: 100%; 
		} 

		.box100 > .boxContent > .boxContentBody > .audienceView > .imageListings > .listing > .listingImage > .imageBox,
		.audienceView > .imageListings > .listing.box100 > .listingImage > .imageBox,
		.audienceView > .imageListings > .box100 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
			padding-top: 42.55%; 
		} 
	}
		.audienceView > .imageListings > .listing > .listingImage > .imageBox > .responsiveImage,
		.audienceView > .imageListings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage,
		.audienceView > .imageListings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage,
		.audienceView > .imageListings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage { 
			background-size: contain;
		}

	.editImage,
.editMedia,
.editAttachment,
.editVideo,
.editAmazon { box-sizing: border-box; width: 100%; padding: 9px 0; }
	.editImage progress,
	.editMedia progress,
	.editAttachment progress,
	.editVideo progress { display: none; width: 100%; margin: 5px 0; }
	.editImage form .imageTitle, 
	.editMedia form .imageTitle,
	.editAttachment form .attachmentTitle,
	.editVideo form .videoTitle, 
	.editVideo .videoURL,
	.editAmazon .amazonURL  { display: block; max-width: 100%; width: 100%; }
	.editImage form .imageCredit,
	.editMedia form .imageCredit,
	.editAttachment form .attachmentCredit,
	.editVideo form .videoCredit { display: block; max-width: 100%; width: 100%; }

/* Index Ads
========================================================================== */

	.homeAdMiddle,
	#homeAdTop { clear: both; display: block; margin: 0 auto; padding: 0; }

	.homeAdMiddle { border-bottom: #eee 1px solid; margin-bottom: 12px; padding-bottom: 12px; text-align: center; }

/* Industry Listing
========================================================================== */
	.industryListing { }
		.industryListing select { max-width: 300px; width: 100%; }

/* Item
========================================================================== */

	.itemBody {  }

		.itemBody .itemPricing .itemPricingRegularPrice {

		}

		.itemBody .itemPricing .itemPricingSalePrice:empty + .itemPricingRegularPrice:empty::after {
			content: "Not available in your country";
			display: block;
		}

		.itemBody .itemPricing .itemPricingSalePrice:not(:empty) + .itemPricingRegularPrice {
			color: #666; 
			font-size: 90%; 
			padding-left: 5px; 
			padding-right: 5px; 
			text-decoration: line-through; 
		}

		.itemBody .itemPricing .itemPricingSalePrice {
			font-weight: bold;
		}

/* Item Listings
========================================================================== */

/* Analyst View */

/* Audience View */
	.audienceView > .itemListings > .listing > .listingImage > .imageBox,
	.audienceView > .itemListings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
	.audienceView > .itemListings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
	.audienceView > .itemListings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
		padding-top: 100%; 
	}
	@media (min-width: 965px) { 
		.box60 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.box67 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.box75 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.box80 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.box100 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box60 > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box67 > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box75 > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box80 > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box100 > .listingImage > .imageBox,
		.audienceView > .itemListings > .box60 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .box67 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .box75 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .box80 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .box100 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
			padding-top: 100%; 
		} 
	}
	@media (min-width: 1280px) { 
		.box33 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.box40 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.box50 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box33 > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box40 > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box50 > .listingImage > .imageBox,
		.audienceView > .itemListings > .box33 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .box40 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .box50 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
			padding-top: 100%; 
		} 

		.box100 > .boxContent > .boxContentBody > .audienceView > .itemListings > .listing > .listingImage > .imageBox,
		.audienceView > .itemListings > .listing.box100 > .listingImage > .imageBox,
		.audienceView > .itemListings > .box100 > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox { 
			padding-top: 42.55%; 
		} 
	}
		.audienceView > .itemListings > .listing > .listingImage > .imageBox > .responsiveImage,
		.audienceView > .itemListings > [class^='box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage,
		.audienceView > .itemListings > [class*=' box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage,
		.audienceView > .itemListings > [class*='	box'] > .boxContent > .boxContentBody > .listing > .listingImage > .imageBox > .responsiveImage { 
			background-size: contain;
		}


/* Magazine
   ========================================================================== */

.magazine { display: block; margin: 0; padding: 0; position: relative; width: 100%; }
	.magazineBody { background: #fff; display: block; font-size: 0; margin: 0 auto 16px; max-width: 986px; padding: 0 8px; position: relative; text-align: center; width: 100%; z-index: 2; }
		.magazineImage { display: block; font-size: 1rem; }
		@media (min-width: 768px) { .magazineImage { display: inline-block; width: 35%; vertical-align: top; } }
			.magazineImage img { box-shadow: 3px 3px 6px 1px #ccc;  display: block; }
		.magazineText { display: block; font-size: 1rem; text-align: left; }
		@media (min-width: 768px) { .magazineText { color: #363636; display: inline-block; font-size: 1.0625rem; width: 65%; vertical-align: top; } }
		@media (min-width: 768px) { .magazineImage ~ .magazineText { padding-left: 30px; } }
		@media (min-width: 1280px) { .magazineText { color: #484848; font-size: 1.25rem; } }

			.magazineText h1,
			.magazineText h2,
			.magazineText h3,
			.magazineText h4,
			.magazineText h5,
			.magazineText h6,
			.magazineText ol,
			.magazineText > div,
			.magazineText p,
			.magazineText ul { margin-left: auto; margin-right: auto; max-width: 728px; }

			.magazineText h2,
			.magazineText h3,
			.magazineText h4,
			.magazineText h5 { color #222; font-weight: 500; line-height: 1.382em; margin-bottom: 0.382em; margin-top: 0.618em; }

			.magazineText h2 { font-size: 1.618em; }
			.magazineText h3 { font-size: 1.382em; }
			.magazineText h4 { font-size: 1.236em; }
			.magazineText h5 { font-size: 1.164em; }
			.magazineText h6 { font-size: 1.1em; }

	.magazineHeader { display: block; margin: 0 0 16px; padding: 0; width: 100%; z-index: 1; }
		.magazineHeaderText { display: block; padding: 16px; text-align: center; z-index: 2; }
			.magazineHeaderText h1 { display: block; font-size: 32px; font-weight: normal; line-height: 35px; padding: 8px; text-align: center; width: 100%; }
			@media (min-width: 1024px) { .magazineHeaderText h1 { font-size: 38px; line-height: 41px; } } 

			.magazineHeaderTextCategories { display: block; font-size: 0; margin: 0; padding: 0; text-align: center; }
				.magazineHeaderTextCategoriesHub,
				.magazineHeaderTextCategoriesParent { display: inline-block; font-size: 0.9rem; line-height: 1em; padding: 0.4em 0.6em; text-decoration: none; }
				.magazineHeaderTextCategoriesHub { background: #000; color: #fff; }
				.magazineHeaderTextCategoriesHub:hover { background: #000; color: #fff; text-decoration: underline; }
				.magazineHeaderTextCategoriesParent { background: #666; color: #fff; }
				.magazineHeaderTextCategoriesParent:hover { background: #666; color: #fff; text-decoration: underline; }

/* Magazine Ads
   ========================================================================== */

	.magazineAdMiddle { border-bottom: #eee 1px solid; clear: both; display: block; margin: 0 auto 12px auto; padding: 0 0 12px 0; text-align: center; }

/* Magazine Listing
   ========================================================================== */

.magazineListing { display: block; font-size: 0; position: relative; }
	.magazineListingImage { box-shadow: 3px 3px 6px 1px #ccc; display: block; font-size: 1rem; margin-bottom: 8px; position: relative; width: 100%; z-index: 1; }
		.magazineListingImage img { display: block; }
	.magazineListingText { display: block; font-size: 1rem; position: relative; width: 100%; z-index: 1; }
		.magazineListingTextTitle { color: #222; display: block; font-size: 1.25em; font-weight: bold; line-height: 1.2em; margin: 0; padding: 8px 0 0; text-decoration: none; }
		.magazineListingTextTitle:hover { color: #222; text-decoration: underline; }

		@media (min-width: 965px) { 
			.box67 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle,
			.box75 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle,
			.box80 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle { font-size: 1.3em; line-height: 1.3em; } 
			.box100 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle { font-size: 1.4em; line-height: 1.3em; } 
		}
		@media (min-width: 1280px) { 
			.box50 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle { font-size: 1.2em; line-height: 1.3em; } 
			.box75 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle,
			.box80 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle { font-size: 1.4em; } 
			.box100 > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle { font-size: 1.6em; } 
		}

		aside [class^="box"] > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle,
		aside [class*=" box"] > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle,
		aside [class*="	box"] > .boxContent > .magazineListing > .magazineListingText > .magazineListingTextTitle { 
			font-size: 1.1em; 
			line-height: 1.2em; 
		}

/* Note Listing
   ========================================================================== */

/* Analyst View */

	.analystView > .noteListings > .listing:not(.header) a:not([class^="button"]):not([class*=" button"]):not([class*="	button"]):not([class^="icon-"]):not([class*=" icon-"]):not([class*="	icon-"]) { 
		color: #222; text-decoration: underline; 
	}
	.analystView > .noteListings > .listing:not(.header) a:not([class^="button"]):not([class*=" button"]):not([class*="	button"]):not([class^="icon-"]):not([class*=" icon-"]):not([class*="	icon-"]):hover { 
		text-decoration: none; 
	}
	.analystView > .noteListings > .listing:not(.header) [class^="icon-"], 
	.analystView > .noteListings > .listing:not(.header) [class*=" icon-"],
	.analystView > .noteListings > .listing:not(.header) [class*="	icon-"] { 
		color: #666; 
		text-decoration: none; 
	}
	.analystView > .noteListings > .listing:not(.header) .success { 
		color: #258815; 
	}
	.analystView > .noteListings > .listing:not(.header) .error { 
		color: #8f2121; 
	}

/* Audience View */

	.audienceView > .noteListings > .listing {
		background-color: #fcfab1;
		box-shadow: 0 2px 3px 1px #888;
		margin: 0 8px 16px;
		padding: 10px; 
		vertical-align: top;
	}
		.audienceView > .noteListings > .listing .noteListings > .listing {
			margin-left: 0;
			margin-right: 0;
			min-width: 0;
			width: 100%;
		}

		.audienceView > .noteListings > .listing .noteListings > .listing:last-child {
			margin-bottom: 0;
		}

		.audienceView > .noteListings > .listing .noteListings > .listingEmpty { 
			display: none; 
		}

		.audienceView > .noteListings > .listing .listingAuthor { 
			color: #444; 
			font-style: italic;
			text-decoration: underline; 
		}
		.audienceView > .noteListings > .listing .listingDate { 
			display: block; 
			font-size: 0.8rem; 
			line-height: 1em; 
			color: #666; 
		}
		.audienceView > .noteListings > .listing .listingNote { 
			color: #444; 
		}

/* Member
   ========================================================================== */

.member { display: block; font-size: 0; margin: 0; padding: 16px 0 0; position: relative; text-align: center; width: 100%; }
	.member h2 { color #222; font-weight: 500; line-height: 1.382em; margin-bottom: 0.382em; margin-top: 0.618em; }
	.member h2 { font-size: 1.618rem; }

	.memberAvatar { display: block; float: left; font-size: 1rem; margin: 0 16px 0 8px; max-width: 256px; position: relative; vertical-align: middle; width: 25%; }
	@media (min-width: 768px) { .memberAvatar { display: inline-block; float: none; margin-left: 0; margin-right: 0; padding-left: 8px; } } 
		.memberAvatarBox { display: block; height: 0; padding-top: 100%; position: relative; width: 100%; }
			.memberAvatarBox .responsiveImage { border-radius: 50%; }

	.memberText { display: block; font-size: 1rem; padding: 0 8px; vertical-align: middle; width: 100%; }
	@media (min-width: 768px) { .memberText { display: inline-block; padding-left: 24px; vertical-align: middle; width: 75%; } } 
		.memberTextBio { clear: both; display: block; font-size: 1rem; max-width: 728px; padding-top: 10px; position: relative; text-align: left; width: 100%; }
		@media (min-width: 600px) { .memberTextBio { font-size: 1.0625rem; } }
		@media (min-width: 768px) { .memberTextBio { clear: none; font-size: 1.125rem; padding-top: 0; } }
		@media (min-width: 1024px) { .memberTextBio { clear: none; color: #363636; font-size: 1.3125rem; } }
		@media (min-width: 1080px) { .memberTextBio { color: #484848; font-size: 1.375rem; } }
			.memberTextBio h2,
			.memberTextBio h3,
			.memberTextBio h4,
			.memberTextBio h5 { color #222; font-weight: 500; line-height: 1.382em; margin-bottom: 0.382em; margin-top: 0.618em; }

			.memberTextBio h2 { font-size: 1.618em; }
			.memberTextBio h3 { font-size: 1.382em; }
			.memberTextBio h4 { font-size: 1.236em; }
			.memberTextBio h5 { font-size: 1.164em; }
			.memberTextBio h6 { font-size: 1.1em; }

		.memberTextName { display: block; font-size: 24px; font-weight: normal; line-height: 25px; text-align: left; }
		@media (min-width: 768px) { .memberTextName { font-size: 32px; line-height: 35px; } }
		.memberTextSite { display: block; font-size: 0.8em; line-height: 1em; margin: 0 0 7px; text-align: left; }
			.memberTextSite a { color: #666; text-decoration: none; }
		.memberTextSocials { display: block; margin: 0; text-align: left; }
			.memberTextSocial { display: inline-block; vertical-align: top; }
				.memberTextSocialFacebook { margin: 0 10px 0 0; }
				.memberTextSocialGoogle { margin: 5px 10px 0 0; }
				.memberTextSocialInstagram { margin: 0 10px 0 0; }
				.memberTextSocialLinkedIn { margin: 4px 10px 0 0; font-size: 0.8rem; }
				.memberTextSocialPinterest { margin: 0 10px 0 0; }
				.memberTextSocialTwitter { margin: 5px 10px 0 0; }

/* Order Listings
   ========================================================================== */

	.orderListing { display: block; font-size: 0; }
	.orderListing:nth-of-type(even) { background: #f2f2f2; }
		.orderListing > * { display: inline-block; font-size: 1rem; padding: 5px; text-align: left; vertical-align: top; }
		.orderListing [class*=" icon-"],
		.orderListing [class*="	icon-"] { color: #666; }
		.orderListing .error { color: #8f2121; }
		.orderListing .success { color: #258815; }
	.orderListingDate { font-size: 0.9rem; text-align: center; width: 100px; }
	.orderListingHeading { background: #ccc; font-weight: bold; }
		.orderListingHeading > * { text-align: center; }
	.orderListingID { font-size: 0.9rem; text-align: center; width: 90px; }
		.orderListingIDRenewed { font-size: 0.8rem; }
	.orderListingInfo { width: 10%; }
		.orderListingInfo > * { border-bottom: #bbb 1px dashed; font-size: 0.8rem; line-height: 1.1em; margin-bottom: 2px; padding-bottom: 2px; }
		.orderListingInfo > *:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
	.orderListingItem { width: 20%; }
	.orderListingOrderer { width: 20%; }
		.orderListingOrdererName { display: block; }
			.orderListingOrdererNameName { display: block; font-size: 1rem; line-height: 1.456em; }
				.orderListingOrdererNameName > * { display: inline-block; margin-right: 0.25em; vertical-align: middle; }
				.orderListingOrdererNameName > *:last-child { margin-right: 0; }
				.orderListingOrdererNameNameAvatar { }
					.orderListingOrdererNameNameAvatar img { border-radius: 50%; display: block; max-height: 1.2em; max-width: 1.2em; }
				.orderListingOrdererNameNameID { color: #666; font-size: 0.8em; text-decoration: underline; }
				.orderListingOrdererNameNameID:hover { color: #333; text-decoration: none; }
			.orderListingOrdererNameOperator { display: block; font-size: 0.7em; font-style: italic; line-height: 1.2em; }
		.orderListingOrdererIcons { display: block; font-size: 0; }
			.orderListingOrdererIcons > * { cursor: help; display: inline-block; font-size: 1rem; margin-right: 8px; text-decoration: none; }
			.orderListingOrdererIcons > *:last-child { margin-right: 0; }
	.orderListingPrice { text-align: center; width: 115px; }
		.orderListingPricePaid { color: #666; font-size: 80%; line-height: 1.2em; overflow-x: hidden; white-space: nowrap; }
		.orderListingPricePaid:before { content: "Paid:"; }
		.orderListingPricePaid:hover { overflow-x: visible; }
			.orderListingPricePaid > small { display: none; }
		.orderListingPriceTotal {  }
	.orderListingQuantity { text-align: center; width: 45px; }
	.orderListingStatus { text-align: center; font-size: 0; width: 60px; }
		.orderListingStatus > * { cursor: help; display: inline-block; font-size: 1rem; padding: 2px 8px 2px 0; text-decoration: none; }
		.orderListingStatus > *:last-child { padding-right: 0; }
	.orderListingType { font-size: 0.9rem; text-align: center; width: 10%; }
.orderListingHeading { font-weight: bold; }
	.orderListingHeading > * { font-size: 1.1rem; }

/* Order Delivery Listing
   ========================================================================== */

.orderDeliveryListing { display: block; font-size: 0; margin: 5px 0; text-align: left; }
.orderDeliveryListing[class^="box"], 
.orderDeliveryListing[class*=" box"],
.orderDeliveryListing[class*="	box"] { display: inline-block; }
.orderDeliveryListing[data-orderDeliveryStatus="2"] { background-color: #ffd2d3; }
.orderDeliveryListing[data-orderDeliveryStatus="2"]:before { background-color: #df8f90; content: "Delivery Failed"; display: block; font-size: 1rem; font-weight: bold; margin-bottom: 8px; text-align: center; padding: 2px; }
.orderDeliveryListing[data-orderDeliveryStatus="3"] { background-color: #fefccb; }
.orderDeliveryListing[data-orderDeliveryStatus="3"]:before { background-color: #e5db55; content: "Delivery Returned"; display: block; font-size: 1rem; font-weight: bold; margin-bottom: 8px; text-align: center; padding: 2px; }
	.orderDeliveryListing > * { display: inline-block; font-size: 1rem; padding-left: 10px; vertical-align: top; }
	.orderDeliveryListing > *:first-child { padding-left: 0; }
	.orderDeliveryListingImage { height: 50px; position: relative; width: 50px; z-index: 1; }
		.orderDeliveryListingImageBox { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; z-index: 2; }
	.orderDeliveryListingText { }
		.orderDeliveryListingTextActions { }
			.orderDeliveryListing[data-orderDeliveryStatus="0"] .orderDeliveryListingTextActions .listingActionsBoxActionEnroute { display: none; }
			.orderDeliveryListing[data-orderDeliveryStatus="1"] .orderDeliveryListingTextActions .listingActionsBoxActionDelivered { display: none; }
			.orderDeliveryListing[data-orderDeliveryStatus="2"] .orderDeliveryListingTextActions .listingActionsBoxActionFailed { display: none; }
			.orderDeliveryListing[data-orderDeliveryStatus="3"] .orderDeliveryListingTextActions .listingActionsBoxActionReturned { display: none; }
		.orderDeliveryListingTextInfo { display: block; }
			.orderDeliveryListingTextInfo > * { display: inline-block; margin-right: 0.25em; }
			.orderDeliveryListingTextInfo > *:last-child { margin-right: 0; }
			.orderDeliveryListingTextInfoDate { color: #258815; font-weight: bold; }
			.orderDeliveryListingTextInfoAddressIcon { cursor: help; font-size: 1rem; text-decoration: none; }
		.orderDeliveryListingTextTitle { display: block; }
	
/* Page Heading
   ========================================================================== */

.pageHeading { display: block; }
	.pageHeadingTitle { background: #eee; color: #222; font-size: 1.8rem; font-weight: bold; line-height: 1.2em; padding: 10px; text-align: center; }
	@media (min-width: 768px) { 
		section > .pageHeading > .pageHeadingTitle,
		.box100 > .boxContent > .pageHeading > .pageHeadingTitle { font-size: 2.0rem; }
	}
	@media (min-width: 965px) { 
		.box75 > .boxContent > .pageHeading > .pageHeadingTitle,
		.box80 > .boxContent > .pageHeading > .pageHeadingTitle { font-size: 2.0rem; }
		section > .pageHeadingTitle,
		.box100 > .boxContent > .pageHeading > .pageHeadingTitle { font-size: 2.2rem; }
	}
	@media (min-width: 1280px) { 
		.box67 > .boxContent > .pageHeading > .pageHeadingTitle,
		.box67 .box75 > .boxContent > .pageHeading > .pageHeadingTitle,
		.box67 .box80 > .boxContent > .pageHeading > .pageHeadingTitle,
		.box67 .box100 > .boxContent > .pageHeading > .pageHeadingTitle { font-size: 2.0rem; }
		.box75 > .boxContent > .pageHeading > .pageHeadingTitle,
		.box75 .box100 > .boxContent > .pageHeading > .pageHeadingTitle,
		.box80 > .boxContent > .pageHeading > .pageHeadingTitle,
		.box80 .box100 > .boxContent > .pageHeading > .pageHeadingTitle { font-size: 2.2rem; }
		section > .pageHeading > .pageHeadingTitle,
		.box100 > .boxContent > .pageHeading > .pageHeadingTitle { font-size: 2.4rem; }
	}

/* Pagination
========================================================================== */

.pagination { display: block; font-size: 0; padding: 12px 0; text-align: center; }
	.paginationCurrent,
	.paginationPage,
	.paginationText { color: #222; display: inline-block; font-size: 0.8rem; font-weight: bold; margin: 0 0.4em; padding: 0.2em 0.5em; vertical-align: top; }
	.pagination:first-child { margin-left: 0; }
	.pagination:last-child { margin-right: 0; }
	.paginationCurrent { background: #fff; padding-left: 0; padding-right: 0; }
	.paginationCurrent:hover { color: #222; text-decoration: none; }
	.paginationPage { background: #ddd; border: #222 1px solid; }
	.paginationPage:hover { background: #eee; border: #222 1px solid; color: #222; text-decoration: none; }
	.paginationText { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 }
	@media (min-width: 480px) {
		.paginationCurrent,
		.paginationPage,
		.paginationText { font-size: 1rem; } 
	}

/* Phone Listing
========================================================================== */

.phoneListing {  }
	.phoneListing input { width: 150px; }
	.phoneListing select { width: 80px; }

/* Sales Form
========================================================================== */

.salesForm { 
	display: block; 
	margin: 0 auto 10px auto; 
	max-width: 728px; 
	width: 100%;
}
	.salesFormRow { display: block; margin: 0 0 10px 0; }
	.salesFormRow:last-child { margin-bottom: 0; }
		.salesFormRow button { font-size: 0.9em; padding: 6px 10px; }
		.salesFormRow select,
		.salesFormRow input { max-width: 100%; }
		.salesFormRow input.salesFormRowInput { width: 100%; }
		.salesFormRow input.salesFormRowInput[size] { width: auto; }
		.salesFormRow input.salesFormRowInput[size='2'] { text-align: center; }
		.salesFormRowAddon { border: #222 2px dashed; display: block; margin-bottom: 10px; padding: 0; }
		.salesFormRowAddon:last-child { margin-bottom: 0; }
			.salesFormRowAddon .salesFormRowShipping { background: #ff9; border: 0; color: #222; margin: 0; padding: 15px; }
			.salesFormRowAddonText { background: #fcf8e3; color: #222; display: block; padding: 15px; }
				.salesFormRowAddonText *:first-child { margin-top: 0; padding-top: 0; }
				.salesFormRowAddonText *:last-child { margin-bottom: 0; padding-bottom: 0; }
			.salesFormRowAddonTitle { background: #ff9; color: #090; display: block; padding: 5px 10px; }
				.salesFormRowAddonTitle h2 { display: inline-block; font-size: 1.4em; line-height: 1.2em; margin: 0; vertical-align: middle; }
				.salesFormRowAddonTitle input[type='checkbox'] { display: inline-block; margin-right: 10px; vertical-align: middle; }
		.salesFormRowButtons { display: block; text-align: center; }
		.salesFormRowOrder { display: block; font-size: 0; }
			.salesFormRowOrderImage { display: inline-block; font-size: 1rem; padding-right: 10px; text-align: center; vertical-align: top; width: 20%; }
			.salesFormRowOrderInfo,
			.salesFormRowOrderInfoHeading { 
				display: inline-block; 
				font-size: 1rem; 
				padding-right: 10px; 
				vertical-align: top; 
				width: 100%; 
			}
			@media (min-width: 480px) { .salesFormRowOrderInfo, .salesFormRowOrderInfoHeading {
				width: 70%;
			} }
			.salesFormRowOrderImage ~ .salesFormRowOrderInfo { 
				width: 80%; 
			}
			@media (min-width: 480px) { .salesFormRowOrderImage ~ .salesFormRowOrderInfo {
				width: 50%;
			} }
				.salesFormRowOrderInfoTitle { 
					font-weight: bold; 
				}
			.salesFormRowOrderPrice,
			.salesFormRowOrderPriceHeading { 
				display: inline-block; 
				font-size: 1rem; 
				text-align: right; 
				vertical-align: top; 
				width: 75%; 
			}
			@media (min-width: 480px) { .salesFormRowOrderPrice, .salesFormRowOrderInfoHeading {
				width: 20%;
			} }
			.salesFormRowOrderQuantity,
			.salesFormRowOrderQuantityBox,
			.salesFormRowOrderQuantityHeading { 
				display: inline-block; 
				font-size: 1rem; 
				padding-right: 10px; 
				text-align: right; 
				vertical-align: top; 
				width: 25%; 
			}
			@media (min-width: 480px) { .salesFormRowOrderQuantity, .salesFormRowOrderQuantityBox, .salesFormRowOrderQuantityHeading {
				width: 15%;
			} }
			.salesFormRowOrderQuantity,
			.salesFormRowOrderQuantityBox {
				padding-top: 10px;
			}
			@media (min-width: 480px) { .salesFormRowOrderQuantity, .salesFormRowOrderQuantityBox {
				padding-top: 0;
			} }
				.salesFormRowOrderQuantityBox > .salesFormRowOrderQuantity { 
					width: 100%;
				}
			.salesFormRowOrderInfoHeading,
			.salesFormRowOrderPriceHeading,
			.salesFormRowOrderQuantityHeading { font-weight: bold; }
		.salesFormRowSummary { display: block; font-size: 0; }
			.salesFormRowSummaryDiscountCode { display: block; font-size: 1rem; margin-bottom: 10px; }
			.salesFormRowSummaryItem { border: #ddd 1px solid; border-radius: 3px; display: block; font-size: 1rem; font-weight: bold; margin-bottom: 10px; padding: 15px; }
				.salesFormRowSummaryItemDiscount,
				.salesFormRowSummaryItemPrice,
				.salesFormRowSummaryItemQuantity,
				.salesFormRowSummaryItemShipping,
				.salesFormRowSummaryItemTax { 
					display: block; 
					font-size: 0; 
					font-weight: normal; 
					line-height: 0; 
					text-align: right; 
				}
					.salesFormRowSummaryItemDiscountAmount,
					.salesFormRowSummaryItemDiscountText {
						background-color: #28a745;
						color: #fff;
					}
					.salesFormRowSummaryItemDiscountAmount,
					.salesFormRowSummaryItemPriceAmount,
					.salesFormRowSummaryItemQuantityAmount,
					.salesFormRowSummaryItemShippingAmount,
					.salesFormRowSummaryItemTaxAmount { display: inline-block; font-size: 1rem; line-height: 1.5em; padding-left: 10px; width: 100px; }
					.salesFormRowSummaryItemDiscountText,
					.salesFormRowSummaryItemPriceText,
					.salesFormRowSummaryItemQuantityText,
					.salesFormRowSummaryItemShippingText,
					.salesFormRowSummaryItemTaxText { 
						display: inline-block; 
						font-size: 1rem; 
						line-height: 1.5em; 
					}
			.salesFormRowSummaryPrice { 
				display: block; 
				font-size: 0; 
				line-height: 0; 
				text-align: right; 
			}
				.salesFormRowSummaryPriceDiscount,
				.salesFormRowSummaryPriceShipping,
				.salesFormRowSummaryPriceSubtotal,
				.salesFormRowSummaryPriceTax,
				.salesFormRowSummaryPriceTotal {
					display: block; 
					font-size: 0; 
					font-weight: normal; 
				}
					.salesFormRowSummaryPriceDiscountAmount,
					.salesFormRowSummaryPriceDiscountText {
						background-color: #28a745;
						color: #fff;
					}
					.salesFormRowSummaryPriceDiscountAmount,
					.salesFormRowSummaryPriceShippingAmount,
					.salesFormRowSummaryPriceSubtotalAmount,
					.salesFormRowSummaryPriceTaxAmount,
					.salesFormRowSummaryRetailDeliveryFeesAmount,
					.salesFormRowSummaryPriceTotalAmount { 
						display: inline-block; 
						font-size: 1rem; 
						line-height: 1.5em; 
						padding-left: 10px !important; 
						padding-right: 10px !important; 
						width: 100px; 
					}
					.salesFormRowSummaryPriceDiscountText,
					.salesFormRowSummaryPriceShippingText,
					.salesFormRowSummaryPriceSubtotalText,
					.salesFormRowSummaryPriceTaxText,
					.salesFormRowRetailDeliveryFeesText,
					.salesFormRowSummaryPriceTotalText { 
						display: inline-block; 
						font-size: 1rem; 
						line-height: 1.5em; 
						min-width: 70px;
					}
					.salesFormRowSummaryPriceTotalAmount,
					.salesFormRowSummaryPriceTotalText { 
						border-top: #666 1px solid; 
						font-weight: bold; 
						margin-top: 5px; 
					}
		.salesFormRowTitle { 
			display: block; 
			font-weight: bold; 
		} 
	.salesFormSection { 
		border-bottom: #ddd 1px solid; 
		display: block; 
		margin-bottom: 10px; 
		padding-bottom: 10px; 
	}
	.salesFormSection:last-child { 
		border-bottom: 0; 
		margin-bottom: 0; 
		padding-bottom: 0; 
	}
		.salesFormSectionTitle { 
			display: block; 
			font-weight: bold; 
			font-size: 1.3em; 
			line-height: 1.2em; 
			margin-bottom: 10px; 
		}
		.salesFormSectionTitle:last-child { 
			margin-bottom: 0; 
		}

/* Search
========================================================================== */

.searchBox { 
	display: block; 
	max-width: 728px; 
	margin: 0 auto; 
	width: 100%; 
}
	.searchBox form { 
		height: 35px; 
		position: relative; 
	}
		.searchBox button[type='submit'] { 
			background: none; 
			border: 0; 
			color: #444; 
			font-size: 1rem; 
			line-height: 1em; 
			padding: 8px 7px;
			position: absolute; 
			right: 0px; 
			top: 0px; 
		}
		.searchBox button[type='submit']:hover { 
			background: none; 
			border: 0; 
		}
			.searchBox button[type='submit'] [class^="icon-"],
			.searchBox button[type='submit'] [class*=" icon-"],
			.searchBox button[type='submit'] [class*="	icon-"] { 
				font-size: 1rem !important; 
				line-height: 1em !important; 
			}
			.searchBox input[type='text'] { 
				border-color: #e5e6e9 #dfe0e4 #d0d1d5; 
				border-radius: 3px; 
				border-style: solid; 
				border-width: 1px; 
				box-shadow: inset 0 0 3px -2px #666; 
				display: block; 
				font-size: 18px; 
				height: 100%; 
				line-height: 23px; 
				max-height: 100%; 
				padding: 5px 30px 5px 10px; 
				vertical-align: middle; 
				width: 100%; 
			}

/* Shipping Rate Listing
========================================================================== */
.shippingRateListings { display: block; }
.shippingRateListings ~ .shippingRateListings { margin-top: 20px; }
	.shippingRateListing { display: block; font-size: 1rem; margin: 5px 0; text-align: left; }
	.shippingRateListingSelectable { background: #fff; border: 1px solid #999; border-radius: 3px; padding: 5px; }
	.shippingRateListingSelectable:hover { box-shadow: 1px 1px 4px #ebebeb; }
	.shippingRateListingSelectable.shippingRateListingSelected { background: #d4ffcd; border: #9adf8f 1px solid; }
		.shippingRateListing:first-child { margin-top: 0; }
		.shippingRateListing label { cursor: pointer; display: block; }
		.shippingRateListing input[type='radio'] { display: none; }
		.shippingRateListingDeliveryDate { color: #444; display: block; font-size: 0.9rem; font-weight: normal; line-height: 1.3em; }
		.shippingRateListingName { display: block; font-weight: bold; }
		.shippingRateListingPrice { color: #444; display: block; font-size: 0.9em; font-weight: normal; line-height: 1.3em; }

/* Social Account Listing
========================================================================== */
	.socialAccountListing { }
		.socialAccountListing input { max-width: 300px; width: 100%; }

/* Website Listing
========================================================================== */
	.websiteListing { }
		.websiteListing input { max-width: 300px; width: 100%; }


/* Show/Hide Spans
   ========================================================================== */

.showUntil480 { display: inline-block !important; }
@media (min-width: 480px) { .showUntil480 { display: none !important; } }
.showUntil600 { display: inline-block !important; }
@media (min-width: 600px) { .showUntil600 { display: none !important; } }
.showUntil768 { display: inline-block !important; }
@media (min-width: 768px) { .showUntil768 { display: none !important; } }
.showUntil800 { display: inline-block !important; }
@media (min-width: 800px) { .showUntil800 { display: none !important; } }
.showUntil1024 { display: inline-block !important; }
@media (min-width: 1024px) { .showUntil1024 { display: none !important; } }
.showUntil1280 { display: inline-block !important; }
@media (min-width: 1280px) { .showUntil1280 { display: none !important; } }

.showFrom480 { display: none !important; }
@media (min-width: 480px) { .showFrom480 { display: inline-block !important; } }
.showFrom600 { display: none !important; }
@media (min-width: 600px) { .showFrom600 { display: inline-block !important; } }
.showFrom768 { display: none !important; }
@media (min-width: 768px) { .showFrom768 { display: inline-block !important; } }
.showFrom800 { display: none !important; }
@media (min-width: 800px) { .showFrom800 { display: inline-block !important; } }
.showFrom1024 { display: none !important; }
@media (min-width: 1024px) { .showFrom1024 { display: inline-block !important; } }
.showFrom1280 { display: none !important; }
@media (min-width: 1280px) { .showFrom1280 { display: inline-block !important; } }
.showFrom1440 { display: none !important; }
@media (min-width: 1440px) { .showFrom1440 { display: inline-block !important; } }

.showUntilBlock480 { display: block !important; }
@media (min-width: 480px) { .showUntilBlock480 { display: none !important; } }
.showUntilBlock600 { display: block !important; }
@media (min-width: 600px) { .showUntilBlock600 { display: none !important; } }
.showUntilBlock768 { display: block !important; }
@media (min-width: 768px) { .showUntilBlock768 { display: none !important; } }
.showUntilBlock800 { display: block !important; }
@media (min-width: 800px) { .showUntilBlock800 { display: none !important; } }
.showUntilBlock1024 { display: block !important; }
@media (min-width: 1024px) { .showUntilBlock1024 { display: none !important; } }
.showUntilBlock1280 { display: block !important; }
@media (min-width: 1280px) { .showUntilBlock1280 { display: none !important; } }
.showUntilBlock1440 { display: block !important; }
@media (min-width: 1440px) { .showUntilBlock1440 { display: none !important; } }

.showFromBlock480 { display: none !important; }
@media (min-width: 480px) { .showFromBlock480 { display: block !important; } }
.showFromBlock600 { display: none !important; }
@media (min-width: 600px) { .showFromBlock600 { display: block !important; } }
.showFromBlock768 { display: none !important; }
@media (min-width: 768px) { .showFromBlock768 { display: block !important; } }
.showFromBlock800 { display: none !important; }
@media (min-width: 800px) { .showFromBlock800 { display: block !important; } }
.showFromBlock1024 { display: none !important; }
@media (min-width: 1024px) { .showFromBlock1024 { display: block !important; } }
.showFromBlock1280 { display: none !important; }
@media (min-width: 1280px) { .showFromBlock1280 { display: block !important; } }
.showFromBlock1440 { display: none !important; }
@media (min-width: 1440px) { .showFromBlock1440 { display: block !important; } }



/* Typography
   ========================================================================== */

h1, 
h2, 
h3, 
h4, 
h5,
h6 { margin: 0; color: #222; font-weight: bold; }

p { margin: 0.618em 0; }

blockquote { margin: 0.618em; }

blockquote p { color: #999; font-style: italic; }

cite { color: #bbb; }

.alert,
.error { color: #8f2121 !important; }
.success { color: #258815 !important; }
.warning { color: #d39e00 !important; }

.alertBG,
.errorBG,
.highlightBG,
.successBG,
.warningBG { padding-left: 4px !important; padding-right: 4px !important; }

.alertBG,
.errorBG { 
	background: #d81023 !important; 
	color: #fff !important; 
}
	.alertBG h1,
	.alertBG h2,
	.alertBG h3,
	.alertBG h4,
	.alertBG h5,
	.alertBG h6,
	.errorBG h1,
	.errorBG h2,
	.errorBG h3,
	.errorBG h4,
	.errorBG h5,
	.errorBG h6 { 
		color: #fff; 
	}

.highlightBG { 
	background: #2ea4e0 !important; 
	color: #fff !important; 
}
	.highlightBG h1,
	.highlightBG h2,
	.highlightBG h3,
	.highlightBG h4,
	.highlightBG h5,
	.highlightBG h6 { 
		color: #fff; 
	}

.successBG { 
	background: #28a745 !important; 
	color: #fff !important; 
}
	.successBG h1,
	.successBG h2,
	.successBG h3,
	.successBG h4,
	.successBG h5,
	.successBG h6 { 
		color: #fff; 
	}

.warningBG { 
	background: #ffc107 !important; 
	color: #000 !important; 
}
	.warningBG h1,
	.warningBG h2,
	.warningBG h3,
	.warningBG h4,
	.warningBG h5,
	.warningBG h6 { 
		color: #000; 
	}

/* Links
========================================================================== */

a,
.link { color: #009cd8; cursor: pointer; text-decoration: none; }

a:hover,
.link:hover { color: #009cd8; text-decoration: underline; }

.clickable { cursor: pointer; }

/* HR
========================================================================== */

hr {
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
	border: 0;
	display: block;
	height: 1px;
	margin: 1em auto;
}

/* Message Boxes
   ========================================================================== */

.alertBox,
.errorBox, 
.successBox,
.warningBox { 
	display: none; 
	font-size: 1rem; 
	line-height: 1.456em; 
	margin: 10px; 
	padding: 10px; 
	text-align: left; 
}
.alertBox,
.errorBox { 
	background: #ffd2d3; 
	border: #df8f90 1px solid; 
}
.successBox { 
	background: #d4ffcd; 
	border: #9adf8f 1px solid; 
}
.warningBox { 
	background: #fefccb; 
	border: #e5db55 1px solid; 
}
	.alertBox li,
	.errorBox li,
	.successBox li,
	.warningBox li { 
		margin: 0; 
	}
	.alertBox b,
	.errorBox b { 
		color: #8f2121; 
	}
	.successBox b { 
		color: #258815; 
	}
	.warningBox b { 
		color: #878314; 
	}

/* Inputs
========================================================================== */
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url] { 
	appearance: none;
	border: #999 1px solid; 
	border-radius: 3px; 
	font-size: 1rem; 
	line-height: 1.3em; 
	margin: 2px 0; 
	max-width: 100%;
	padding: 3px 6px 3px; 
	transition: all 0.3s ease-in-out 0s; 
	vertical-align: top; 
	-moz-appearance: none;
	-webkit-appearance: none;
}
input[type=date]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover { 
	box-shadow: 1px 1px 4px #ebebeb; 
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus { 
	border-color: #88d5e9; 
	box-shadow: 0px 0px 8px #88d5e9; 
}

input[required]:after { content: "*"; }

/* File Upload (input[type=file])
========================================================================== */
input[type=file] { cursor: pointer; font-size: 1rem; line-height: 1.3em; margin: 0; padding: 3px 3px 2px; transition: all 0.3s ease-in-out 0s; vertical-align: top; }

.js input[type=file].uploadButton { height: 0.1px; opacity: 0; overflow: hidden; position: absolute; width: 0.1px; z-index: -1; }
.js input[type=file].uploadButton + label { background: #f3f3f3; border: #b4b4b4 1px solid; border-radius: 3px; color: #555; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 1rem; line-height: 1.2em; padding: 4px 6px; text-decoration: none; }
.js input[type=file].uploadButton:focus + label,
.js input[type=file].uploadButton + label:hover { background: #e3e3e3; box-shadow: 1px 1px 4px #ebebeb; color: #666; text-decoration: none; }
.js input[type=file].uploadButton:focus + label,
.js input[type=file].uploadButton.focused + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.no-js input[type=file].uploadButton + label { display: none; }

/* Selects
========================================================================== */
select { 
	/* appearance: none; */
	border: #999 1px solid; 
	border-radius: 3px; 
	cursor: pointer; 
	font-size: 1rem; 
	line-height: 1.3em; 
	margin: 0; 
	padding: 3px 3px 2px; 
	transition: all 0.3s ease-in-out 0s; 
	vertical-align: top; 
	/* -moz-appearance: none; */
	/* #-webkit-appearance: none; */
}
select:hover { 
	box-shadow: 1px 1px 4px #ebebeb; 
}
select:focus { 
	border-color: #88d5e9; 
	box-shadow: 0px 0px 8px #88d5e9; 
}

/* Textareas
========================================================================== */
textarea { 
	appearance: none;
	border: #999 1px solid; 
	border-radius: 3px; 
	font-size: 1rem; 
	line-height: 1.3em; 
	margin: 0; 
	min-height: 5.8em; 
	padding: 3px 6px 3px; 
	transition: all 0.3s ease-in-out 0s; 
	vertical-align: top; 
	-moz-appearance: none;
	-webkit-appearance: none;
}
textarea:hover { 
	box-shadow: 1px 1px 4px #ebebeb; 
}
textarea:focus { 
	border-color: #88d5e9; 
	box-shadow: 0px 0px 8px #88d5e9; 
}


.tags-input {
	background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    display: inline-flex;
    flex-wrap: wrap;
    padding: 4px 6px;
    color: #555;
    border-radius: 4px;
    max-width: 100%;
    min-height: 43px;
}

.tags-input input {
	border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 6px 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.tags-input input:hover, .tags-input input:focus {
	border: none;
    box-shadow: none;
}

.tag {
	margin: 2px;
	color: #fff;
	font-size: 95%;
	background-color: #007bff;
	border-color: #007bff;
	padding: .2em .6em .15em;
	border-radius: .25em;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 48%;
}

.tag:active {
	pointer-events: none;
}

.tag:hover {
	text-overflow: clip;
    white-space: break-spaces;
}

.tag::before {
	content: '\2716';
	padding-left: 0.5em;
	cursor: pointer;
	pointer-events: all;
	float: right;
}


/* Buttons
========================================================================== */

/* hand cursor on clickable elements */
input[type=button], 
input[type=submit], 
input[type=reset], 
button,
.button { cursor: pointer; }

/* make buttons play nice in IE */
button,
.button { overflow: visible; width: auto; }

/* Firefox has some extra internal padding that needs to go */
input[type=button]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner { border: 0; padding: 1px 0 0; }
button::-moz-focus-inner { border: 0; padding: 0; }

/* Input buttons need to align top so they align next to buttons */
input[type=button], 
input[type=submit], 
input[type=reset],
button,
.button { vertical-align: top; }

input[type=submit],
input[type=button],
input[type=reset],
button,
.button { 
	appearance: none;
	background: #f3f3f3; 
	border: #b4b4b4 0px solid; 
	border-radius: 0; 
	color: #555; 
	display: inline-block; 
	font-family: sans-serif; 
	font-size: 1rem; 
	font-weight: normal; 
	line-height: 1.2em; 
	margin: 2px 0; 
	padding: 5px 7px; 
	position: relative;
	text-decoration: none; 
	-moz-appearance: none;
	-webkit-appearance: none;
}
	button::before {
		background: #fff;
		border-radius: 4px;
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: scale(0);
		transition-duration: 0.1s;
		transition-property: transform,opacity;
		transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
		z-index: 1;
	}

	input[type=submit]:hover, 
	input[type=button]:hover, 
	input[type=reset]:hover, 
	button:hover,
	.button:hover { 
		background: #e3e3e3; 
		box-shadow: 1px 1px 4px #ebebeb; 
		color: #666; 
		text-decoration: none; 
	}

	input[type=submit]:active::before, 
	input[type=button]:active::before, 
	input[type=reset]:active::before, 
	button:active::before,
	.button:active::before { 
		opacity: 0.3;
		transform: scale(1);
	}

.buttonAlert { background: #bd0000; border-color: #820404; color: #fff; }
.buttonAlert:hover { background: #e13636; color: #fff; }
	.buttonAlert [class^="icon-"], 
	.buttonAlert [class*=" icon-"],
	.buttonAlert [class*="	icon-"] { color: #fff !important; }

.buttonBob { background: #f57e1f; border-color: #944a10; color: #fff; }
.buttonBob:hover { background: #f28834; color: #fff; }
	.buttonBob [class^="icon-"], 
	.buttonBob [class*=" icon-"],
	.buttonBob [class*="	icon-"] { color: #fff !important; }

.buttonBuyNow { background: #f57e1f; border-color: #944a10; color: #fff; }
.buttonBuyNow:hover { background: #f28834; color: #fff; }
	.buttonBuyNow [class^="icon-"], 
	.buttonBuyNow [class*=" icon-"],
	.buttonBuyNow [class*="	icon-"] { color: #fff !important; }

.buttonHighlight { background: #2ea4e0; border-color: #045279; color: #fff; }
.buttonHighlight:hover { background: #41aae0; color: #fff; }
	.buttonHighlight [class^="icon-"], 
	.buttonHighlight [class*=" icon-"],
	.buttonHighlight [class*="	icon-"] { color: #fff !important; }

.buttonSuccess { background: #12bd00; border-color: #048204; color: #fff; }
.buttonSuccess:hover { background: #36e142; color: #fff; }
	.buttonSuccess [class^="icon-"], 
	.buttonSuccess [class*=" icon-"],
	.buttonSuccess [class*="	icon-"] { color: #fff !important; }

.buttonUnclickable { background: #e3e3e3; color: #a3a3a3; cursor: not-allowed; }
.buttonUnclickable:hover { background: #e3e3e3; color: #a3a3a3; cursor: not-allowed; }

/* Hover Label Inputs
========================================================================== */
.mchn-hoverLabelContainer {
	display: block; 
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important; 
}
	.mchn-hoverLabelContainer > * {
		display: none;
	}

	.mchn-hoverLabelContainer > label,
	.mchn-hoverLabelContainer > input,
	.mchn-hoverLabelContainer > select {
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: 400;
		margin: 0;
		text-align: left;
		z-index: 0;
	}

	.mchn-hoverLabelContainer > label {
		background: transparent;
		color: #888;
		font-size: 12px;
		left: 0;
		line-height: 1em;
		padding: 5px 0 0 9px;
		position: absolute;
		right: auto;
		top: 0;
		transition: all 0.2s ease-out;
		z-index: 1;
	}

	.mchn-hoverLabelContainer > label.displayNone {
		display: none;
	}

	.mchn-hoverLabelContainer > input,
	.mchn-hoverLabelContainer > select {
		background-color: #fff;
		border-width: 1px;
		color: #222;
		font-size: 16px;
		line-height: 1rem;
		height: 43px;
		padding: 18px 8px 5px;
		width: 100%;
	}

	.mchn-hoverLabelContainer > select {
		appearance: none;
		/* padding-right: 32px; */ /* removed until we can figure out how to drop the list down when this is clicked */
		position: relative;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	/* For Chrome because the select padding is too small */
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.mchn-hoverLabelContainer > select {
		 	padding-bottom: 6px;
		 	padding-top: 19px;
		}
	}

	/* For Firefox because the select padding is too big */
	@-moz-document url-prefix() { 
		.mchn-hoverLabelContainer > select {
		 	padding-bottom: 4px;
		 	padding-top: 17px;
		}
	}

	.mchn-hoverLabelContainer > .mchn-hoverLabelCaret {
		border-left: #999 1px solid;
		bottom: auto;
		color: #666;
		cursor: pointer;
		display: none; /* hidden until we can figure out how to drop the list down when this is clicked */
		height: 24px;
		left: auto;
		line-height: 1em;
		font-size: 16px;
		margin: 0;
		padding: 4px 6px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 50%;
		transform: translate(0%, -50%);
		width: 32px;
		z-index: 1;
	}

		.mchn-hoverLabelContainer > select > option {
			padding-left: 0;
			padding-right: 2px;
		}

	.mchn-hoverLabelContainer > label.displayNone + input,
	.mchn-hoverLabelContainer > label.displayNone + select {
		padding-bottom: 11px;
		padding-top: 12px;
	}

	/* For Firefox because the select padding is too big */
	@-moz-document url-prefix() { 
		.mchn-hoverLabelContainer > label.displayNone + select {
		 	padding-bottom: 10px;
		 	padding-top: 11px;
		}
	}

/* Icons
========================================================================== */

/* This is here because the icomoon icons.css file doesn't accomodate tabs before the icon-* class */
[class*="	icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tooltip-info::before {
	font-family: "Material Icons";
    content: "\e8fd";
    padding-left: 5px;
    bottom: 3px;
    font-size: 20px;
    position: relative;
}

/* Timers
========================================================================== */
.timerModule {margin-bottom: 10px; }
	.timer { display: flex; font-size: 0; justify-content: center; align-items: center; }
		.timerDigits { padding-top: 12px; }
			.timerDigit,
			.timerSeparator { 
				display: inline-block; 
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
				margin: 0 3px; 
				line-height: 1em; 
				font-size: 24px;
			}
			.timerDigit { 
				background: #3a3a3a; 
				background-image: linear-gradient(to top, #3a3a3a 50%, #444444 50%); 
				border-radius: 5px; 
				box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); 
				color: #fff; 
				padding: 6px 4px;
			}
		.timerSeparator { padding-bottom: 9px; color: #3a3a3a;  }

		.timerDigitsLabel {
			display:block; 
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
			font-size: 18px; 
			line-height: 1em; 
			text-align: center;
			padding-top: 6px;  
		}
		/* regular font size over 600px */
		@media (min-width: 600px) { 
			.timerDigit,
			.timerSeparator {
				font-size: 50px;
			}
			.timerDigit {  padding: 10px 8px; }
			.timerSeparator {padding-bottom: 20px; }
			.timerDigitsLabel {
				padding-top: 10px; 
			}
		}

/* Toggles
========================================================================== */

.mchn-toggle,
.toggle { 
	display: inline-block; 
	margin-bottom: 10px; 
	position: relative; 
	vertical-align: middle; 
}
	.mchn-toggle > input[type="checkbox"],
	.toggle > input[type="checkbox"],
	.mchn-toggle > input[type="radio"],
	.toggle > input[type="radio"] { 
		margin-left: -9999px; 
		position: absolute; 
		visibility: hidden; 
	}
	.mchn-toggle > input[type="checkbox"] + label,
	.toggle > input[type="checkbox"] + label,
	.mchn-toggle > input[type="radio"] + label,
	.toggle > input[type="radio"] + label { 
		background: #ddd; 
		border-radius: 1em; 
		cursor: pointer; 
		display: block; 
		outline: none; 
		position: relative; 
		height: 1em; 
		padding: 2px; 
		user-select: none; 
		width: 2em; 
		z-index: 0; 
	}
	.mchn-toggle > input[type="checkbox"] + label:before,
	.toggle > input[type="checkbox"] + label:before,
	.mchn-toggle > input[type="checkbox"] + label:after,
	.toggle > input[type="checkbox"] + label:after,
	.mchn-toggle > input[type="radio"] + label:before,
	.toggle > input[type="radio"] + label:before,
	.mchn-toggle > input[type="radio"] + label:after,
	.toggle > input[type="radio"] + label:after { 
		bottom: 1px; 
		content: ""; 
		display: block; 
		left: 1px; 
		position: absolute; 
		top: 1px; 
		z-index: 1; 
	}
	.mchn-toggle > input[type="checkbox"] + label:before,
	.toggle > input[type="checkbox"] + label:before,
	.mchn-toggle > input[type="radio"] + label:before,
	.toggle > input[type="radio"] + label:before { 
		right: 1px; 
		border-radius: 1em; 
		background: #f1f1f1; 
		transition: background 0.4s; 
	}
	.mchn-toggle > input[type="checkbox"] + label:after,
	.toggle > input[type="checkbox"] + label:after,
	.mchn-toggle > input[type="radio"] + label:after,
	.toggle > input[type="radio"] + label:after { 
		background: #fff; 
		border-radius: 100%; 
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 
		transition: margin 0.4s; 
		width: 1.2em; 
	}
	.mchn-toggle > input[type="checkbox"]:checked + label:before,
	.toggle > input[type="checkbox"]:checked + label:before,
	.mchn-toggle > input[type="radio"]:checked + label:before,
	.toggle > input[type="radio"]:checked + label:before { 
		background-color: #82bc41; 
	}
	.mchn-toggle > input[type="checkbox"]:checked + label:after,
	.toggle > input[type="checkbox"]:checked + label:after,
	.mchn-toggle > input[type="radio"]:checked + label:after,
	.toggle > input[type="radio"]:checked + label:after { 
		margin-left: 1em; 
	}
.mchn-toggle + label,
.toggle + label { 
	cursor: pointer; 
	display: inline-block; 
	font-size: 1rem; 
	font-weight: normal; 
	margin-bottom: 10px; 
	padding-left: 5px; 
	vertical-align: middle; 
}
.mchn-toggle + label + [class^="icon-"], 
.toggle + label + [class^="icon-"], 
.mchn-toggle + label + [class*=" icon-"],
.toggle + label + [class*=" icon-"],
.mchn-toggle + label + [class*="	icon-"],
.toggle + label + [class*="	icon-"] { 
	margin-bottom: 10px; 
	padding-left: 3px; 
	vertical-align: middle; 
}

/* Clearfix by Nicolas Gallagher
   ========================================================================== */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  font-size: 0 !important;
}

.clearfix:after { clear: both; }
.clearfix { 
	*zoom: 1; 
}


/* Overriders
========================================================================== */
.alignCenter { text-align: center !important; }
.alignLeft { text-align: left !important; }
.alignRight { text-align: right !important; }

.borderRadius50 { border-radius: 50% !important; }
	.borderRadius50 > .imageBox > .responsiveImage { border-radius: 50% !important; }

.cursorPointer { cursor: pointer !important; }

.displayBlock { display: block; }
.displayInline { display: inline; }
.displayInlineBlock { display: inline-block; }
.displayNone { display: none; }

.floatNone { float: none; }
.floatLeft { float: left; }
.floatRight { float: right; }

/* Note: If adding/editing .fontSize*, make sure to edit .listing > *.fontSize* { font-size: *rem; } as well */
.fontSize60 { font-size: 60%; }
.fontSize70 { font-size: 70%; }
.fontSize80 { font-size: 80%; }
.fontSize90 { font-size: 90%; }
.fontSize100 { font-size: 100%; }
.fontSize110 { font-size: 110%; }
.fontSize120 { font-size: 120%; }
.fontSize130 { font-size: 130%; }
.fontSize140 { font-size: 140%; }

.fontWeight100 { font-weight: 100; }
.fontWeight200 { font-weight: 200; }
.fontWeight300 { font-weight: 300; }
.fontWeight400 { font-weight: 400; }
.fontWeight500 { font-weight: 500; }
.fontWeight600 { font-weight: 600; }
.fontWeight700 { font-weight: 700; }
.fontWeight800 { font-weight: 800; }
.fontWeight900 { font-weight: 900; }
.fontWeightBold { font-weight: bold; }
.fontWeightBolder { font-weight: bolder; }
.fontWeightLighter { font-weight: lighter; }
.fontWeightNormal { font-weight: normal; }

.minWidth100 { min-width: 100px !important; }
.minWidth125 { min-width: 125px !important; }
.minWidth150 { min-width: 150px !important; }
.minWidth160 { min-width: 160px !important; }
.minWidth175 { min-width: 175px !important; }
.minWidth200 { min-width: 200px !important; }
.minWidth225 { min-width: 225px !important; }
.minWidth250 { min-width: 250px !important; }
.minWidth275 { min-width: 275px !important; }
.minWidth300 { min-width: 300px !important; }
.noMinWidth { min-width: 0 !important; }

.noMargin { margin: 0 !important; }

.noPadding { padding: 0 !important; }

.verticalAlignBottom { vertical-align: bottom !important; }
.verticalAlignMiddle { vertical-align: middle !important; }
.verticalAlignTop { vertical-align: top !important; }

.mchn-productTree {
	border-right: 1px solid black;
	list-style-type: none;
}

.mchn-productTree li::before {
	content: '\2014';
 	position: absolute;
 	margin-left: -20px;
}

/* mchn checkout v2 css */

/* 
 MCHN checkout2.0 css

*/
.mchn-checkout-documentBoxElement {
	left: unset !important;
	right: unset !important;
	margin-left: unset !important;
	padding: 0 !important;
	top: 0 !important;
	width: 100% !important;
	max-height: 100% !important;
}

.mchn-checkout-itemList {
	max-width: 475px;
}

.mchn-checkout-dBoxDoc {
	max-height: 100% !important;
	height: 100vh !important;
	width: 100% !important;
	padding: 0 !important;
}

.mchn-checkout-root {
	margin: 0px auto !important;
}

.mchn-checkout-mainSide {
	min-height: 100vh;
}

.mchn-checkout-summaryContainer {
	clear: both;
	max-width: 480px;
}


.mchn-checkout-root  .mchn-hoverLabelContainer select {
	height: 43px !important;
}
.mchn-checkout-root .mchn-hoverLabelContainer input {
	height: 43px !important;
}
.mchn-checkout-addressBox {
	margin-top: 30px;
	min-height: 120px;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	padding: 5px;	
}

.mchn-checkout-addressContainer {
	position: relative;
	margin-top: 20px;
	min-height: 180px;
}
.mchn-checkout-addressIcon {
	color: #f57e1f;
	font-size: 40px;
}

.mchn-checkout-addressIconContainer {
	position: absolute;
	border: 1px solid #b9b9b9;
	border-radius: 90px;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: white;
	
}

.mchn-checkout-addressTextContainer {
	min-height: 80px; 
	margin-top: 20px;
	padding: 10px;
}

.mchn-checkout-addressTextContainer p {
	margin: 0;
}

.mchn-checkout-paymentCard {
	min-height: 140px !important;
}

/* 
	Breadcrumbs...
*/
.mchn-checkout-borderBottom {
	border-bottom: 1px solid lightgrey;
}

.mchn-checkout-breadcrumbs {
	float: left;
}

.mchn-checkout-breadcrumbs li { 
	display: inline;
}

/* borders */
.mchn-checkout-border-orange {
	border: 1px solid #f57e1f;
}

.mchn-checkout-border-white {
	color: white;
}
/* 
	Buttons
*/

.mchn-checkout-button {
	color: white;
	background-color: #f57e1f;
}

.mchn-checkout-buttonMain {
	color: white;
	background-color: #f57e1f;
}

.mchn-checkout-button:hover{
	color: #f57e1f;
	background-color: white !important;
	border: 1px solid #f57e1f;
}

.mchn-checkout-buttonM {
	width: 100%;
	height: 40px;
	border-radius: 10px;
	float: right;
}

.mchn-checkout-buttonXL {
	width: 200px;
	height: 50px;
	border-radius: 5px;
	float: right;
	color: white;
}

.mchn-checkout-card {
	min-height: 50px;
	padding: 0px !important;
}

.mchn-checkout-cardButton-default{
	width: 100% !important;
	bottom: 0;
	border-radius: 5px;
	background-color: white;
}

.mchn-checkout-cardButton-orange{
	width: 100% !important;
	bottom: 0;
	border-radius: 5px;
	background-color: #f57e1f;
}

.mchn-checkout-cartItemImg {
	width: 100%;
	min-height: 120px;
	border-radius: 10px;
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;

}

.mchn-checkout-cartItemImgContainer {
	position: relative;
}
.mchn-checkout-cartMinHeight120{
	min-height: 60px;
}

.mchn-checkout-cartItemPrice{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100px;
}

.mchn-checkout-cartItemPriceContainer{
	margin-left: 15px;
	position: relative;
}

.mchn-checkout-productCardMinHeight {
	min-height: 91px;
}

.mchn-checkout-cartQuantityButton {
	margin: 0px;
}

.mchn-checkout-unsetPadding{
	padding: unset;
}

.mchn-checkout-unsetMargin{
	margin: unset;
}

.mchn-checkout-borderBottom {
	border-bottom: 1px solid lightgray;
}

.mchn-checkout-cartQuantityContainer {
	display: inline-flex;
	border: 1px solid lightgray !important;
	float: right;
	background-color: white;
}

.mchn-checkout-cartQuantityContainerBuyNow {
	display: inline-flex;
	border: 1px solid lightgray !important;
	float: right;
	background-color: white;
	transform: scale(.85);
}

.mchn-checkout-buyNowRow {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.mchn-checkout-cartQuantityError {
	margin-top: 60px;

}

.mchn-checkout-cartQuantityContainerLeftButton {
	min-width: 50px;
}

.mchn-checkout-cartQuantityContainerRightButton {
	min-width: 50px;
}

.mchn-checkout-cartQuantityContainerLeftButtonSM {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	min-width: 35px;
}

.mchn-checkout-cartQuantityContainerRightButtonSM {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	min-width: 35px;
}

.mchn-checkout-cartQuantityInput{
	text-align: center;
	border: none !important;
	-moz-appearance: textfield;
	min-height: 50px;
	max-width: 75px !important;
}

.mchn-checkout-cartQuantityInput::-webkit-outer-spin-button,
.mchn-checkout-cartQuantityInput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mchn-checkout-cartQuantityInputSM{
	text-align: center;
	border: none !important;
	-moz-appearance: textfield;
	min-height: 30px;
	max-width: 50px !important;
	border-radius: 10px !important;
}

.mchn-checkout-cartQuantityInputSM::-webkit-outer-spin-button,
.mchn-checkout-cartQuantityInputSM::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mchn-checkout-cardImg {
	width: 100%;
	height: 75px;
	border-radius: 10px;
	background-size: cover; 
	background-position: center;

}
.mchn-checkout-cardImgContainer {
	position: relative;
	max-width: 120px;
}
.mchn-checkout-cardImgCount {
	position: absolute;
	top: 0px;
	left: 80%;
	border-radius: 50px;
	background-color: #f57e1f;
	z-index: 1000;
	color: white;
	width: 25px;
	height: 25px;
	font-size: 16px;
}

.mchn-checkout-deleteCartItem {
	float: right;
    color: red;
	background-color: rgba(0, 0, 0, 0);
	bottom: 57%;

}

.mchn-checkout-deleteCartItemLG {
	float: right;
    color: red;
	background-color: rgba(0, 0, 0, 0);

}

.salesFormRowOrderInfoTitle {
	font-weight: bold;
	padding-bottom: 10px;
}


/* Utils */

.mchn-displayNone {
	display: none !important;
}

.mchn-slideDown {
	transform: scaleY(0);    
	transform-origin: top;
	transition: transform 0.2s ease-in-out;
}

.mchn-slideDownOn {
	transform: scaleY(1);
}

.mchn-border-noBottom {
	border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: lightgray;
}

.mchn-top-borderRadius{
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.mchn-border-lightGray {
	border: 1px solid lightgray !important;
	display: inline-flex;
}

.mchn-border-right-lightGray  {
	border-right: 1px solid lightgray;
}

.mchn-border-radius-3px {
	border-radius: 3px;
}

.mchn-noMargin {
	margin: unset;
}

.mchn-item-rotate90{
	transform: rotate(90deg);
}

/* date */

.mchn-datePicker {
	padding: 10px;
}

.mchn-datePicker input {
	max-width: 150px;
}

/* Chips */
.mchn-chip-deletable {
	margin-left: 5px;
}


.mchn-checkout-breakPararaphs p {
	word-break: break-all;
}

.mchn-checkout-center {
	display: flex;
    align-items: center;
    justify-content: center;
}
.mchn-checkout-buyNowCart {
	height: 100%;
	width: 100%;
	z-index: 100000;
	background-color: white;
	margin-bottom: 40px;
}

.mchn-checkout-buyNow50MainContainer {
	/* transform: translateY(50%); */
}

.mchn-checkout-upsellContainer {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100000;
	background-color: white;
	overflow: auto;
}

.mchn-checkout-clear {
	clear: both;
}

.mchn-checkout-foatLeft {
	float: left;
	text-align: left;
}

.mchn-checkout-foatRight {
	float: right;
	text-align: right;
}

.mchn-checkout-section {
	padding: 20px !important;
	clear: both;
}

.mchn-checkout-padding0 {
	padding: 0px !important;
}

.mchn-checkout-padding10 {
	padding: 10px !important;
}

.mchn-checkout-padding10Left {
	padding-left: 10px !important;
}

.mchn-checkout-padding20 {
	padding: 20px !important;
}

.mchn-checkout-sectionBody {
	border: 1px lightgrey solid;
	padding: 5px;
	border-radius: 15px;
}

.mchn-checkout-summary {
	min-width: 425px;
}

.mchn-chekout-varianceContainer {
	display: inline-grid;
	width: 100%;
	margin-top: 5px !important;
}
.mchn-checkout-longFormLoading{
	max-width: 1250px;
}
.mchn-checkout-loadingContainer{
	position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 1000000;
    opacity: .5;
    background-color: lightgray;
}

.mchn-checkout-loadingContainer div {
	position: relative;
    display: flex;
    height: 100vh;
    z-index: 1000001;
    width: 100%;
}

.mchn-checkout-loadingContainer span {
	height: 100px;
	width: 100px;
    z-index: 10000002;
    margin: auto;
}

.mchn-checkout-confirmModalContainer {
	border: 1px solid black;
	position: fixed;
    top: 25%;
    left: 50%;
    z-index: 400000;
	transform: translateX(-50%);
	background-color: white;
	border-radius: 10px;
	padding: 20px;

}


.mchn-checkout-confirmModalContainer div {

	display: flex;
    justify-content: center
	
}
.mchn-checkout-confirmModalContainer button {
	padding: 5px;
	margin: 10px;
}


/* Payments */
.mchn-checkout-paymentBox{
	border-right: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}
.mchn-checkout-paymentBoxHeader {
	border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	border: 1px solid lightgrey;
}

.mchn-checkout-overflowHidden {
	overflow: hidden !important;
}

/* MAP */

.mchn-checkout-googleMap{
	width: 100%;
	min-height: 300px;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}

/* Texts */
.mchn-checkout-color-orange {
	color: #f57e1f;
}

@media only screen and (max-width: 1279px){
	
	.mchn-checkout-mainSide {
		width: 50%;
	}

	.mchn-checkout-summary {
		max-width: 420px;
	}

	.mchn-checkout-sideContainer {
		min-width: 430px;
	}

	.mchn-checkout-summaryContainer {
		max-width: 410px;
	}
	
}

@media only screen and (max-width: 891px){

	.mchn-checkout-buyNow50MainContainer{
		width: 100%;
		padding: 20px;
	}

	.mchn-checkout-bottom-gutter {
		height: 200px;
	}

	.mchn-checkout-font14 {
		font-size: 14px !important;
	}
	
	.mchn-checkout-section {
		padding: 5px !important;
	}

	/* .mchn-checkout-addressBoxContainer{
		width: 100% !important;
	} */

	.mchn-checkout-mobileWidth60Percent{
		width: 60% !important;
	}

	.mchn-checkout-mobileWidth100Percent{
		width: 100% !important;
	}

	.mchn-checkout-mobileFontSizeDefault span {
		font-size: 12px;
	}

	.mchn-checkout-mobileFontSizeDefault a {
		font-size: 12px;
	}

	.mchn-checkout-summaryContainer {
		border-radius: 15px;
		margin: 20px;
		padding: 20px;
		max-width: none;
	}

	.mchn-checkout-cartItemImg {
		min-height: 120px;
		
	}

	.mchn-checkout-cartItemPrice {
		font-size: 100%;
		min-width: 75px;
		margin-left: 15px;
	}

	.mchn-checkout-cartQuantityInput {
		max-width: 50px !important;
	}

	.mchn-checkout-closeCartWindow {
		position: absolute;
		bottom: 90%;
		left: 80%;
	}

	.salesFormRowOrderInfoTitle {
		font-size: 90%;
		padding-bottom: 10px;
	}

}

@media only screen and (max-width: 480px){
	

	.mchn-item-cardMedia {
		min-height: 150px !important;
	}

	.mchn-item-productCardRoot  h5{
		font-size: 12px !important;
	}

	#launcher-frame{
		left: 10px !important;
		right: unset !important;
	}

	.mchn-checkout-addressBoxContainer{
		width: 100% !important;
	}

	.mchn-checkout-summaryContainer {
		border-radius: 15px;
		margin: 5px;
		padding: 10px;
	}

	.mchn-checkout-deleteCartItem {
		float: right;
		color: red;
		background-color: rgba(0, 0, 0, 0);
	}

	.mchn-checkout-borderBottom {
		min-width: unset;
	}

	.mchn-checkout-borderBottom {
		margin-right: 10px;
	}

	.mchn-checkout-summaryMobile {
		min-width: 340px;
	}

	.mchn-checkout-padding-left {

		margin-left: 5px !important;
	}

	.mchn-checkout-longFormLoading{
		max-width: 345px;
	}

	.mchn-checkout-buyNowRow {
		display: block;
	}

	.mchn-checkout-buyNowHeader {
		display: none;
	}

	.mchn-checkout-buttonXL{
		width: 100%;
	}

	.mchn-checkout-mobileSubtotal{
		display: inline-block;
	}

	.mchn-checkout-cartItemPrices {
		display: inline-block;
	}

	.mchn-checkout-borderTop {
		border-top: 1px solid lightgrey;
	}
}

.mchn-checkout-25-width {
	display: inline-block;
	width: 25%;
	float: left;
	margin-top: 10px !important;
}

.mchn-checkout-50-width {
	display: inline-block;
	width: 50%;
	float: left;
	margin-top: 10px !important;
}

.mchn-checkout-75-width {
	display: inline-block;
	width: 25%;
	float: left;
	margin-top: 10px !important;
}


.mchn-checkout-padding-left{
	padding-left: 5px !important;
}
.mchn-checkout-padding-right{
	padding-right: 5px !important;
}
.mchn-checkout-marginBottom30{
	margin-bottom: 30px;
}
  
.mchn-checkout-cartButton {
	position: fixed;
    left: 90%;
    bottom: 20%;
    border-radius: 50px;
    height: 100px;
    width: 100px;
    background-color: #f57e1f;
	color: white;
	font-size: 40px;
}

/* RADIOS */
.mchn-radio {
	transform: scale(2);	
	/* remove standard background appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* create custom radiobutton appearance */
	display: inline-block;
	width: 15px;
	height: 15px;
	padding: 3px;
	/* background-color only for content */
	background-clip: content-box;
	border: 1px solid #f57e1f;
	background-color: white;
	border-radius: 50%;

}

/* appearance for checked radiobutton */
.mchn-radio:checked {
	background-color: #f57e1f;
}

.mchn-radio:not(:checked) {
	background-color: #ffffff !important;
}
/* CHECKBOXES */

  .mchn-checkout-toggleButton {
	cursor: pointer;
	display: block;
	transform-origin: 50% 50%;
	transform-style: preserve-3d;
	transition: transform 0.14s ease;
	transform: scale(.6);
  }
  .mchn-checkout-Wrapper {
	  margin-right: -35px;
  }
  .mchn-checkout-toggleButton:active {
	transform: rotateX(30deg);
  }
  .mchn-checkout-toggleButton input {
	display: none;
  }
  .mchn-checkout-toggleButton input + div {
	border: 3px solid lightgray;
	border-radius: 50%;
	position: relative;
	width: 44px;
	height: 44px;
  }
  .mchn-checkout-toggleButton input:checked + div {
	border: 3px solid green;
	border-radius: 50%;
	position: relative;
	width: 44px;
	height: 44px;
  }
  .mchn-checkout-toggleButton input + div svg {
	fill: none;
	stroke-width: 3.6;
	stroke: lightgray;
	stroke-linecap: round;
	stroke-linejoin: round;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	z-index: 1;
	stroke-dashoffset: 124.6;
	stroke-dasharray: 0 162.6 133 29.6;
	transition: all 0.4s ease 0s;
  }
  .mchn-checkout-toggleButton input:checked + div svg {
	fill: none;
	stroke-width: 3.6;
	stroke: green;
	stroke-linecap: round;
	stroke-linejoin: round;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	z-index: 1;
	stroke-dashoffset: 124.6;
	stroke-dasharray: 0 162.6 133 29.6;
	transition: all 0.4s ease 0s;
  }
  .mchn-checkout-toggleButton input + div:before, .mchn-checkout-toggleButton input + div:after {
	content: '';
	width: 3px;
	height: 16px;
	background: white;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 5px;
  }
  .mchn-checkout-toggleButton input:checked + div:after {
	content: '';
	width: 3px;
	height: 16px;
	background: green;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 5px;
  }
  .mchn-checkout-toggleButton input + div:before {
	opacity: 0;
	transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
	animation: bounceInBefore 0.3s linear forwards 0.3s;
  }
  .mchn-checkout-toggleButton input + div:after {
	opacity: 0;
	transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
	animation: bounceInAfter 0.3s linear forwards 0.3s;
  }
  .mchn-checkout-toggleButton input:checked + div svg {
	stroke-dashoffset: 162.6;
	stroke-dasharray: 0 162.6 28 134.6;
	transition: all 0.4s ease 0.2s;
  }
  .mchn-checkout-toggleButton input:checked + div:before {
	opacity: 0;
	transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
	animation: bounceInBeforeDont 0.3s linear forwards 0s;
  }
  .mchn-checkout-toggleButton input:checked + div:after {
	opacity: 0;
	transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
	animation: bounceInAfterDont 0.3s linear forwards 0s;
  }
  @keyframes bounceInBefore {
	0% {
	  opacity: 0;
	  transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
	}
	50% {
	  opacity: 0.9;
	  transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
	}
	80% {
	  opacity: 1;
	  transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
	}
	100% {
	  opacity: 1;
	  transform: scale(1) translate(-50%, -50%) rotate(45deg);
	}
  }
  @keyframes bounceInAfter {
	0% {
	  opacity: 0;
	  transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
	}
	50% {
	  opacity: 0.9;
	  transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
	}
	80% {
	  opacity: 1;
	  transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
	}
	100% {
	  opacity: 1;
	  transform: scale(1) translate(-50%, -50%) rotate(-45deg);
	}
  }
  @keyframes bounceInBeforeDont {
	0% {
	  opacity: 1;
	  transform: scale(1) translate(-50%, -50%) rotate(45deg);
	}
	100% {
	  opacity: 0;
	  transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
	}
  }
  @keyframes bounceInAfterDont {
	0% {
	  opacity: 1;
	  transform: scale(1) translate(-50%, -50%) rotate(-45deg);
	}
	100% {
	  opacity: 0;
	  transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
	}
  }
  
  .mchn-checkout-checkbox {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
  }
  .mchn-checkout-checkbox * {
	box-sizing: inherit;
  }
 .mchn-checkout-checkbox *::before, .mchn-checkout-checkbox *::after {
	box-sizing: inherit;
  }

  .mchn-checkout-checkboxLabel {
	  margin-top: 3px;
	  text-align: left;
  }
  
  .mchn-checkout-toggleContainer{
    display: flex;
    justify-content: left;
	align-items: center;
  }  

  .mchn-checkout-togglePadding {
	  padding-left: 6px;
  }
  
  .mchn-checkout-articleSalesForm {
	  max-width: 1282px !important;
  }

/* Cart */

.mchn-cart-documentBox {
	border-left: 1px solid lightgray;
	height: 100vh !important;
	max-width: 480px !important;
	top: 0px !important;
	left: unset !important;
	right: 0px !important;
	margin-left: unset !important;
	padding: 0px !important;
	position: fixed !important;
	background: #fff !important;
	z-index: 2147483645 !important;
	box-shadow: -1px 0px 10px 1px black;
	overflow-y: scroll;
}

@media only screen and (max-device-width: 768px){

	.mchn-cart-documentBox {
		width: 100% !important;
	
	}
	.mchn-cart-dBoxDoc {
		margin-bottom: 20px;
	}
}

.mchn-cart-action-buttons {
	background: white;
	border-top: 1px solid lightgray;
	bottom: 0;
	position: fixed;
	padding-bottom: 20px;
}

.mchn-cart-dBoxClose {
	top: 5px !important;
}

.mchn-cart-dBoxDoc{
	max-height: 100% !important;
	overflow: unset !important;
}

.mchn-cart-floatRight {
	float: right;
}

.mchn-cart-iconDeleteButton {
	background-color: white;
	padding-top: 8px !important;
	border-radius: 5px;
}

.mchn-cart-iconDeleteButton:hover {
	background-color: lightgray !important;
	padding-top: 8px !important;
	border-radius: 5px;
}

.mchn-cart-iconDeleteButton span {
	color: #E1341E;
}

.mchn-cart-salesFormRowOrderInfo {
	width: 80% !important;
}

.mchn-cart-salesFormRowOrder {
	clear: both;
}

.mchn-cart-salesFormRowOrderQuantity {
	min-width: 60px;
	height: 35px;
	border-radius: 0 !important;
	text-align: center;
	border-top: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.mchn-cart-salesFormRowOrderQuantity::-webkit-outer-spin-button,
.mchn-cart-salesFormRowOrderQuantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mchn-cart-salesFormRowOrderQuantity[type=number] {
	-moz-appearance: textfield;
	text-align: center;
  } 

.mchn-cart-salesFormSection {
	border-bottom: 1px solid lightgray !important;
	padding-bottom: 10px !important;
}

.mchn-cart-box100Card {
	min-height: 182px !important;
}

.mchn-cart-numberStepperContainer {
	display: inline-flex;
}

.mchn-cart-numberStepperButton {
	border: 1px solid lightgray;
	height: 35px;
	min-width: 32px;
} 
.mchn-redirect-bannerContent {
    padding: 6px;
    display: flex;
    background-color: rgb(191 191 191 / 99%);
    justify-content: center;
    align-items: center;
}
.mchn-redirect-bannerText {
    margin-right: 7px;
}
a.mchn-redirect-takeMeBtn, a.mchn-redirect-stayHereBtn{
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .0125rem;
    line-height: 1.5625rem;
    display: inline-block;
    transition: background-size .3s,color .3s;
    background: linear-gradient(to bottom,#1e1414 100%,#1e1414 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    text-decoration: none;
    color: black;
    margin-right: 10px;
}
.mchn-redirect-icon{
    font-size: 20px;
    margin-right: 3px;
    color: black;
}
.mchn-redirect-stayHereBtn:hover, .mchn-redirect-takeMeBtn:hover{
    color : #ffffff;
    background-color: black;
}

.mchn-cart-loadingContainer{
    width: 100%;
    z-index: 1000000;
    opacity: .5;
    background-color: lightgray;
}

.mchn-cart-modalLoadingContainer {
	position: fixed;
}

.mchn-cart-loadingContainer div {
	position: relative;
    display: flex;
    height: 100vh;
    z-index: 1000001;
    width: 100%;
}

.mchn-cart-loadingContainer span {
	height: 100px;
	width: 100px;
    z-index: 10000002;
    margin: auto;
}

/* ITEMs */

.mchn-item-fab {
	position: fixed;
	bottom: 50px;
	left: 75px;
	border-radius: 100%;
	display: flex;
	padding: 20px;
	background-color: orange;
	z-index: 100;
}
.mchn-item-fab span {
	font-size: 24px;
}
.mchn-item-productCardImageContainer {
	height: 300px;
	margin: 0;
}
.mchn-item-productCardImage, .mchn-item-heroBG {
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	background-blend-mode: saturation;
}
.mchn-item-heroMainText {
	font-size: 32px;
	color: black;

}

.mchn-item-heroSecondaryText {
	font-size: 18px;
	color: black;

}

.mchn-item-heroBGContainer {
	height: 75vh;
}
.mchn-item-cardGrid {
	align-items: stretch;
	display: flex;
	padding: 12px;
}
/* .mchn-item-productCardRoot {
	max-width: 375px;
} */
.mchn-item-productCardRoot, .mchn-item-heroRoot {
	width: 100% !important;
	animation: createBox .5s;
}
.mchn-item-cardMedia {
	min-height: 300px;
	background-repeat: no-repeat !important;
	background-color: white !important;
}

.mchn-item-cardMedia:hover, .mchn-item-heroRoot:hover {
	box-shadow: 2px solid lightgray;
	opacity: .7;
}

.mchn-item-cardButtonContainer {
	height: 100%;
	display: flex;
}

.mchn-item-cardButtonContainerGrid {
	align-items: flex-end !important;
    width: 100%;
}
.mchn-item-cardButtonAddToCart {
	width: 100%;
	background-color: #f57e1f !important;
    border-color: #944a10 !important;
    color: #fff !important;
	font-weight: 900 !important;
}

.mchn-item-cardButtonDetails {
	width: 100%;
	background-color: lightgray;
    border-color: black;
    color: black;
}

.mchn-item-productCardRoot h5 {
	margin: 5px 0px;
}



.mchn-item-productReviewRating {
	margin: 5px 0px;
}

.mchn-item-productCardContentBody {
	display: flex;
    align-items: center;
    justify-content: center;
}

.mchn-item-salePrice {
	color: red;
	text-decoration: line-through;
}


.mchn-item-addToSubCard {
	border: 1px lightgray solid;
	border-radius: 5px;
	transition: all .3s ease-in;
	margin-bottom: 10px;
}

.mchn-item-addToSubCard:hover {
	opacity: .9;
	transform: scale(1.02);
	transition: all .3s ease-in;
}

.mchn-item-addToSubCardActive {
	border: 2px orange solid;
	border-radius: 5px;
}

.mchn-item-addToSubRadio{
	transform: scale(2);
	color: orange;
}

/* product animations */


@keyframes createBox {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}

@keyframes slideDown {
	from {
		max-height: 0%;
	}
	to {
		max-height: 100%;
	}
}

#mchn-store-init {
	min-height: 100vh;
}

.mchn-store-modalRoot {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	background-color: lightgray;
	z-index: 214748363;
}

.mchn-store-SlideDown {
	animation: slideDown ease-in-out .5s;
}

.mchn-store-detailsLink {
	margin-bottom: 10px;
}

.mchn-store-fadeInImage {
	opacity: 0;
}

.mchn-store-fadeInImageOn {
	opacity: 1;
	animation: fadeIn .5s ease-in;
}

.mchn-item-filterButton {
	display: none !important;
	margin-left: auto;
	border: 1px solid;
}

.mchn-item-filterButton span span {
	pointer-events: none;
	height: 10px;
	width: 10px;
}

.mchn-store-sortLi {
	display: inline-flex;
	margin-right: 10px;
}

.mchn-store-sortLi span {
	margin-right: 5px;
}

.mchn-item-filtersSectionMobile {
	display: none;
	position: fixed;
    z-index: 10000;
    height: 500px;
    width: 100%;
    left: 0%;
	top: 0%;
	overflow: auto;
}

.mchn-item-mobileFilters {
	box-shadow: 0px 1px 5px 1px black;
	padding: 10px;
	margin: unset;
	background-color: white;
}

.mchn-item-filtersHeader {
	border-bottom: 1px solid lightgray;
    margin-bottom: 15px;
}

.mchn-item-filtersHeader li {
	cursor: pointer;
}

.mchn-item-sortHeader {
	border-bottom: 1px solid lightgray;
    margin-bottom: 15px;
	margin-top: 20px;
}

.mchn-item-categoryHeaders {
	border-bottom: 1px solid lightgray;
	padding-top: 10px;
    padding-bottom: 10px;
	cursor: pointer;
}

.material-icons, .material-icons-outlined {
	font-family: 'Material Icons' !important;
}

.mchn-store-filterContainerWrapper {
	max-height: 50px;
	transition: max-height .4s ease-in-out;
}

.mchn-store-filterContainerWrapperOn {
	max-height: 500px;
}

.mchn-product-root {
	line-height: 1.2rem;
}

@media only screen and (max-width: 768px){
	.mchn-item-cardGrid {
		padding: unset !important;
	}
	.mchn-overflowScrollX {
		overflow-x: scroll;
	}
  
	.mchn-store-filterContainer, .mchn-item-filtersSection, .mchn-item-sortSection {
		display: none;
	}

	.mchn-item-filterButton {
		display: block !important;
	}

	.mchn-item-filtersSectionMobile {
		height: 100vh;
	}

	.mchn-item-sortHeaderMobile {
		margin-top: 20px;
	}

	.mchn-item-sortSectionMobile {
		margin-top: 10px;
	}

	.mchn-store-sortLi {
		margin-right: 0;
	}

	.mchn-item-cardButtonContainerGrid button {

		font-size: 11px;

	}
	.mchn-memberOrders-root {
		overflow-x: auto !important;
	}

	.mchn-product-addProductButton {
		width: 100%;
	}

	.mchn-displayBlockMobile {
		display: block !important;
	}

	.mdl-data-table td {
		height: unset;
	}
	.mchn-margin-top-5px {
		margin-top: 5px;
	}
	.mchn-margin-unset {
		margin: unset !important;
	}

	.mchn-products-slider .mdl-list__item {
		overflow: unset;
	}

}


/* MCHN BACKEND CSS MOVE TO NEW FILE */

/* backend loading */

.mchn-backend-loadingContainer {
	position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 214748366;
    opacity: .5;
    background-color: lightgray;
}

.mchn-backend-loadingContainer div {
	position: relative;
    display: flex;
    height: 100vh;
    z-index: 214748361;
    width: 100%;
}

.mchn-backend-loadingContainer span {
	height: 100px;
	width: 100px;
    z-index: 214748362;
    margin: auto;
}

/* table */

.mchn-backend-table {
	width: 100%;
	white-space: unset;
	overflow: hidden;
}
.mchn-backend-table, tr, th, td {
	text-align: left !important;
}
/* tooltips */

.mdl-tooltip {
	max-width: 375px;
	text-align: left;
	font-size: 12px;
}

/* icon buttons */
.mchn-iconButtonDanger {
	margin: 0 5px;
	display: flex;
    align-items: center;
    background-color: red;
    border: 1px solid red;
    border-radius: 5px;
    padding: unset;
    min-height: 40px;
    min-width: 40px;
    justify-content: center;
	transition: all 1s ease;
}

.mchn-iconButtonDanger:hover {
    background-color: #e32636;
    border: 1px solid #e32636;
}

.mchn-iconButtonDanger span {
	font-size: 24px;
    color: white;
    cursor: pointer;
}

.mchn-iconButtonSuccess {
	margin: 0 5px;
	display: flex;
    align-items: center;
    background-color: green;
    border: 1px solid green;
    border-radius: 5px;
    padding: unset;
    height: 40px;
    min-width: 40px;
    justify-content: center;
	transition: all 1s ease;
}

.mchn-iconButtonSuccess:hover {
    background-color: #4cbb17;
    border: 1px solid #4cbb17;
}

.mchn-iconButtonSuccess span {
	font-size: 24px;
    color: white;
    cursor: pointer;
}

.mchn-iconButtonWarning {
	margin: 0 5px;
	display: flex;
    align-items: center;
    background-color: #ffd800;
    border: 1px solid #ffd800;
    border-radius: 5px;
    padding: unset;
    max-height: 40px;
    min-width: 40px;
    justify-content: center;
	transition: all 1s ease;
}

.mchn-iconButtonWarning:hover {
    background-color: #ffe866;
    border: 1px solid #ffe866;
}

.mchn-iconButtonWarning span {
	font-size: 24px;
    color: white;
    cursor: pointer;
}

.mchn-iconButtonInfo {
	margin: 0 5px;
	display: flex;
    align-items: center;
    background-color: #00BFFF;
    border: 1px solid #00BFFF;
    border-radius: 5px;
    padding: unset;
	height: 40px;
    min-width: 40px;
    justify-content: center;
	transition: all 1s ease;
}

.mchn-iconButtonInfo:hover {
    background-color: #1F75FE;
    border: 1px solid #1F75FE;
}

.mchn-iconButtonInfo span {
	font-size: 24px;
    color: white;
    cursor: pointer;
}

.mchn-popup {
	position: relative;
}

.mchn-popupBody {
	display: none;
	position: absolute;
	background-color: white;
	z-index: 100;
}

.mchn-popupBodyActive {
	display: inline-flex;
    padding: 10px;
	min-height: 60px;
    border: 1px solid lightgray;
    -webkit-animation: growIn .5s;
    animation: growIn .3s;
    top: -10px;
    left: 59px;
}

.mchn-popupBodyActive::before{
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid lightgray;
    transform: rotate(-90deg);
    left: -13px;
    top: 30px;
}

.mchn-orders-title {
    max-width: 320px;
}

@-webkit-keyframes growIn {
  from {transform: scale(0);}
  to {transform: scale(1);}
}

@keyframes growIn {
	from {transform: scale(0);}
	to {transform: scale(1);}
}

/* MDL overrides */

h2, h3 {
	font-size: 24px;
}



.mchn-flex-alignCenter {
	display: flex;
	justify-content: center !important;
	align-items: center !important;
}

@media only screen and (max-width: 876px){

	.mchn-memberOrders-root {
		padding: 0px;
	}

	.mchn-orders-title {
		display: none;
		display: block;
	}
	.mchn-orders-titleMobileTD {
		display: flex;
		align-items: center;
		background-color: black;
		color: white;
		font-weight: 900;
		font-size: 14px;
		padding: 5px 5px !important;
	}
	.mchn-orders-titleMobile {
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
		margin-left: 10px;
		font-size: 18px;
		white-space: pre-line;
	}

	.mchn-orders-titleMobile h6 {
		color: white;
	}

	.mchn-backend-table {
		border: unset;
	}

	.mchn-backend-table thead {
		display: none;
	}

	.mchn-backend-table tr {
		border-bottom: 1px solid lightgray;
    	padding: 20px !important;
		min-height: 600px;
		margin: 10px;
	}

	.mchn-backend-table td {
		display: flex;
		min-height: 80px;
		border: unset;
	}

	.mchn-orders-tableCell {
		display: flex;
		width: 100%;
		align-self: center;
		min-height: 60px;
	}

	.mchn-orders-mobileHeader {
		width: 50%;
		border-right: 1px solid lightgray;
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.mchn-orders-mobileData {
		width: 50%;
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
		word-break: break-all;
		white-space: normal;
		padding: 5px
	}

	.mchn-orders-mobileData .material-icons {
		font-size: 36px;
	}

	.mchn-orders-titleTD {
		display: none !important;
	}

	.mchn-orders-mobileDataPrice {
		display: block;
	}

	.mchn-orders-mobileMember {
		display: block;
    	padding-left: 5px;
	}

	.mchn-orders-mobileDisplayNone {
		display: none !important;
	}
	.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
		padding-right: 16px !important;
	}
}

/* accounts */

.mchn-accounts-updateRoleRoot {
	display: inline-flex;
}

.mchn-accounts-updateRoleRoot .mchn-hoverLabelContainer{
	min-width: 125px;
}
/* Products */

.mchn-products-slider {
	font-size: 12px;
	display: flex;
	padding: unset;
}

.mchn-products-tabActive {
	font-weight: 600;
	border-bottom: 3px solid #00BFFF;
	transition: border-width 200ms ease-in-out;
}

.mchn-products-slider li {
	margin-right: 10px;
}

.mchn-products-slider li:hover {
	border-bottom: 2px solid lightgray;
	transition: border-width 200ms ease-in-out;
}

.mchn-products-titleChip {
	transform: scale(.75);
	background-color: #00BFFF;
	color: white;
	font-weight: 500;
}

.mchn-products-titleChip span{
	font-weight: 800;
}

.mchn-product-addProduct {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.mchn-product-addProduct button {
	background-color: green;
}

.mchn-product-addProduct span {
	margin: 3px;
	color: white;
}


/* Nav */

.mdl-layout__container{
	max-width: 70px !important;
}

/* .mchn-nav-rootContainer {
	max-width: 240px;
} */

.mdl-layout__obfuscator {
	position: fixed;
}

.mchn-nav-root .mdl-list {
	padding: 0px;
}

.mchn-nav-root .mdl-list {
	padding: 0px;
	margin-top: 0px;
}

.mchn-nav-root .mdl-list .mdl-list__item {
	padding: 0px;
}

.mchn-nav-root .mdl-list .mdl-list__item a {
	width: 100%;
	white-space: nowrap;
}

.mchn-nav-tab {
	display: flex !important;
	align-items: center !important;
	padding: unset !important;
	padding-left: 20px !important;
	cursor: pointer;
	min-height: 56px;
	color: #222 !important;
    font-size: 16px;
    font-weight: 500;
}

.mdl-navigation__link {
	color: #222 !important;
    font-size: 16px;
    font-weight: 500;
	opacity: 1 !important;
}

.mchn-nav-active {
	background-color: #FDE1DA;
}

.mchn-nav-tab .mdl-navigation__link {
	padding-left: 15px !important;
}

.mchn-nav-icon {
	font-size: 24px;
	margin-right: 10px;
}

.mdl-layout__drawer {
	position: fixed;
	z-index: 8 !important;
}

.mchn-level-two ul {
	padding-left: 15px !important;
}

.mchn-nav-container {
	background-color: white;
	box-shadow: -2px -10px 10px 1px lightgrey;
}

.mchn-nav-collapse {

	-webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
	overflow-x: hidden;
    width: 70px !important;
	
}

.mdl-layout__drawer {

	-webkit-transition: width .25s ease-in-out;
    -moz-transition: width .25s ease-in-out;
    -o-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out;

    width: 240px;
}

.mchn-nav-titleMenu {
	display: flex;
	font-size: 32px; 
	padding-left: 20px !important; 
	border-bottom: 1px solid lightgray;
	min-height: 73px;
	padding-top: 5px;
	align-items: center;
}

.mchn-nav-titleMenuText {
	font-size: 14px;
}

.mchn-nav-headerSideToolContainer {
	display: inline-flex;
	margin-top: 0px;
	align-items: center;
	margin-bottom: 0px;
	padding: 0px;
}

.mchn-nav-headerSideToolContainer .mdl-list__item-icon {
	margin-right: 10px !important;
}

.mchn-nav-headerSideToolContainer li {
	background-color: white;
	transition: background-color 500ms ease-in-out;
}

.mchn-nav-headerSideToolContainer li:hover {
	background-color: lightgray;
	transition: background-color 500ms ease-in-out;
}

.mchn-nav-headerSideToolContainer a{
	color: #757575;
	text-decoration: none !important;
}

.mchn-nav-headerSideToolContainer .mdl-menu__container {
	max-height: 500px;
	overflow: hidden;
	overflow-y: scroll;
}

.mchn-nav-headerTool {
	display: flex;
	justify-content: end;
}

.mchn-header-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mchn-nav-myAccountList .material-icons {
	font-size: 32px;
}

header .mdl-grid {
	padding: 0px;
}

@media only screen and (max-width: 1440px){

	.mdl-layout {
		overflow-y: hidden;
	}

	.mdl-layout__container{
		max-width: 100% !important;
		z-index: 1000;
		max-height: 73px;
		max-width: 50px !important;
	}

	.mdl-layout__containerActive{
		max-height: unset;
		max-width: unset !important;
	}

	.mchn-nav-titleMenu {
		display: none;
	}

	.mchn-nav-mobileText {
		display: none;
	}

	.mdl-layout__drawer {
		overflow-x: hidden !important;
	}

	.mchn-nav-headerSideToolContainer .mdl-list__item-icon {
		margin-right: 0px !important;
	}

	.mchn-nav-headerSideToolContainer li {
		padding: 8px;
	}

	.mdl-layout__drawer-button {
		top: 7px;
		position: fixed;
	}

	.mdl-layout__drawer-button i {
		font-size: 32px;
	}
	.mchn-nav-collapse {
		width: 240px !important;
	}
}
@media only screen and (max-width: 425px){

	.headerLogoText {
		font-size: 1.5rem !important;
	}

	.mdl-layout__drawer-button {
		top: 8px;
	}	

	.mchn-header-container {
		display: flex;
		align-items: center;
		justify-content: unset;
	}

}


/* .mdl-layout__drawer-button {
	z-index: 10000;
} */

/* Canada Post */
.pca .pcaautocomplete {
	z-index: 10000000000 !important;
}


/* Item page */
.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 2px solid lightgray;
  cursor: -moz-zoom-in; 
  cursor: -webkit-zoom-in; 
  cursor: zoom-in;
  /*Set the size of the magnifier glass:*/
  width: 500px;
  height: 500px;
  z-index: 10;
}

@media only screen and (max-width: 876px){
	.img-magnifier-glass {
		display: none;
	}
}

.responsiveImage {
	position: absolute;
	z-index: 0;
}

/* Backend Comments */
.mchn-messages-root {
	position: fixed;
	left: 50%;
	top: 10%;
	height: 100px;
	width: 500px;
	transform: translate(-50%, -50%);
	background-color: white;
	z-index: 10000;
	animation: fadeIn 1s;
	border-radius: 3px;
}

.mchn-messages-container {
	display: inline-flex;
	height: 100%;
	width: 100%;
	position: relative;
}

.mchn-messages-sideBar {
	width: 20px;
}

.mchn-messages-body {
	width: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	background-color: white;
}

@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
  
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@media only screen and (max-width: 876px){
	.mchn-messages-root {
		width: 90%;
		margin: 5px;
	}
}

/* code editor */

.CodeMirror {
	min-height: 650px !important;
}


.mchn-free-shipping-over {
	text-align: center;
}