/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background:url(../../images/layout/mainBgtopNavigation.jpg) top left repeat-x;
	margin: 0px;
}

body#index {background: url(../../images/layout/mainBg.jpg) top left repeat-x #D2D0D1;}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1 {
	font-size: 2.0em;
	color: #000;
}
	
h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #333;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #666;
}


/* Custom Header Styles
--------------------------------------------------------------- */

.fireServices h1 {
	background: #f3f3f3;
	border:1px solid #d6d5d5;
	border-bottom:none;
	position:relative;
	display:inline;
	padding:5px 30px 0px 30px
	}
	
	.fireServices h1 span {color: #d50000;}

/* Container Styles
--------------------------------------------------------------- */

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

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;		
		padding-top:474px;		
	}	
	
	#contentContainerInner {
		float:left;
		position:relative;
		width:960px;
		padding:0px;
		margin:0px;		
		background:url(../../images/layout/contentContainerBgTopNav.png) top left repeat-y;
		}
		
/* Custom Container Styles
--------------------------------------------------------------- */		
		
#index #contentContainer {padding-top:524px;}		
#index #contentContainerInner {background:url(../../images/layout/contentContainerBg.png) top left repeat-y;}	

.fireServices #contentContainer {padding-top: 224px;}
.fireServices #contentContainerInner {background:url(../../images/layout/fireServicesContentContainerBg.png) top left repeat-y; }	
	
	
/* Main Styles
--------------------------------------------------------------- */	

		#main {
			float: left;
			width: 550px;
			padding: 10px 10px 10px 20px;
			margin:20px 0px 0px 20px;
			display:inline;
			border: 1px solid #e7e7e7;
		}
		
			#main p {
				margin: 10px 0px 10px 0px;
				font-size: 1.0em;
				line-height: 1.5em;
			}
			
			#main ul {
				padding: 3px 0px 3px 0px;
				line-height:1.5em;
				list-style:none;
			}
			
				#main ul li {
					padding: 10px 0px 10px 45px;
					background: url(../../images/misc/extinguisher.jpg) left center no-repeat;
				}
				
			#fire-alarm-systems #main ul li {
				background: url(../../images/misc/fireAlarmListBg.jpg) left center no-repeat;
				padding-left: 40px;
			}
			
			#main ul.tickList {
				padding:3px 0px 3px 15px;
				}
					
			#main ul.tickList li {
				padding: 4px 0px 4px 30px;
				background: url(../../images/misc/tick.jpg) left center no-repeat;
				color: #d50000;
				font-weight:bold;
			}
				
			#main ul.mainServices {
				padding:0px;
				margin:0px;
				}
				
				#main ul.mainServices li {
					float:left;
					display:inline;
					width:192px;
					height:96px;
					padding:20px 0px 0px 95px;
					margin:0px 0px 15px 15px;
					list-style:none;
					background:none;
					font-size:1.3em;
					font-weight:bold;
					color: #d40000;
					}
					
					#main ul.mainServices li.fireAlarms {
						background:url(../../images/layout/mainServiceFireAlarms.jpg) top left no-repeat;}
					#main ul.mainServices li.riskAssessment {
						background:url(../../images/layout/mainServiceRiskAssessment.jpg) top left no-repeat;}
					#main ul.mainServices li.fireSafetyTraining {
						background:url(../../images/layout/mainServiceFireSafetyTraining.jpg) top left no-repeat;}
					#main ul.mainServices li.fireExtinguishers {
						background: url(../../images/layout/mainServiceFireExtinguishers.jpg) top left no-repeat;}
					
					
					#main ul.mainServices li a {
						display:block;
						padding:2px 0px 2px 0px;
						margin:0px;
						font-size:0.8em;
						font-weight:normal;
						color: #000;					
						}
						
						#main ul.mainServices li a:hover {text-decoration:none;}
							
#main p.padded {padding:8px 0px 10px 0px;}						
#main a.clientName {
	float:left;
	padding:9px 10px 0px 15px;
	margin:0px;
	background:url(../../images/layout/clientNameBg.jpg) top left no-repeat;
	width:150px;
	height:27px;
	font-weight:bold;
	font-size:1.1em;
	color: #ed2327;
	text-decoration:none;
	}	
	
	#main a.clientName:hover {text-decoration:underline;}		
		
#case-studies #main p a {
	font-weight:bold;
	font-size:1.1em;
	color: #ed2327;
	}
	
#index #contentContainerInner #beatAnyQuoteCta,
#about #contentContainerInner #beatAnyQuoteCta,
#news #contentContainerInner #beatAnyQuoteCta,
#contact #contentContainerInner #beatAnyQuoteCta,
#case-studies #contentContainerInner #beatAnyQuoteCta {display:none;}	
#contentContainerInner #beatAnyQuoteCta {
	position:absolute;
	top:10px;
	left:545px;
	width: 415px;
	}	
	
	#contentContainerInner #beatAnyQuoteCta p{
		font-weight:bold;
		font-size:2.1em;
		color: #d50000;
		letter-spacing: -1px;
		text-align: right;
		padding: 0px 25px 0px 0px;
		}
		
