/* ========================================================================================
Ellis Direct: Section Headers 
Version:2.1
Author: Raphael Marsh
Email: raphael@on-brand.co.uk
On Brand
Last Updated: Jan 2009
=========================================================================================== */


/* GENERIC HEADER RULES 
=========================================================================================== */
#introPanel {
	width:624px;
	border-bottom:#ffffff 2px solid;
}
	#introPanel h1 {
		color:#FFF;
		font-size:280%;
		font-weight:normal;
		padding-bottom:6px;
		text-transform:uppercase;
	}
	#introPanel p {
		font-size:120%;
		line-height:140%;
		color:#FFFFFF;
	}
	#introPanel ul {
		margin:20px 12px;
		font-size:120%;
		font-weight:bold;
	}
		#introPanel ul li {
			color:#FFF;
			line-height:140%;
			padding-left:11px;
			padding-bottom:3px;
			background:url(../images/headers/black-header-bullet.gif) 0 5px no-repeat;
		}
			#introPanel ul li a {
				color:#FFF;
				text-decoration:none;
			}
				#introPanel ul li a:hover {
					color:#FFF;
					text-decoration:underline;
				}
#introPanel .infoHolder {
	float:left;
	position:absolute;
	display:inline;
	width: 350px;
	margin:26px 0 0 12px;
}
#introPanel .manufacturer {
	float:left; position:absolute; display:block; margin-top:209px; border:none; width:624px;
}
	#introPanel .manufacturer img {
		border:none;
		margin:0;
	}
#introPanel .backLink {
	float:left; position:absolute; display:block; width: 500px;
	margin-left:12px; margin-top:180px;
}
	#introPanel .backLink p {
		color:#385492;
	}
		#introPanel .backLink p a {
			color:#385492; text-decoration:underline;
		}
			#introPanel .backLink p a:hover {
				color:#c62524; text-decoration:none;
			}


#introPanel img {
	float:right;
	border-left:#ffffff 2px solid;
}



/* TIER 2 HEADERS 
=========================================================================================== */
#introPanel .doorWindow { height:248px; background:#486176 url(../images/headers/doorWindow-header-bg.gif) top left repeat-x; }
#introPanel .doorWindow .infoHolder { margin:14px 0 0 12px; }
#introPanel .doorWindow ul li { background:url(../images/headers/doorWindow-header-bullet.gif) 0 5px no-repeat; }

#introPanel .cabinet { height:248px; background:#a84716 url(../images/headers/cabinet-header-bg.gif) top left repeat-x; }
#introPanel .cabinet .infoHolder { margin:14px 0 0 12px; }
#introPanel .cabinet ul li { background:url(../images/headers/cabinet-header-bullet.gif) 0 5px no-repeat; }

#introPanel .locks { height:248px; background:#d85a10 url(../images/headers/locks-header-bg.gif) top left repeat-x; }
#introPanel .locks ul li { background:url(../images/headers/locks-header-bullet.gif) 0 5px no-repeat; }

#introPanel .gate { height:248px; background:#893219 url(../images/headers/gate-header-bg.gif) top left repeat-x; }
#introPanel .gate img { float:left; border-right:#FFF 2px solid; border-left:0px; }
#introPanel .gate .infoHolder { margin:14px 0 0 12px; }
#introPanel .gate ul li { background:url(../images/headers/gate-header-bullet.gif) 0 5px no-repeat; }

#introPanel .bathroom { height:248px; background:#296aa3 url(../images/headers/bathroom-header-bg.gif) top left repeat-x; }
/*#introPanel .bathroom .infoHolder { margin:14px 0 0 12px; }*/
#introPanel .bathroom ul li { background:url(../images/headers/bathroom-header-bullet.gif) 0 5px no-repeat; }

#introPanel .electrical { height:248px; background:#2f2882 url(../images/headers/electrical-header-bg.gif) top left repeat-x; }
#introPanel .electrical ul li { background:url(../images/headers/electrical-header-bullet.gif) 0 5px no-repeat; }

#introPanel .fire { height:248px; background:#a90000 url(../images/headers/fire-header-bg.gif) top left repeat-x; }
#introPanel .fire .infoHolder { margin:14px 0 0 12px; }
#introPanel .fire ul li  { background:url(../images/headers/fire-header-bullet.gif) 0 5px no-repeat; }

#introPanel .fixings { height:248px; background:#009036 url(../images/headers/fixings-header-bg.gif) top left repeat-x; }
#introPanel .fixings img { float:left; border-right:#FFF 2px solid; border-left:0px; }
#introPanel .fixings ul li { background:url(../images/headers/fixings-header-bullet.gif) 0 5px no-repeat; }

