#primary-content {

	1font-family: 'Arial', sans-serif;/* The design for the Boiler Shop page uses Arial. Remove this rule if you'd rather stick to Verdana like the rest of the site. */

}



/* grid */



.span-1 {

	width: 228px;

}



.span-2 {

	width: 474px;

}



.span-3 {

	width: 720px;

}



/* End grid */







/* clearing */



.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}



.clear{display:inline-table;}

/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */



.clearFix {

	clear:both;

	height:1px;

	overflow:hidden;

}



/* end clearing */







/* hero */



#primary-content .hero {

	float: left;

	background-color: transparent;

	background-position: 0 0;

	background-repeat: no-repeat;

	min-height: 80px;

	position: relative;

	padding: 15px 0 0 0;

}

	

	#primary-content .hero .content {

		background: transparent url(/images/boilershop/fc/bg_hero_content.gif) right 0 no-repeat;

		color: #fff;

		width: 317px;

		min-height: 28px;

		padding: 5px 30px 0 10px;

		margin: 0;

	}

	

	#primary-content .hero .content h1,

	#primary-content .hero .content .h1{

		color: #fff;

		font-size: 1.9em;

		font-weight: normal;

		line-height:1.1em

	}

	

	

	

	

	#primary-content .hero .content p {

		color: #fff;

		margin: 0;padding:0;

		font-size:1.2em;

		display:block;

		position:relative;

		top:-10px

	}





/* End hero */





#primary-content .m-panel-additional-red {

	float: right;

	background: transparent url(/images/boilershop/fc/bg_m_panel_additional_red_sides_228.gif) 0 0 repeat-y;

	margin: 0 0 1em 0;

}



#primary-content .m-panel-additional-red .top {

	background: transparent url(/images/boilershop/fc/bg_m_panel_additional_red_top_228.gif) 0 0 no-repeat;

	padding-top: 3px;

}



#primary-content .m-panel-additional-red .bottom {

	background: transparent url(/images/boilershop/fc/bg_m_panel_additional_red_bottom_228.gif) 0 100% no-repeat;

	padding-bottom: 4px;

}



#primary-content .m-panel-additional-red .m-content {

	background: #f5f5f5 url(/images/boilershop/fc/bg_m_panel_additional_red_content.gif) center top repeat-x;

	margin: 0 1px;

}



#primary-content .m-panel-additional-red .m-content .m-header {

	background: #570166 url(/images/boilershop/fc/bg_m_panel_additional_red_header.gif) left top repeat-x;

	color: #fff;

	min-height: 32px;/* See also ie6.css */

	padding: 0 10px 2px;

}



	#primary-content .m-panel-additional-red .m-content .m-header h2 {

		min-height: 30px;

		margin-bottom: 0;

		padding-left: 35px;

		background: url(/images/boilershop/fc/icon-phone-red.gif) left top no-repeat;

		color: #fff;

		font-size: 1.583em/* 19px */;

		font-weight: bold;

		padding:5px 0 0 35px;

	}



#primary-content .m-panel-additional-red .m-content .padding {

	padding: 2px 10px 2px 14px;

}



	#primary-content .m-panel-additional-red .m-content .padding h3 {

		margin: 1px 0;

		color: #d2006d;

		font-size: 1.167em/* 14px */;

	}

	

	#primary-content .m-panel-additional-red .m-content .padding p,

	#primary-content .m-panel-additional-red .m-content .padding li {

		margin-bottom: 0;

		font-size:0.9em;

		line-height:1.3em;

		color:#333;

	}







/* Rollover Questions: non-JavaScript version */

#primary-content .popup-questions h2 {

	color: #00195d;

	font-size: 1.5em/* 18px */;

	display:block;

	padding:15px 0 0 15px;

	margin:0;

}



#primary-content .popup-questions p.js-title-action{padding:0 0 30px 15px;margin:0}





#primary-content .popup-questions li {

	padding-left: 75px;

}



	#primary-content .popup-questions li h3 {

		float: left;

		width: 75px;

		margin-left: -75px;/* See also ie6.css */

		color: #00195d;

		font-size: 1.25em/* 15px */;

		text-align: center;

	}

	

	#primary-content .popup-questions li h4 {

		color: #7db800;

		font-size: 1em/* 12px */;

		font-weight: bold;

	}	