#default #beatAnyQuoteCta,
#default .sidebarImage {display:none;}		

	#contact #main .telephone {
		background: #D50000;
		padding: 12px;
		color: #fff;
		font-size: 1.3em;
		border-radius: 10px;
	}
	
		#contact #main .telephone span {
			font-weight: bold;
			font-size: 1.4em;
		}
		
		
/* Index Option Styles
--------------------------------------------------------------- */	

ul.indexOptions {
	float:left;
	position:relative;
	left:11px;
	width:919px;
	margin:10px 0px 0px 0px;
	padding:10px;
	background:url(../../images/layout/indexOptionsBg.jpg) top left repeat-x #d9d9d9;
}

	ul.indexOptions li {
		float:left;
		list-style:none;
		width:305px;
		height:130px;
		padding:0px 0px 10px 0px;
		margin:10px 0px;
		border-right:1px solid #bfbfbf;
	}
	
		ul.indexOptions li span a {
			display:block;
			padding:5px 10px 0px 100px;
			color: #d40000;
			font-weight:bold;
			font-size:1.3em;
			text-decoration: none;
		}
		
			ul.indexOptions li span a:hover {
				text-decoration: underline;
			}
		
		ul.indexOptions li ul {
			padding:5px 0px 0px 120px;
			margin:0px;
			width:100px;
		}
		
			ul.indexOptions li ul li {
				padding:1px 0px;
				margin:0px;
				height:auto;
				width:170px;
				border:none;
				font-size:0.9em;
				color: #333;
				list-style:disc;
				}
		
		ul.indexOptions li.noBorderRight {border-right:none;}		
		
		ul.indexOptions li.fire-alarms {background:url(../../images/layout/indexFireAlarmsBg.jpg) 15px 10px no-repeat;}
		ul.indexOptions li.fire-alarm-systems {background:url(../../images/layout/indexFireAlarmSystemsBg.jpg) 15px 10px no-repeat;}
		ul.indexOptions li.fire-safety-training {background:url(../../images/layout/indexFireSafetyTrainingBg.jpg) 15px 10px no-repeat;}
		ul.indexOptions li.fire-extinguishers {background:url(../../images/layout/indexFireExtinguishersBg.jpg) 15px 10px no-repeat;}
		ul.indexOptions li.fire-safety-equipment {background:url(../../images/layout/indexFireSafetyEquipmentBg.jpg) 15px 10px no-repeat;}
		ul.indexOptions li.risk-assessment {background:url(../../images/layout/indexRiskAssessmentBg.jpg) 15px 10px no-repeat;}
		
							
/* Custom Main Styles
--------------------------------------------------------------- */
#index #main {
	border:none;
	padding:10px 10px 10px 20px;
	margin:0px;
	width:610px;
	}
		
.fireServices #main {
	border:none;
	padding:0px 10px 10px 0px;
	width:917px;
	}

