/* CostCo Microsite Specific styles */
body {
	background:			white;
/* background: white url('/costco/_/images/temp.jpg') no-repeat top center; */
	margin:				0;
	padding:			0;
}

.costco em {
    font-style: italic;
}

.costco h1,.costco h2,.costco h3,.costco h4,.costco h5,.costco h6 {
    font-family: Maven Pro,helevetica,arial,sans-serif;
	font-size:		1em;
    font-weight: 600;
	line-height:	.75em;
	color:			#c9002d;
	letter-spacing: .045em;
    text-transform: none;
}
	.costco h1 { font-size: 2.5em; margin-bottom: 10px; }
	.costco h2 { font-size: 1.8em;	}
	.costco h3 { font-size: 1.5em;	}
	.costco h4 { font-size: 1.25em;	}
	.costco h6 { font-size: .75em;	}

p {
	margin-top: 0;
}

.costco header {
	height: 260px;
    border-bottom: unset;
}

.costco footer {
	padding-top: 0;
}

#Page {
	margin:				20px auto;
}
#OffsiteBanner {
	background-color:	white;
	border:				1px solid #d2d2d2;
	padding:			13px 19px;
	margin-bottom:		16px;
	font-size: 12px;
    font-family: Maven Pro,helevetica,arial,sans-serif;
    color: #2a2a2a;
}
	#OffsiteBanner strong {
		font-weight: 700;
	}
	#OffsiteBanner a {
		color:			#f36a24;
	}
#PageHead {
	font-family: Maven Pro,helevetica,arial,sans-serif;
	font-size:			1em;
	font-weight:		normal;
	line-height:		1.6em;
	color:				#757474;
	height:				73px;
	text-align:			center;
	vertical-align:		middle;
	display: flex;
	justify-content: space-between;
}
	#PageHead #LennoxLogo {
		float:			left;
	}
	#PageHead #CostcoLogo {
		float:			right;
		margin-top:		10px;
	}
	#PageHead span#TollFree {
		color:			#63849e;
		font-weight:	bolder;
	}

		#PageHead span#TollFree a {
			display: inline-block;
			color: #63849e;
		}

		#PageHead span#TollFree span {
			font-size: .75em;
		}
		
		#PageHead a.contact,
		#PageHead a:link.contact,
		#PageHead a:visited.contact,
		#PageHead p.contact {
			text-decoration: none;
			color: #757474;
			font-size: 16px;
			line-height: 1.7;
		}

		#PageHead span#TollFree a:hover {
			text-decoration:	underline;
			color:				#c9002d;
		}

#PageBody {
	position: relative;
	margin: 0 0 50px;
}
	#InnerBody {
		position:			relative;
		width: 960px;
		font-family: Maven Pro,helevetica,arial,sans-serif;
	}
	#InnerBody h1 {
		margin-top:			.8em;
	}
		#Introduction h1 {
			margin-bottom:		.5em;
		}
		#Introduction h2 {
			margin:			0 0 .35em 0;
			font-family: Maven Pro,helevetica,arial,sans-serif;
			letter-spacing:	-0.01em;
		}

		#Introduction p {
			line-height:	1.7em;
			font-family: Maven Pro,helevetica,arial,sans-serif;
		}
	#InnerBody ul {
		margin:				3em 1em 5em;
	}
		#InnerBody li {
			line-height:	1.75em;
			margin-bottom:	1em;
		}
	#InnerBody iframe {
		border: 0;
		margin-bottom: -40px;
	}
	#InnerBody #Footnotes {
		margin-top:			3.5em;
		font-size:			.9em;
	}
	#InnerBody .borderBox img {
		width: 100%;
		height: auto;
	}
	#InnerBody .hero {
		width: 100%;
	}

	#PageBody #ProductsMenu {
		float:						left;
		width:						220px;
		border:						1px solid white;
		}
		#MenuContainer {
			border:					4px solid #d8d7d8;
			background-color:		white;
			padding:				10px 6px;
		}
			#MenuContainer h2 {
				font-size:			2.15em;
				margin:				0 0 .6em 3px;
			}
			#MenuContainer ul {
				list-style-type:	none;
				margin: 			0;
				padding: 			0;
			}
			#MenuContainer li {
				font-family: Maven Pro,helevetica,arial,sans-serif;
				font-size:			1.2em;
				line-height:		31px;
				height:				29px;
				vertical-align:		middle;
				list-style-type:	none;
				padding-left:		3px;
				border-bottom:		1px solid #d8d7d8;
				margin-bottom:		0;
			}
				#MenuContainer li.first {
					padding-top:	0;
					height:			21px;
					line-height:	1em;
					vertical-align:	top;
				}
				#MenuContainer li.last {
					border-bottom:	0;
				}
				#MenuContainer li.selected {
					height: 		auto;
					padding-left:	0;
				}
			#MenuContainer a,
			#MenuContainer a:link,
			#MenuContainer a:visited {
				color:				#000;
				text-decoration:	none;
			}
			#MenuContainer a:hover {
				color:				#C60B46;
				text-decoration:	underline;
			}
			#MenuContainer li.selected a.mainCategory {
				display:			block;
				padding:			9px 5px 8px 7px;
			}
				#MenuContainer li.selected li {
					margin-left:	18px;
					padding-left:	4px;
				}
				#MenuContainer li.selected li.subCatName {
					font-family: Maven Pro,helevetica,arial,sans-serif;
					font-size:		.9em;
					margin-left:	0;
					padding-left:	5px;
					border-bottom:	0;
				}
				#MenuContainer li.selected li.subCatSpacer {
					border-bottom:	none;
					height:			6px;
				}