/* Rollover Questions: JavaScript version */



#primary-content .popup-questions-js {

	padding-bottom: 5em;/* Keeps enough space for hovering elements that overflow, as #primary-content has overflow: hidden set on it. */

}



	#primary-content .popup-questions-js ul {

		position:relative;

		height: 317px;

		overflow: visible;

		padding: 20px 20px 0;

		background: url(/images/boilershop/fc/popup-questions-house.gif) 179px 0 no-repeat;

		}

	

		#primary-content .popup-questions-js li {

			padding-left: 0;

		}

		

			#primary-content .popup-questions-js li h3 {

				float: none;

				position: absolute; /*See also ie6.css */

				cursor: pointer;

				margin-left: 0;

				background-position: left top;

				background-repeat: no-repeat;

			}

		

				#primary-content .popup-questions-js li h3 img {

					display: none;

				}

		

				#primary-content .popup-questions-js li h3 .line {

					display: none;

					position: absolute;

					background-position: left top;

					background-repeat: no-repeat;

				}

				

				#primary-content .popup-questions-js li h3.hovered .line,

				#primary-content .popup-questions-js li h3.active .line {

					display: block;

				}

		

			#primary-content .popup-questions-js li .popup-questions-info {

				display: none;

				position: absolute;

				width: 196px;

				padding-top: 4px;

				background: url(/images/boilershop/fc/bg-popup-questions-top.png) left top no-repeat;

			}

			

			#primary-content .popup-questions-js li.active .popup-questions-info {

				display: block;

			}

		

				#primary-content .popup-questions-js li .popup-questions-info-bottom {/* See also ie6.css */

					padding: 6px 30px 15px 15px;

					background: url(/images/boilershop/fc/bg-popup-questions-bottom.png) left bottom no-repeat;

				}

				*html #primary-content .popup-questions-js li .popup-questions-info-bottom {

					background-image: url(/images/boilershop/fc/bg-popup-questions-bottom.gif);

				}



				

				#primary-content .popup-questions-js li .close-icon {

					position: absolute;

					top: 5px;

					right: 12px;

					cursor: pointer;

				}

		

				#primary-content .popup-questions-js li p {

					margin-bottom: 0;

					font-size: .916em/* 11px */ !important;

				}

		

		

		



		

		

		

		

		

			/* one (Quotes) */

			#primary-content .popup-questions-js li.one h3 {

				top: 22px;

				left: 117px;

				width: 42px;

				height: 67px;

				background-image: url(/images/boilershop/fc/popup-questions-icon-quotes.gif);

			}



			#primary-content .popup-questions-js li.one h3.hovered,

			#primary-content .popup-questions-js li.one h3.active {

				background-image: url(/images/boilershop/fc/popup-questions-icon-quotes-hover.gif);

			}



			#primary-content .popup-questions-js li.one h3.hovered .line,

			#primary-content .popup-questions-js li.one h3.active .line {

				width: 103px;

				height: 4px;

				top: 29px;

				left: 62px;

				background-image: url(/images/boilershop/fc/popup-questions-line-1.gif);

			}

		

			#primary-content .popup-questions-js li.one .popup-questions-info {

				top: 95px;

				left: 35px;

				z-index: 8;

			}

		

			/* two (Safety) */

			#primary-content .popup-questions-js li.two h3 {

				top: 121px;

				left: 123px;

				width: 60px;

				height: 86px;

				background-image: url(/images/boilershop/fc/popup-questions-icon-safety.gif);

			}



			#primary-content .popup-questions-js li.two h3.hovered,

			#primary-content .popup-questions-js li.two h3.active {

				background-image: url(/images/boilershop/fc/popup-questions-icon-safety-hover.gif);

			}



			#primary-content .popup-questions-js li.two h3.hovered .line,

			#primary-content .popup-questions-js li.two h3.active .line {

				width: 83px;

				height: 51px;

				top: -28px;

				left: 79px;

				background-image: url(/images/boilershop/fc/popup-questions-line-2.gif);

			}

		

			#primary-content .popup-questions-js li.two .popup-questions-info {

				top: 206px;

				left: 119px;

				z-index: 9;

				position:absolute

			}

		

			/* three (Efficiency) */

			#primary-content .popup-questions-js li.three h3 {

				top: 199px;

				left: 215px;

				width: 64px;

				height: 103px;

				background-image: url(/images/boilershop/fc/popup-questions-icon-efficiency.gif);

			}



			#primary-content .popup-questions-js li.three h3.hovered,

			#primary-content .popup-questions-js li.three h3.active {

				background-image: url(/images/boilershop/fc/popup-questions-icon-efficiency-hover.gif);

			}



			#primary-content .popup-questions-js li.three h3.hovered .line,

			#primary-content .popup-questions-js li.three h3.active .line {

				width: 48px;

				height: 78px;

				top: -68px;

				left: 51px;

				background-image: url(/images/boilershop/fc/popup-questions-line-3.gif);

			}

		

			#primary-content .popup-questions-js li.three .popup-questions-info {

				bottom: 20px;

				left: 20px;

				z-index: 10;

			}

		

			/* four (Boilers) */

			#primary-content .popup-questions-js li.four h3 {

				top: 243px;

				left: 337px;

				width: 44px;

				height: 87px;

				background-image: url(/images/boilershop/fc/popup-questions-icon-boilers.gif);

			}



			#primary-content .popup-questions-js li.four h3.hovered,

			#primary-content .popup-questions-js li.four h3.active {

				background-image: url(/images/boilershop/fc/popup-questions-icon-boilers-hover.gif);

			}



			#primary-content .popup-questions-js li.four h3.hovered .line,

			#primary-content .popup-questions-js li.four h3.active .line {

				width: 5px;

				height: 85px;

				top: -96px;

				left: 18px;

				background-image: url(/images/boilershop/fc/popup-questions-line-4.gif);

			}

		

			#primary-content .popup-questions-js li.four .popup-questions-info {

				bottom: -10px;/* See also ie7.css */

				left: 390px;

				z-index: 11;

			}

		

			/* five (Aftercare) */

			#primary-content .popup-questions-js li.five h3 {

				top: 220px;

				left: 441px;

				z-index: 5;

				width: 61px;

				height: 89px;

				background-image: url(/images/boilershop/fc/popup-questions-icon-aftercare.gif);

			}



			#primary-content .popup-questions-js li.five h3.hovered,

			#primary-content .popup-questions-js li.five h3.active {

				background-image: url(/images/boilershop/fc/popup-questions-icon-aftercare-hover.gif);

			}



			#primary-content .popup-questions-js li.five h3.hovered .line,

			#primary-content .popup-questions-js li.five h3.active .line {

				width: 48px;

				height: 78px;

				top: -89px;

				left: -40px;

				background-image: url(/images/boilershop/fc/popup-questions-line-5.gif);

			}

		

			#primary-content .popup-questions-js li.five .popup-questions-info {

				bottom: 20px;/* See also ie7.css */

				left: 515px;

				z-index: 12;

			}

		

			/* six (Protection) */

			#primary-content .popup-questions-js li.six h3 {

				top: 126px;

				left: 525px;

				z-index: 6;

				width: 65px;

				height: 91px;

				background-image: url(/images/boilershop/fc/popup-questions-icon-protection.gif);

			}



			#primary-content .popup-questions-js li.six h3.hovered,

			#primary-content .popup-questions-js li.six h3.active {

				background-image: url(/images/boilershop/fc/popup-questions-icon-protection-hover.gif);

			}



			#primary-content .popup-questions-js li.six h3.hovered .line,

			#primary-content .popup-questions-js li.six h3.active .line {

				width: 85px;

				height: 52px;

				top: -33px;

				left: -95px;

				background-image: url(/images/boilershop/fc/popup-questions-line-6.gif);

			}

		

			#primary-content .popup-questions-js li.six .popup-questions-info {

				top: 150px;

				left: 330px;

				z-index: 13;

			}

		

			/* seven (Payment) */

			#primary-content .popup-questions-js li.seven h3 {

				top: 17px;

				left: 555px;

				z-index: 7;

				width: 60px;

				height: 88px;

				background-image: url(/images/boilershop/fc/popup-questions-icon-payment.gif);

			}



			#primary-content .popup-questions-js li.seven h3.hovered,

			#primary-content .popup-questions-js li.seven h3.active {

				background-image: url(/images/boilershop/fc/popup-questions-icon-payment-hover.gif);

			}



			#primary-content .popup-questions-js li.seven h3.hovered .line,

			#primary-content .popup-questions-js li.seven h3.active .line {

				width: 102px;

				height: 4px;

				top: 34px;

				left: -121px;

				background-image: url(/images/boilershop/fc/popup-questions-line-1.gif);

			}

		

			#primary-content .popup-questions-js li.seven .popup-questions-info {

				top: 95px;

				right: 90px;

				z-index: 14;

			}