.fireServices #main #fireSelect {
	display:block;
	position:relative;
	margin:0px;
	background: #f3f3f3;
	border:1px solid #d6d5d5;
	border-top:none;
	padding:6px 6px 6px 6px;
	}
		
	.fireServices #main #fireSelect ul.mainOptions {
		position:absolute;
		top:20px;
		left:27px;		
		z-index:10;
		}
		
	* html .fireServices #main #fireSelect ul.mainOptions {left:21px;}	
		
		.fireServices #main #fireSelect ul.mainOptions li {
			display:block;
			padding:0px;
			margin:0px;
			list-style:none;
			background:none;
			}				
			
			.fireServices #main #fireSelect ul.mainOptions li a {
				display:inline-block;
				width:301px;
				height:46px;
				background:url(../../images/layout/fireServicesBucket.jpg) top left no-repeat;
				color: #000;
				font-weight:bold;
				font-size:1.3em;
				text-decoration:none;
				letter-spacing:-1px;
				padding:25px 0px 0px 20px;
				margin:0px 0px 4px 0px;				
				}	
				
				.fireServices #main #fireSelect ul.mainOptions li a:hover {
					background:url(../../images/layout/fireServicesBucketSelected.jpg) top left no-repeat;
					color: #fff;
					}
					
				#fire-extinguishers #main #fireSelect ul.mainOptions li a:hover {
					background:url(../../images/layout/fireServicesBucketSelected2.jpg) top left no-repeat;
					color: #fff;
					cursor: arrow;
				}
				
	.fireServices #main #fireSelect #optionsContainer {
		float:right;
		width:595px;
		position:relative;		
		padding:0px;
		margin:0px;
		background:url(../../images/layout/extinguishersProductsBackgroundrpt.jpg) top left repeat-y;
		}
		
		#fireSelect #optionsContainer img.main {
			float:right;
			padding:0px 11px 0px 0px;
			margin:0px;
			}
			
			#fireSelect #optionsContainer ul {
				position:absolute;
				top:15px;
				left:20px;
				z-index:11;
				}
				
				#fireSelect #optionsContainer ul li {
					list-style:none;
					padding:0px;
					margin:0px;
					background:none;
					}
					
					#fireSelect #optionsContainer ul li a {
						display:inline-block;
						padding:13px 0px 0px 10px;
						margin:7px 0px 7px 0px;
						background:url(../../images/layout/fireServicesOptionsBg.jpg) top left no-repeat;
						width:172px;
						height:29px;
						text-decoration:none;
						color: #000;
						font-size:1.2em;
						font-weight:bold;
						}
						
						#fireSelect #optionsContainer ul li a:hover {background-position: 0px -42px; color: #fff;}					
						
		#fireSelect #optionsContainer a.quote {
			position:absolute;
			display:block;
			top:261px;
			left:430px;
			padding:8px 28px 0px 20px;
			width:92px;
			height:22px;
			font-size:1.2em;
			color: #fff;
			text-decoration:none;
			font-weight:bold;
			}
			
			#fireSelect #optionsContainer a.quote:hover {color: #000;}			
			
			#fireSelect #optionsContainer .product {
				float:left;
				padding:0px;
				margin:0px;
				}
			
			#optionsContainer .product .contentLeft {
				float:left;
				width:200px;
				padding:20px 0px 0px 15px;
				margin:0px;
				}
				
				#optionsContainer .product .contentLeft h2 {
					display:block;
					color: #d50000;
					font-size:1.3em;
					font-weight:bold;
					padding:0px 0px 0px 10px;
					}
					
				.cta-free-quotes {
					float: left;
					width: 150px;
					padding: 10px;
					margin: 20px 0px 0px 0px;
					border: 1px dotted #ddd;
					background: #fafafa;
					position: relative;
				}
				
					.cta-free-quotes p {
						font-size: 1.0em !important;
						font-weight: bold;
						text-align: center;
					}
					
						.cta-free-quotes p span {
							color: #D50000;
							font-size: 1.3em;
						}
						
					/*for iPad*/
					#contentRight .cta-free-quotes p span a {
						background: none !important;
						font-size: 1.0em !important;
						color: #D50000 !important;
						padding: 0 !important;
						margin: 0 !important;	
						text-align: center !important;			
						display: inline !important;	
						margin: -2px 50px 0 -75px !important;	
					}	
						
				.contentRight .cta-free-quotes,
				#contentCenter .cta-free-quotes {
					width: 345px;
					padding: 0px;
				}
				
				#contentCenter .cta-free-quotes {
					width: 298px;
				}
				
				#about #main .cta-free-quotes {
					width: 518px;
				}
				
					#about #main .cta-free-quotes p {
						font-size: 1.8em !important;
						padding: 0px;
					}
				
				#contentRight .cta-free-quotes {
					width: 280px;
					margin:0px;
					padding: 0px;
				}
				
					.contentRight .cta-free-quotes p,
					#contentCenter .cta-free-quotes p {
						font-size: 1.4em !important;
						line-height: 1.2em;	
						color: #555;					
					}
					
				#optionsContainer .product .contentLeft .greyBoxes {
					float:left;
					padding:0px 10px 0px 10px;
					margin:10px 0px 10px 0px;
					width:170px;
					}
					
					#fireSelectInner #contentLeft .greyBoxes h2 a,
					#optionsContainer .product .contentLeft .greyBoxes h2 a {
						font-size:0.9em;
						text-decoration:none;
						color: #D50000;
					}
					
						#fireSelectInner #contentLeft .greyBoxes h2 a:hover,
						#optionsContainer .product .contentLeft .greyBoxes h2 a:hover {
							text-decoration:underline;
						}
					
					
					#fireSelect #optionsContainer .product .contentLeft .greyBoxes ul {
						float:left;
						padding:0px 10px 0px 10px;
						margin:0px;
						width:160px;
						position:relative;
						top:0px;
						left:0px;
						}
						
						#fireSelect #optionsContainer .product .contentLeft .greyBoxes ul li {
							list-style:disc;
							padding:3px 0px 3px 0px;
							}
						
						
						#optionsContainer .product .contentLeft .greyBoxes h2 {font-size:1.2em; padding:0px;}				
						
						#optionsContainer .product .contentLeft .greyBoxes p {
							padding:0px;
							margin:0px;
							font-size:1.0em;
							line-height:20px;
							}
							
				#optionsContainer .product .contentRight {
					float:left;
					width:350px;
					padding:0px 10px 30px 10px;
					}		
					
					#fireSelect #optionsContainer .product .contentRight ul {
						position:relative;
						top:0px;
						left:0px;
						}	
						
						#fireSelect #optionsContainer .product .contentRight ul li {
							padding:3px 0px 3px 30px;
							line-height:1.5em;
							background:url(../../images/misc/tick.jpg) center left no-repeat;
							}
							
				#fireSelect #optionsContainer .product .contentRight img.main {
					display:block;
					float:none;
					padding:0px 0px 0px 50px;
					margin:0px;
					}
					