#PageHead .contact {
	width: auto;
	margin: 0px;
	float: none;
}

div.bottomShadow {
	width:				100%;
	height:				15px;
	background: 		white url('/costco/_/images/bottomShadow.png') no-repeat center center;
	background-size:	100% 100%;
}
div.borderBox {
	border:				4px solid #d8d7d8;
	background:			white;
	padding:			1px;
	overflow:			hidden;
	line-height:		0px;
}
div.reverseBorderBox {
	border:				1px solid white;
	background:			#d8d7d8;
	padding:			4px;
	overflow:			hidden;
	line-height:		0px;
}

img.right {
	float:				right;
}

hr {
	border:				0;
	border-bottom:		3px solid #d8d7d8;
	clear:				both;
	margin:				25px 0px;
}

.column {
	display:			inline-block;
	width:				288px;
	margin:				0 14px 0 0;
}
	.column.last {
		margin: 		0;
	}

a.button {
	display:			inline-block;
	border:				1px solid #d8d7d8;
	font-family: Maven Pro,helevetica,arial,sans-serif;
	font-size:			1.1em;
	letter-spacing:		0.02em;
	color:				#f36a24;
	text-decoration: 	none;
	padding:			11px 10px 7px;
	vertical-align:		middle;
}
	a.button img {
		vertical-align:	middle;
	}

a img {
	border-width:		0px;
}

.padLeft {
	padding-left:		15px;
}

.padRight {
	margin-right:		12px;
}
.floatLeft {
	float:				left;
}

.PrintTabs.Tabs {
	display:			none;
}

#ProductSelector {
	width:				768px;
	height:				1450px;
	overflow:			visible;
}

/* Resources Page */
#Resources table td {
	vertical-align:		top;
}
#Resources td h2 {
	margin-top:		.5em;
}
#Resources table {
	width: 100%;
}
.resources #Introduction {
	margin-bottom: 40px;
}
.resources h1 {
	font-size: 29px;
}
.resources h2 {
	font-size: 21px;
}
#Resources td p,#Resources td a,.resources p {
	font-size: 12px;
	font-family: Maven Pro,helevetica,arial,sans-serif;
}



.product-section #InnerBody {
	margin: 0 0 0 238px;
    width: 727px;
}

@media screen and (min-width: 1024px) {
	.costco header {
		height: 240px;
	}

	#PageHead {
		margin: 0 0 -50px 0;
	}

	#PageBody {
		margin: 270px 0 50px;
	}

	
	.product-section #InnerBody {
		margin: 0;
		width: 960px;
	}

	.product-section #ProductsMenu {
		display: none;
	}
}