/* m-panel */

#primary-content .m-panel-wide {

	background:transparent url(/images/boilershop/fc/bg_m_panel_wide_720.gif) repeat-y scroll 0 0;

	width:720px;

	margin-top: 14px;

}



#primary-content .m-panel-wide .top {

	background:transparent url(/images/boilershop/fc/bg_m_panel_wide_top_720.gif) no-repeat scroll 0 0;

}



#primary-content .m-panel-wide .bottom {

	padding: 0 1px 4px;

	background:transparent url(/images/boilershop/fc/bg_m_panel_wide_bottom_720.gif) no-repeat scroll left bottom;

}



#primary-content .m-panel-wide .grey .bottom {

	background:transparent url(/images/boilershop/fc/bg_m_panel_wide_grey_bottom_720.gif) no-repeat scroll left bottom;

}



#primary-content .m-panel-wide .grey .m-content {

	background:transparent url(/images/boilershop/fc/bg_m_panel_content.gif) repeat-x scroll 0 100%;

	font-weight:bold;

	margin:0 1px;

}



	#primary-content .m-panel-wide .call-experts{position:relative}



	#primary-content .m-panel-wide .call-experts .m-content p {

		margin: .5em 0;

		font-size: 1.5em/* 18px */;

	}



		#primary-content .m-panel-wide .call-experts .m-content p em {

			color: #d2006d;

			font-weight: bold;

			font-style: normal;

		}