#optionsContainer #co2Extinguishers,
#optionsContainer #foamExtinguishers,
#optionsContainer #powderExtinguishers,
#optionsContainer #wetChemicalExtinguishers,
#optionsContainer #automaticExtinguishers,
#optionsContainer #serviceMaintenance {display:block;}

#optionsContainer #conventionalSystems,
#optionsContainer #wirelessSystems,
#optionsContainer #radioSystems,
#optionsContainer #vesdaSystems,
#optionsContainer #fireAlarmRepair,
#optionsContainer #fireAlarmServicing,
#optionsContainer #fireAlarmMaintenanceContracts,
ul#fireAlarmMaintenanceOptions,
ul#installationCommissioningOptions,
img.fireAlarmMaintenance,
img.fireAlarmInstallation {display:none;}	

#fireSelect img.topBg {padding:0px; margin:0px; float:left;}

#risk-assessment #fireSelectInner,
#fire-alarm-installation-commissioning #fireSelectInner,
#fire-alarm-systems #fireSelectInner {
	background:url(../../images/layout/fireServicesInnerbg2.jpg) top left repeat-y;}
	
#fireSelectInner {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:902px;
	background:url(../../images/layout/fireServicesInnerbg.jpg) top left repeat-y;
	}		
	
	#fireSelectInner #contentLeft {
		float:left;
		width:200px;
		padding:20px 0px 0px 15px;
		}
		
		#fireSelectInner #contentLeft p {
			padding:0px 10px 0px 10px;
		}
		
		#fireSelectInner #contentLeft h2 {
			color: #d50000;
			font-size:1.3em;
			font-weight:bold;
			padding:0px 0px 0px 10px;
			}
			
		#fireSelectInner #contentLeft .greyBoxes {
			float:left;
			padding:10px;
			margin:10px 0px 10px 0px;
			width:170px;
			background: #eee;
			}
			
			#fireSelectInner #contentLeft .greyBoxes h2 {font-size:1.2em; padding:0px;}				
			
			#fireSelectInner #contentLeft .greyBoxes p {
				padding:0px;
				margin:0px;
				font-size:1.0em;
				line-height:20px;
				}
				
				#fireSelectInner #contentLeft .greyBoxes ul li {
					background:none;	
					padding: 0px;				
					}
					
					#fireSelectInner #contentLeft .greyBoxes ul li a {
						display: block;
						padding: 3px 0px;
					}
		
		 a.leftQuote {
			float:left;
			background:url(../../images/layout/fireAlarmsQuoteBtn.jpg) top left no-repeat;
			width:130px;
			height:26px;
			padding:7px 0px 0px 30px;
			margin:10px 0px 0px 0px;
			color: #fff;
			font-weight:bold;
			font-size:1.3em;
			letter-spacing:-1px;
			text-decoration:none;
			}
			
			a.leftQuote:hover,
			a.quoteButton:hover {color: #000;}
			
			
		a.quoteButton {	
			float:right;
			background:url(../../images/layout/redQuoteButton.jpg) top left no-repeat;
			width:126px;
			height:26px;
			padding:5px 0px 0px 15px;
			margin:10px 0px 0px 0px;
			color: #fff;
			font-weight:bold;
			font-size:1.3em;
			letter-spacing:-1px;
			text-decoration:none;
			}

#risk-assessment #fireSelectInner #contentCenter,
#fire-alarm-installation-commissioning #fireSelectInner #contentCenter,
#fire-alarm-systems #fireSelectInner #contentCenter {
	width:505px;
	padding:20px 0px 0px 25px;
}
			
	#fireSelectInner #contentCenter {
		float:left;
		width:300px;
		padding:20px 0px 0px 15px;
		}		
		
		#fireSelectInner #contentCenter h2 {
			color: #D50000;
			}
			
	#fireSelectInner #contentRight {
		float:left;
		z-index:101;
		width:330px;
		padding:0px 0px 0px 20px;
		}		
		
		#fireSelectInner #contentRight .whyChooseUs {
			float: right;
			border-left: 1px solid #efefef;
			display: block;
			padding: 15px 25px;
		}
		
			#fireSelectInner #contentRight .whyChooseUs h2 {
				font-size: 1.8em;
				font-weight: bold;
				letter-spacing: -1px;
				padding: 0px;
				margin: 0px;
				color: #D50000;
			}
		
			#fireSelectInner #contentRight .whyChooseUs ul {
				float: left;
				width: 266px; 
				height: 239px;
				background: url(../../images/layout/whyChooseUsBg.jpg) top left no-repeat;
				margin: 10px 0px;
				padding: 50px 0px 0px 20px;
			}
			
				#fireSelectInner #contentRight .whyChooseUs ul li {
					float: left;
					width: 225px;
					background: url(../../images/misc/greentick.gif) 0px 8px no-repeat;
					padding: 7px 0px 7px 22px;
					font-size: 1.1em;
					color: #777;
				}
				
			#fireSelectInner #contentRight .whyChooseUs p {
				color: #666;
			}
				
				#fireSelectInner #contentRight .whyChooseUs p span {
					color: #D50000;
					font-weight: bold;
					font-size: 1.6em
				}
				
		#fireSelectInner #contentRight a {
			float:right;
			display:block;
			width:131px;
			height:31px;
			padding:5px 0px 0px 10px;
			margin:0px;
			color: #fff;
			text-decoration:none;
			font-weight:bold;
			font-size:1.3em;
			letter-spacing:-1px;
			background: url(../../images/layout/redQuoteButton.jpg) top left no-repeat;
			}	
			
			#fireSelectInner #contentRight a:hover {color: #000;}
			