#introPanel .power { height:248px; background:#085421 url(../images/headers/power-header-bg.gif) top left repeat-x; }
#introPanel .power img { float:left; border-right:#FFF 2px solid; border-left:0px; }
#introPanel .power ul li { background:url(../images/headers/power-header-bullet.gif) 0 5px no-repeat; }

#introPanel .hand { height:248px; background:#ba6907 url(../images/headers/hand-header-bg.gif) top left repeat-x; }
#introPanel .hand ul li { background:url(../images/headers/hand-header-bullet.gif) 0 5px no-repeat; }

#introPanel .workwear { height:248px; background:#556d00 url(../images/headers/workwear-header-bg.gif) top left repeat-x; }
#introPanel .workwear img { float:left; border-right:#FFF 2px solid; border-left:0px; }
#introPanel .workwear ul li { background:url(../images/headers/workwear-header-bullet.gif) 0 5px no-repeat; }

#introPanel .curtain { height:248px; background:#1c457d url(../images/headers/curtain-header-bg.gif) top left repeat-x; }
#introPanel .curtain .infoHolder { margin:14px 0 0 12px; }
#introPanel .curtain img { float:left; border-right:#FFF 2px solid; border-left:0px; }
#introPanel .curtain ul li { background:url(../images/headers/curtain-header-bullet.gif) 0 5px no-repeat; }

#introPanel .locksmith { height:248px; background:#00765d url(../images/headers/locksmith-header-bg.gif) top left repeat-x; }
#introPanel .locksmith img { float:left; border-right:#FFF 2px solid; border-left:0px; }
#introPanel .locksmith ul li { background:url(../images/headers/locksmith-header-bullet.gif) 0 5px no-repeat; }

#introPanel .adhesives { height:248px; background:#910d57 url(../images/headers/adhesives-header-bg.gif) top left repeat-x; }
#introPanel .adhesives .infoHolder { margin:14px 0 0 12px; }
#introPanel .adhesives ul li  { background:url(../images/headers/adhesives-header-bullet.gif) 0 5px no-repeat; }


/* TIER 2 - FEATURE PANELS 
=========================================================================================== */
.introFeature {
	float:left;
	width:312px;
	height:129px;
	background:#d7d7d7;
    display:block;
    border-top:#FFF 2px solid;
}
.introFeature img {
	float:left !important;
	margin-right:8px;
}
.introFeature-spacer {
	padding:8px 8px 8px 0;
}
.introFeature h2 {
	font-size:120%; color:#2f2c1f; line-height:130%; margin-bottom:4px;
}
.introFeature h2 a {
	color:#2f2c1f; text-decoration:none;
}
.introFeature h2 a:hover {
	text-decoration:underline;
}
.introFeature p {
	color:#2f2c1f; line-height:130%;
}
.introFeature p a {
	color:#2f2c1f; text-decoration:none;
}
.introFeature p a:hover {
	text-decoration:underline;
}
.introFeature.WWS {
	background:#c1d08f;
}

/* TIER 3 - HEADERS 
=========================================================================================== */
#introPanel .category { height:210px; background:#ffffff url(../images/headers/category-header-bg.gif) top left repeat-x; }
#introPanel .category h1 { color:#333; font-size:230%; font-weight:bold; text-transform:none; }
#introPanel .category p { color:#333; }
#introPanel .category img { border:none; }
#introPanel .category .infoHolder { margin:14px 0 0 12px; width: 325px; }


/* TIER 3 - OFFER PANELS 
=========================================================================================== */
.introOffer {
	width:624px;
	height:53px;
	border-bottom:#FFFFFF 2px solid;
}
.introOffer a {
	width:624px;
	height:53px;
	display:block;
}
.introOffer.WWS {
	background:url(../images/headers/workwear-specialoffer-panel.jpg) top left no-repeat;
}
.introOffer.WWS a {
	height:53px;
}

.introOffer.FIX {
	background:url(../images/headers/fixings-specialoffer-panel.jpg) top left no-repeat;
}
.introOffer.FIX a {
	height:53px;
}
.introOffer.ADH {
	background:url(../images/headers/adhesives-specialoffer-panel.gif) top left no-repeat;
}
.introOffer.ADH a {
	height:53px;
}
.introOffer.BAT {
	background:url(../images/headers/bathrooms-specialoffer-panel.jpg) top left no-repeat;
}
.introOffer.BAT a {
	height:53px;
}
.introOffer.FIR {
	background:url(../images/headers/fire-specialoffer-panel.jpg) top left no-repeat;
}
.introOffer.FIR a {
	height:53px;
}
.introOffer.DAW {
	background:url(../images/headers/door-specialoffer-panel.gif) top left no-repeat;
}
.introOffer.DAW a {
	height:53px;
}