#primary-content .m-panel-wide .did-you-know .m-content {

	padding: 10px 45px 6px;

}



	#primary-content .m-panel-wide .did-you-know .m-content h2 {

		position: absolute;

		margin: -30px 0 0 -78px;

		display:block;

		background:transparent url(/images/boilershop/fc/did-you-know.gif) no-repeat scroll 0 0;

		width:80px;height:50px;

		padding:4px 0 0 10px;

		line-height:14px;

		color:#fff

	}



	#primary-content .m-panel-wide .did-you-know .m-content p {

		margin-bottom: 0;

	}



#primary-content .m-panel-wide .blue .top {

	padding-top: 4px;

	background:transparent url(/images/boilershop/fc/bg_m_panel_wide_blue_top_720.gif) no-repeat scroll 0 0;

}



#primary-content .m-panel-wide .blue .bottom {

	padding-bottom: 4px;

	background:transparent url(/images/boilershop/fc/bg_m_panel_wide_blue_bottom_720.gif) no-repeat scroll left bottom;

}



#primary-content .m-panel-wide .blue .m-content {

	background:#CCE4F5 url(/images/boilershop/fc/bg_m_panel_wide_blue_content.gif) repeat-x scroll center top;

	margin: 0 1px;

}



#primary-content .m-panel-wide .blue .m-content .padding {

	padding: 6px 16px;

}



#primary-content .popup-questions-js li sup{font-size:0.6em}









/* S: James fixes */

#primary-content .z-index-fix-1{position:relative;z-index:3000}

/*

#primary-content .z-index-fix-2{position:relative;z-index:2000}

#primary-content .z-index-fix-3{position:relative;z-index:2000}

*/



/* E: James fixes*/







/* Er... */