#analogue-fire-alarms #fireSelectInner #contentRight a,
#conventional-fire-alarms #fireSelectInner #contentRight a,
#wireless-fire-alarms #fireSelectInner #contentRight a,
#radio-fire-alarms #fireSelectInner #contentRight a,
#vesda-fire-alarms #fireSelectInner #contentRight a,
#maintenance #fireSelectInner #contentRight a,
#fire-alarm-maintenance-contracts #fireSelectInner #contentRight a,
#fire-alarm-repair #fireSelectInner #contentRight a,
#fire-alarm-servicing #fireSelectInner #contentRight a,
#risk-assessment #fireSelectInner #contentRight a,
#fire-marshal-training #fireSelectInner #contentRight a,
#basic-fire-awareness #fireSelectInner #contentRight a,
#bespoke-fire-training #fireSelectInner #contentRight a
 {
	display:none;
	}

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
#index #sidebar {display:none;}	
	#sidebar {
		float: left;
		width: 305px;
		padding:20px 0px 0px 30px;		
	}
	
		#index #sidebar .interestedIn,
		#contact #sidebar .interestedIn,
		.fireServices #sidebar .interestedIn {display:none;}
		#sidebar .interestedIn h2 {
			color: #d50000;
			font-weight:bold;
			font-size:1.6em;
			display:block;
			}
			
			#sidebar .interestedIn ul {
				padding:0px;
				margin:0px;
				}
				
				#sidebar .interestedIn ul li {
					display:block;
					list-style:none;
					}
					
					#sidebar .interestedIn ul li a {
						display:block;
						padding:8px 0px 0px 15px;
						margin:5px 0px 5px 0px;
						color: #000;
						height:28px;
						text-decoration:none;
						font-size:1.4em;
						font-weight:bold;
						background:url(../../images/layout/interestedInBg.jpg) center left no-repeat;
						}
						
						#sidebar .interestedIn ul li a:hover {color: #d50000;}
	
	
	#sidebar #latestNews {display:none;}
	#index #sidebar #latestNews {display:block;}	
	
	#index #sidebar #latestNews {padding:0px 0px 20px 0px;}
		#sidebar #latestNews h2 {
			color: #d40000;
			font-weight:bold;
			font-size:1.4em;
			letter-spacing:-1px;
			}
			
		#sidebar #latestNews a {
			color: #d40000;
			font-weight:bold;
			font-size:1.2em;
			letter-spacing:-1px;
			background:url(../../images/layout/sidebarABG.gif) center left no-repeat;
			text-decoration:none;
			padding:0px 0px 0px 10px;
			}	
			
			#sidebar #latestNews a:hover {
				color: #000;
				}
				
		#sidebar #latestNews p {
			padding:10px 0px 5px 0px;
			}		
		
	#contact #sidebar .freeQuotesCta {display:block;}	
	.freeQuotesCta {
		float:left;
		width:255px;
		height:133px;
		padding:30px 0px 0px 40px;
		background:url(../../images/layout/sidebarRedCta.jpg) top left no-repeat;
		display:none;
		}	
		
		.freeQuotesCta p {
			color: #fff;
			display:block;
			font-size:1.8em;
			}
			
			.freeQuotesCta p.call {
				padding:15px 0px 0px 0px;
				}
				
	
/* Custom Sidebar/CTA Styles
--------------------------------------------------------------- */	

#index #sidebar {
	background:url(../../images/layout/sidebarBg.jpg) top left repeat-x #E8E8E8;
	width: 285px;
	padding:20px 0px 0px 10px;
	}	

.fireServices #sidebar {display:none;}	
		
/* bottomBuckets Styles
--------------------------------------------------------------- */

#bottomBuckets {
	float:left;	
	display:inline;
	margin:0px 0px 0px 20px;
	padding:10px 0px 10px 0px;
	}
	
	#bottomBuckets ul {
		float:left;
		width:920px;
		padding:5px 0px 5px 0px;
		margin:0px;
		background: #e7e7e7;
		}
		
		#bottomBuckets ul li {
			float:left;
			display:inline;
			width:192px;
			height:85px;
			padding:15px 0px 0px 100px;
			margin:0px 7px 0px 7px;
			list-style:none;
			font-size:1.2em;
			font-weight:bold;
			color: #d40000;
			}
			
			#bottomBuckets ul li a {
				display:block;
				padding:2px 0px 2px 0px;
				margin:0px;
				font-size:0.9em;
				font-weight:normal;
				color: #000;					
				}
				
				#bottomBuckets ul li a:hover {
					text-decoration:none;
					}
			
			#bottomBuckets ul li.riskAssessment {background:url(../../images/layout/bottomBucketsRiskAssessment.jpg) top left no-repeat;}
			#bottomBuckets ul li.fireSafetyTraining {background:url(../../images/layout/bottomBucketsFireSafetyTraining.jpg) top left no-repeat;}
			#bottomBuckets ul li.fireAlarms {background:url(../../images/layout/bottomBucketsFireAlarms.jpg) top left no-repeat;}
			#bottomBuckets ul li.fireExtinguishers {background:url(../../images/layout/bottomBucketsFireExtinguishers.jpg) top left no-repeat;}
			
#bottomBuckets ul li.fireExtinguishers {display:none;}	


#risk-assessment #bottomBuckets ul li.riskAssessment,
#fire-extinguishers #bottomBuckets ul li.fireExtinguishers,
#fire-alarms #bottomBuckets ul li.fireAlarms,
#fire-alarm-systems #bottomBuckets ul li.fireAlarms,
#fire-alarm-maintenance #bottomBuckets ul li.fireAlarms,
#fire-alarm-installation-commissioning #bottomBuckets ul li.fireAlarms,
#analogue-fire-alarms #bottomBuckets ul li.fireAlarms,
#conventional-fire-alarms #bottomBuckets ul li.fireAlarms,
#wireless-fire-alarms #bottomBuckets ul li.fireAlarms,
#radio-fire-alarms #bottomBuckets ul li.fireAlarms,
#vesda-fire-alarms #bottomBuckets ul li.fireAlarms,
#maintenance #bottomBuckets ul li.fireAlarms,
#fire-alarm-repair #bottomBuckets ul li.fireAlarms,
#fire-alarm-servicing #bottomBuckets ul li.fireAlarms,
#fire-alarm-maintenance-contracts #bottomBuckets ul li.fireAlarms,
#fire-safety-training #bottomBuckets ul li.fireSafetyTraining,
#fire-marshal-training #bottomBuckets ul li.fireSafetyTraining,
#basic-fire-awareness #bottomBuckets ul li.fireSafetyTraining,
#bespoke-fire-training #bottomBuckets ul li.fireSafetyTraining {display:none;}


#risk-assessment #bottomBuckets ul li.fireExtinguishers,
#fire-alarms #bottomBuckets ul li.fireExtinguishers,
#fire-alarm-systems #bottomBuckets ul li.fireExtinguishers,
#fire-alarm-maintenance #bottomBuckets ul li.fireExtinguishers,
#fire-alarm-installation-commissioning #bottomBuckets ul li.fireExtinguishers,
#fire-safety-training #bottomBuckets ul li.fireExtinguishers, 
#fire-marshal-training #bottomBuckets ul li.fireExtinguishers,
#basic-fire-awareness #bottomBuckets ul li.fireExtinguishers,
#bespoke-fire-training #bottomBuckets ul li.fireExtinguishers,
#analogue-fire-alarms #bottomBuckets ul li.fireExtinguishers,
#conventional-fire-alarms #bottomBuckets ul li.fireExtinguishers,
#wireless-fire-alarms #bottomBuckets ul li.fireExtinguishers,
#radio-fire-alarms #bottomBuckets ul li.fireExtinguishers,
#vesda-fire-alarms #bottomBuckets ul li.fireExtinguishers,
#maintenance #bottomBuckets ul li.fireExtinguishers,
#fire-alarm-repair #bottomBuckets ul li.fireExtinguishers,
#fire-alarm-servicing #bottomBuckets ul li.fireExtinguishers,
#fire-alarm-maintenance-contracts #bottomBuckets ul li.fireExtinguishers {display:block;}


/* ctaBottom Styles
--------------------------------------------------------------- */
#ctaBottom {
	float:left;
	width:940px;
	display:inline;
	padding:0px;
	margin:0px 0px 0px 20px;
	}
	
	#ctaBottom #additionalInfoCta {
		float:left;
		background:url(../../images/layout/additionalInfoFireAlarmsBg.jpg) top left no-repeat;
		padding:67px 30px 30px 30px;
		width:548px;
		height:102px;
		margin:0px;
		}
		
		#ctaBottom #additionalInfoCta h2 {color: #d50000;}
		
		#ctaBottom #additionalInfoCta p {
			padding:5px 0px 0px 0px;
			width:250px;
			line-height:1.5em;
			}	
			
#fire-alarms #ctaBottom .freeQuotesCta {display:inline-block; margin:37px 0px 0px 15px;}		
#fire-safety-equipment #ctaBottom .freeQuotesCta {display:inline-block; margin:37px 0px 0px 15px;}				
#fire-safety-training #ctaBottom .freeQuotesCta {display:inline-block; margin:37px 0px 0px 15px;}		

/* Header Styles
--------------------------------------------------------------- */

#header {
	clear: both;
	width: 960px;
	height: 181px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	background:url(../../images/layout/headerBg.png) top left no-repeat;
}

#index #header {background:url(../../images/layout/indexHeaderBg.png) top left no-repeat;}

	#logo {
		width: 327px;
		height: 70px;
		float: left;
		padding: 63px 0px 0px 20px;

	}
	
	#cta-top-right {
		float: right;
		padding: 88px 20px 0px 0px;
		text-align: right;
		font-size: 1.6em;
		font-weight:bold;
		letter-spacing:-1px;
		color:#d40000;
	}
	
		#cta-top-right span {
			color: #000;
		}

/* Main Image Styles
--------------------------------------------------------------- */

#imgmain {
	z-index: 100;
	position: absolute;
	top: 181px;
	left: 0px;
}

.fireServices #imgmainContainer {height: 43px; }

#imgmainContainer {
	position:absolute;
	width:940px;
	height:339px;
	top:184px;
	left:10px;
	z-index:101;
	}
	
	#imgmainContainerInner {
		position:relative;
		padding:0px;
		margin:0px;		
		}
		
		#index #imgmainContainerInner #redCta {display:block;}
		#imgmainContainerInner #redCta {
			position:relative;
			top:112px;
			left:10px;
			background: url(../../images/layout/indexRedCta.jpg) top left no-repeat;
			width:305px;
			height:203px;
			display:none;
			}
			
			#imgmainContainerInner #redCta a {
				position:absolute;
				top:0px;
				left:0px;
				padding:148px 130px 23px 30px;
				width:140px;
				height:30px;
				background:url(../../images/layout/redCtaButton.jpg) 25px 143px no-repeat;
				text-decoration:none;
				font-weight:bold;
				color: #d00404;
				font-size:1.3em;				
				}
				
				#imgmainContainerInner #redCta a:hover {
					color: #000;
					}
		#index #imgmainContainerInner #buckets {display:block;}
		#imgmainContainerInner #buckets {
			position:absolute;
			top:0px;
			right:0px;
			display:none;
			}		
			
			#imgmainContainerInner #buckets ul {
				float:left;
				padding:17px 0px 0px 0px;
				margin:0px;
				}
				
				#imgmainContainerInner #buckets ul li {
					display:block;
					list-style:none;
					}
					
					#imgmainContainerInner #buckets ul li a {
						display:block;
						padding:30px 10px 10px 20px;
						margin:0px 0px 4px 0px;
						width:282px;
						height:57px;
						font-style:italic;
						font-weight:bold;
						font-size:1.2em;
						color: #d90202;
						text-transform:uppercase;	
						text-decoration:none;	
						}
						
						#imgmainContainerInner #buckets ul li a span {
							display:block;
							font-size:0.8em;
							text-transform:none;	
							color: #000;						
							}
							
							#imgmainContainerInner #buckets ul li a:hover span {
								color: #d90202;						
								}
						
					#imgmainContainerInner #buckets ul li a.bucketsFireAlarms {background:url(../../images/layout/bucketsFireAlarms.jpg) top left no-repeat; }
					#imgmainContainerInner #buckets ul li a.bucketsFireSafetyTraining {background:url(../../images/layout/bucketsFireSafetyTraining.jpg) top left no-repeat; }
					#imgmainContainerInner #buckets ul li a.bucketsFireExtinguishers {background:url(../../images/layout/bucketsFireExtinguishers.jpg) top left no-repeat; }	
					
					
#imgmainContainerInner #breadcrumbs {
	position:absolute;
	top:12px;
	left:45px;	
	}
	
#imgmainContainerInner #breadcrumbs p {display:none;}

/* Main Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 950px;
	height: 37px;
	z-index: 11;
	position: absolute;
	left: 0px;
	top: 144px;
	padding:0px 0px 0px 10px
}

	#navigation ul {
		float:left;
		display:inline;
		width:920px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background:url(../../images/layout/navItemBg.jpg) top left repeat-x;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				float: left;
				color: #fff;
				text-decoration: none;
				padding: 10px 13px 10px 12px;
				font-size: 1.2em;
				font-weight:bold;
				border-right:1px solid #ebb7b7;
				border-left: 1px solid #d40303;
			}
			
				#navigation ul li a.fire-alarms-a,
				#navigation ul li a.fire-safety-training-a,
				#navigation ul li a.fire-safety-equipment-a {background:url(../../images/layout/dropDownIndicator.jpg) center 28px no-repeat;}

				#navigation ul li a.emergency-lighting-a {border-right: none; padding: 10px 14px 10px 14px;}				
				#navigation ul li a.fire-alarms-a {border-left:none;}

				#navigation ul li a:hover {color: #000;}
				
#fire-alarm-systems #navigation ul li a.fire-alarms-a,
#fire-alarm-maintenance #navigation ul li a.fire-alarms-a,
#fire-alarm-installation-commissioning #navigation ul li a.fire-alarms-a,
#fire-marshal-training #navigation ul li a.fire-safety-training-a,
#basic-fire-awareness #navigation ul li a.fire-safety-training-a,
#bespoke-fire-training #navigation ul li a.fire-safety-training-a,
#hose-reels #navigation ul li a.fire-safety-equipment-a,
#safety-signs #navigation ul li a.fire-safety-equipment-a,
#fire-blankets #navigation ul li a.fire-safety-equipment-a {
	background:url(../../images/layout/dropDownIndicator.jpg) center 28px no-repeat, url(../../images/layout/navigationSelected.jpg) top left repeat-x;
	}

/* Black Horizontal Navigation Styles
--------------------------------------------------------------- */

#topNavigation {
	height: 40px;
	z-index: 11;
	position: absolute;
	right: 0px;
	top: 0px;
}

	#topNavigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#topNavigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#topNavigation ul li a {
				float: left;
				color: #fff;
				text-decoration: none;
				padding: 7px 15px 6px 15px;
				font-size: 1.2em;
				font-weight:bold;
			}

				#topNavigation ul li a.contact-a {
					border-right: none;
				}

				#topNavigation ul li a:hover {
					color: #D50100;
				}
			
				
/* Dropdown Styles
--------------------------------------------------------------- */	

.dropdown {
	position:absolute;
	top:181px;
	left:0px;
	z-index:120;
	display:none;
	}
	
	.dropdown ul {					
		padding:10px;		
		}
		
		.dropdown ul li  {
			display:block;
			list-style:none;
			background:none;
			padding:0px;
			margin:0px;			
			}		
			
			.dropdown ul li a {
				display:block;
				width:180px;
				color: #000;
				font-weight:bold;
				font-size:1.2em;
				text-decoration:none;
				letter-spacing:-1px;	
				padding:6px 5px 6px 5px;			
				}
				
				.dropdown ul li a:hover {
					background: #d20303;
					color: #fff;
					}		

#fireAlarmDropdown,
#fireSafetyTrainingDropdown,
#fireExtinguishersDropdown,
#fireSafetyEquipmentDropdown {
	border:1px solid #c4c1c1;
	border-top:none;
	}
					
#fireAlarmDropdown {left:20px; background: #f3f3f3;}	
#fireSafetyTrainingDropdown {left:124px; background: #f3f3f3;}	
#fireExtinguishersDropdown {left:288px; background: #f3f3f3;}	
#fireSafetyEquipmentDropdown {left:437px; background: #f3f3f3;}							

/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	float: left;
	width: 100%;
	background: #bfbfbf;
}

#index #outerFooter {background:none;}

#footer {
	clear: both;
	width: 960px;
	color: #333;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	background:url(../../images/layout/contentContainerBg.png) top left repeat-y;
}

#footer #footerInner {	
	position:relative;
	width:940px;
	margin:0px 0px 0px 10px;
	background:url(../../images/layout/innerFooterBg.jpg) top left no-repeat #D6D6D6;
	border-bottom:1px solid #a09f9f;
	}
	
	
/* Footer Contact Styles
--------------------------------------------------------------- */
	
	#footer-contact {
		float:left;
		width:260px;
		padding:20px 0px 0px 20px;
		}
		
		#footer h2 {padding:0px 0px 5px 0px;}
		
		#footer-contact p{
			padding:0px 0px 20px 0px;
			line-height:17px;
			}
			
/* Footer Quick Links Styles
--------------------------------------------------------------- */
	
	#footer-quickLinks {
		float:left;
		width:260px;
		padding:20px 0px 0px 0px;
		}
		
		#footer-quickLinks h2 {padding-left:70px;}
		#footer-quickLinks ul {
			padding:0px 0px 0px 70px;
			margin:0px;
			}
			
			#footer-quickLinks ul li {
				list-style:none;
				padding:3px 0px 3px 0px;
				margin:0px;
				}
				
				#footer-quickLinks ul li a {
					color: #000;
					text-decoration:none;
					}
					
					#footer-quickLinks ul li a:hover {
						text-decoration:underline;
						color: #D50100;
						}
						
				#footer-quickLinks ul li a.emergency-lighting-a {display:none;}
				
#footer img.footerImage {
	float:right;
	padding:10px 0px 0px 0px;
	margin:0px;
	}		
	
#footer img.accredLogos {
	float:right;
	padding:140px 20px 0px 0px;
	margin:0px;
	}	
	
#footer img.ccLogos {
	float:left;
	padding:35px 0px 0px 60px;
	margin:0px;
	}					
			
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	
#index #footer #footer-bottom{background:#D0D0D0;}
	#footer #footer-bottom {
		width: 960px;
		float: left;
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		text-align: center;	
		background: #bfbfbf;	
	}
	
	#footer-bottom a {
		color: #000;
		padding:0px 8px 0px 8px;
		border-right:1px solid #000;
		text-decoration:none;
		}
		
		#footer-bottom a.designed {border:none;}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left {
	float: left;
}

	.img-left {
		margin: 10px 10px 10px 0px;
	}

.right, .img-right {
	float: right;
} 

	.img-right {
		margin: 10px 0px 10px 10px;
	}

	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
	padding:0px;
	margin:0px;
}