/* CSS Document */

/* Font Face
--------------------------------------------------------------- */

@font-face {
    font-family: 'HelveticaLTStdBlackCondensed';
    src: url('../../includes/fonts/helveticaltstd-blkcond-webfont.eot');
    src: url('../../includes/fonts/helveticaltstd-blkcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../includes/fonts/helveticaltstd-blkcond-webfont.woff') format('woff'),
         url('../../includes/fonts/helveticaltstd-blkcond-webfont.ttf') format('truetype'),
         url('../../includes/fonts/helveticaltstd-blkcond-webfont.svg#HelveticaLTStdBlackCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdBlkCnOb';
    src: url('../../includes/fonts/helveticaltstd-blkcondobl-webfont.eot');
    src: url('../../includes/fonts/helveticaltstd-blkcondobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../includes/fonts/helveticaltstd-blkcondobl-webfont.woff') format('woff'),
         url('../../includes/fonts/helveticaltstd-blkcondobl-webfont.ttf') format('truetype'),
         url('../../includes/fonts/helveticaltstd-blkcondobl-webfont.svg#HelveticaLTStdBlkCnOb') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdBdCnOb';
    src: url('../../includes/fonts/helveticaltstd-boldcondobl-webfont.eot');
    src: url('../../includes/fonts/helveticaltstd-boldcondobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../includes/fonts/helveticaltstd-boldcondobl-webfont.woff') format('woff'),
         url('../../includes/fonts/helveticaltstd-boldcondobl-webfont.ttf') format('truetype'),
         url('../../includes/fonts/helveticaltstd-boldcondobl-webfont.svg#HelveticaLTStdBdCnOb') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdBoldCondensed';
    src: url('../../includes/fonts/helveticaltstd-boldcond-webfont.eot');
    src: url('../../includes/fonts/helveticaltstd-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../includes/fonts/helveticaltstd-boldcond-webfont.woff') format('woff'),
         url('../../includes/fonts/helveticaltstd-boldcond-webfont.ttf') format('truetype'),
         url('../../includes/fonts/helveticaltstd-boldcond-webfont.svg#HelveticaLTStdBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdCondensed';
    src: url('../../includes/fonts/helveticaltstd-cond-webfont.eot');
    src: url('../../includes/fonts/helveticaltstd-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../includes/fonts/helveticaltstd-cond-webfont.woff') format('woff'),
         url('../../includes/fonts/helveticaltstd-cond-webfont.ttf') format('truetype'),
         url('../../includes/fonts/helveticaltstd-cond-webfont.svg#HelveticaLTStdCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdCnOb';
    src: url('../../includes/fonts/helveticaltstd-condobl-webfont.eot');
    src: url('../../includes/fonts/helveticaltstd-condobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../includes/fonts/helveticaltstd-condobl-webfont.woff') format('woff'),
         url('../../includes/fonts/helveticaltstd-condobl-webfont.ttf') format('truetype'),
         url('../../includes/fonts/helveticaltstd-condobl-webfont.svg#HelveticaLTStdCnOb') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
h1, h2,
#cta-top-right,
#midrunner p.title-small,
ul#buckets li a.btn-read-more,
ul#buckets li a.bucket-title,
#sidebar #cta-years-trading p,
ul#subnav-burglar-alarms a,
#main #bottom-cta p {
	font-family: "HelveticaLTStdBoldCondensed";
}

ul#navigation li a,
ul.dropdown li a,
ul.sidenav li a,
#footer h2 {
	font-family: "HelveticaLTStdCondensed";
}	

#midrunner p.title-large {
	font-family: "HelveticaLTStdBlackCondensed";
}		
	
/* 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: #F8F8F8 url(../../images/layout/body-bg.gif) repeat-x top;
	margin: 0px;
}

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.3em;
	font-weight: normal;
	color: #C00;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
}

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

/* 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;
	background: #fff;
	border-top: 380px solid #fff;
}
	
	#index #contentContainer {
		border-top: 725px solid #fff;
	}	
	
/* Main Styles
--------------------------------------------------------------- */

#main {
	float: left;
	width: 620px;
	padding: 20px 10px 10px 20px;
}

	.burglar-alarms #main {
		padding-top: 150px;
	}
	
	.commercial-burglar-alarms #main, .monitoring-services #main,
	.commercial-cctv #main, .fire-alarms #main, .emergency-lighting #main,
	.service-maintenance #main, .domestic-burglar-alarms #main {
		padding-top: 150px;
	}	
	
	.wireless-burglar-alarms #main {
		padding-top:600px;
	}

	#main p {
		margin: 10px 0px 10px 0px;
		font-size: 1.2em;
		line-height: 20px;
	}
	
	#main p.first {
		font-weight: bold;
		font-style: italic;
	}	
	
	#main .line {
		margin: 15px 0px;
		font-size: 1.2em;
		line-height: 20px;
		background: url(../../images/layout/line-bg.gif) repeat-x;
		float: left;
		height: 10px;
		width: 100%;
	}
		
	#main ul {
		font-size: 1.2em;
		padding: 3px 0px;
	}
	
		#main ul li {
			padding: 4px 0px 4px 30px;
			list-style: none;
			background: url(../../images/misc/tick.jpg) left center no-repeat;
		}
	#main a {
		color:#000;
		}
		
	#main a:hover {
		color:#CC0000;
		}
			
	#contact #main {
		width: 940px;
	}
	
/* Bottom CTA Styles
--------------------------------------------------------------- */

	#main #bottom-cta {
		float: left;
		width: 100%;
	}	

		#main #bottom-cta .line {
			margin: 25px 0px 15px 0px;
			background: url(../../images/layout/line-bg.gif) repeat-x;
			float: left;
			height: 10px;
			width: 100%;
		}
		
		#main #bottom-cta p {
			font-size: 2em;
			color: #666;	
		}
		
			#main #bottom-cta p span {
				color: #C00;
				font-weight: bold;	
			}	
		
/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
#sidebar {
	float: right;
	width: 295px;
	padding: 10px 15px 10px 0px;
}

	#sidebar #cta-why-lynx {
		float: right;
		padding: 10px 0px 5px 0px;
	}
	
	#sidebar #cta-wireless-alarms {
		float: right;
		padding: 10px 0px 5px 0px;
	}
	
	#sidebar #cta-trading-standards {
		float: right;
		padding: 10px 0px 5px 0px;
	}	
	
			#accreditations #cta-wireless-alarms {
				display: none;
			}

	#sidebar #cta-years-trading {
		background: url(../../images/misc/cta-25-years-trading.jpg);
		height: 133px;
		width: 240px;
		position: relative;
		float: right;
		margin: 5px 0px 5px 0px;
	}
	
		#sidebar #cta-years-trading p {
			color: #ffffff;
			font-size: 1.6em;
			position: absolute;
			left: 20px;
			bottom: 8px;
		}
		

/* Midrunner Styles
--------------------------------------------------------------- */
		
#midrunner {
	position: absolute;
	height: 168px;
	width: 960px;
	left: 0px;
	top: 211px;
	background: url(../../images/layout/midrunner-bg.jpg) no-repeat;
}

	#midrunner a {
		color: #FC0;
	}
	
	#midrunner a:hover {
		color: #FFF;
	}
	
	#index #midrunner {
		height: 278px;
	}

	#midrunner #title-text {
		position: absolute;
		left: 45px;
		top: 8px;
		color: #ffffff;
	}
	
	#index #midrunner #title-text {
		top: 18px;
	}

		#midrunner #title-text p.title-large {
			font-size: 5.6em;
			text-transform: uppercase;
			color: #cc0000;
		}
		
			#midrunner #title-text p.title-large span {
				display: block;
				color: #ffffff;
				margin-top: -15px;
			}
			
		#midrunner #title-text p.title-small {
			font-size: 3.2em;
			margin-top: -15px;
		}
		
		#midrunner #title-text p.contact-text {
			font-size: 1.2em;
			color: #cccccc;
			width: 350px;
		}
		
/* Subnav Styles
--------------------------------------------------------------- */

ul#subnav-burglar-alarms {
	position: absolute;
	left: 15px;
	top: 400px;
}

	ul#subnav-burglar-alarms li {
		list-style: none;
		border: 1px solid #e4e4e4;
		margin: 10px 2px;
		float: left;
		background: #f6f6f6 url(../../images/layout/subnav-bg.gif) no-repeat;
		position: relative;
	}
	
	ul#subnav-burglar-alarms a {
		width: 205px;
		height: 100px;
		padding: 0px 2px;
		float: left;
		text-decoration: none;
		color: #333;
	}
	
	ul#subnav-burglar-alarms a:hover {
		color: #F00;
	}	
	
	ul#subnav-burglar-alarms a.btn-click-here {
		font-size: 1.2em;
		color: #333;
	}
		
		ul#subnav-burglar-alarms a span {
			position: absolute;
			top: 8px;
			right: 10px;
			width: 100px;
			font-size: 1.5em;
		}	
	
	ul#subnav-burglar-alarms a.domestic-burglar-alarms-a {
		background: url(../../images/misc/domestic-burglar-alarms.jpg) no-repeat left center;		
	}
	
	ul#subnav-burglar-alarms a.commercial-burglar-alarms-a {
		background: url(../../images/misc/commercial-burglar-alarms.jpg) no-repeat left center;		
	}
	
	ul#subnav-burglar-alarms a.wireless-burglar-alarms-a {
		background: url(../../images/misc/wireless-burglar-alarms.jpg) no-repeat left center;		
	}
	
/* Dropdown Styles
--------------------------------------------------------------- */

ul.dropdown {
	position: absolute;
	width: 180px;
	top: 211px;
	left: 67px;
	z-index: 10;
	list-style: none;
	border: solid 1px #cccccc;
	border-top: none;
}

		ul.dropdown li {
			float: left;
			width: 200px;
		}	
	
		ul.dropdown li a {
			padding: 10px 10px 10px 10px ;
			color: #666;	
			float: left;
			width: 160px;
			text-decoration: none;
			display: block;
			font-size: 1.2em;
			text-align: left;
			background: #fff;
			border-bottom: 1px solid #d6d6d6;
		}
		
		ul.dropdown li a:hover {
			color: #C00;	
		}
		
ul#dropdown-burglar-alarms {
	display: none;	
}

/* Sidenav Styles
--------------------------------------------------------------- */

ul.sidenav {
	width: 225px;
	top: 211px;
	list-style: none;
	border: solid 1px #cccccc;
	float: right;
	margin: 15px 10px 10px 0px;
}

		ul.sidenav li {
			float: left;
		}	
	
		ul.sidenav li a {
			padding: 10px 10px 10px 10px ;
			color: #666;	
			float: left;
			width: 205px;
			text-decoration: none;
			display: block;
			font-size: 1.2em;
			text-align: left;
			background: #fff;
			border-bottom: 1px solid #d6d6d6;
		}
		
		ul.sidenav li a.last {
			border-bottom: none;
		}		
		
		ul.sidenav li a:hover {
			color: #C00;	
		}
		
ul#sidenav-burglar-alarms {
	display: none;
}

	.domestic-burglar-alarms ul#sidenav-burglar-alarms,
	.commercial-burglar-alarms ul#sidenav-burglar-alarms,
	.wireless-burglar-alarms ul#sidenav-burglar-alarms {
		display: block;
	}
				
/* Buckets Styles
--------------------------------------------------------------- */

ul#buckets {
	background: url(../../images/layout/buckets-bg.gif);
	height: 235px;
	width: 958px;
	position: absolute;
	left: 0px;
	top: 489px;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
}

	ul#buckets li {
		height: 234px;
		width: 239px;
		background: url(../../images/layout/buckets-seperator-bg.gif) no-repeat right 1px;
		float: left;
		list-style: none;
		position: relative;
	}
	
	ul#buckets li img {
		position: absolute;
		left: 10px;
		top: 50px;
	}
	
	ul#buckets li span {
		position: absolute;
		left: 110px;
		top: 65px;
		width: 110px;
		font-size: 1.2em;
	}

		ul#buckets li.bucket-accreditations span {
			position: absolute;
			left: 15px;
			top: 165px;
			width: 220px;
			font-size: 1.2em;
		}	
	
	ul#buckets li.last {
		background: none;
	}	
	
		ul#buckets li a.bucket-title {
			text-decoration: none;
			font-size: 2em;
			color: #333;
			position: absolute;
			left: 40px;
			top: 10px;
		}
		
		ul#buckets li a.bucket-title:hover {
			color: #999;
		}
		
		ul#buckets li a.btn-read-more {
			background: url(../../images/layout/btn-read-bg.gif) repeat-x #cc0000;
			float: left;
			padding: 8px 15px;
			text-decoration: none;
			color: #ffffff;
			font-size: 1.3em;
			position: absolute;
			left: 65px;
			bottom: 15px;
		}
		
		ul#buckets li a.btn-read-more:hover {
			color: #FC0;
		}					

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

#header {
	clear: both;
	width: 960px;
	height: 152px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

	#logo {
		width: 133px;
		height: 125px;
		float: left;
		margin: 10px 0px 0px 10px;
	}
	
	#cta-top-right {
		float: right;
		padding: 20px 0px 0px 0px;
		text-align: right;
		height: 125px;
		font-size: 1.8em;
		text-transform: uppercase;
		color: #666;
	}
	
	#cta-top-right span {
		display: block;
		font-size: 1.4em;
		margin-top: 10px;
	}	
	
		#cta-top-right .phone {
			font-size: 1.5em;
			color: #F00;
		}
		
	.banner-cta {
		position:absolute;
		top:400px;
		left:20px;
		background:url(../../images/layout/banner-comm-burglar.jpg);
		width:459px;
		height:112px;
		padding-left:160px;
	}
	
	.banner-cta .msg {
		color:#7e7d7d;
		font-size:1.6em;
		margin-top:10px;
		width:450px;
	}
	
	.banner-cta .msg span {
		color:#333;
		font-weight:bold;
	}
	
	.banner-cta .msg .price {
		color:#ff3300;
		font-size:1.4em;
	}
	
	.banner-cta .msg .price span {
		font-weight:normal;
		color:#ff3300;
		font-size:0.8em;
	}
	
	.banner-cta .msg .small {
		font-size:0.45em;
		font-weight:normal;
		color:#7e7d7d;
	}
	
	.banner-cta .phone {
		width:402px;
		height:27px;
		background:url(../../images/layout/banner-phone-bg.jpg);
		margin-top:5px;
		color:#fff;
		font-size:1.4em;
		padding:5px 0 0 10px;
	}
	
	.banner-cta .phone span {
		font-weight:bold;
	}
	
	.banner-cta .phone a {
		color:#fff;
		font-weight:bold;
	}
	
	.commercial-cctv .banner-cta .msg, .service-maintenance .banner-cta .msg {
		font-size:1.2em;
	}
	
	.commercial-cctv .banner-cta .msg .small, .service-maintenance .banner-cta .msg .small {
		font-size:0.6em;
	}
	
	.monitoring-services .banner-cta { background:url(../../images/layout/banner-monitor.jpg); }
	.commercial-cctv .banner-cta     { background:url(../../images/layout/banner-cctv.jpg); }
	.fire-alarms .banner-cta         { background:url(../../images/layout/banner-fire.jpg); }
	.emergency-lighting .banner-cta  { background:url(../../images/layout/banner-lighting.jpg); }
	.service-maintenance .banner-cta { background:url(../../images/layout/banner-service.jpg); }
	
	.wireless-runner-msg {
		color:#fff;
		position:absolute;
		right:15px;
		top:227px;
		z-index:200;
		width:300px;
		font-size:1.8em;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
	}
	
	#wireless-top-area {
		position:absolute;
		top:390px;
		left:20px;
		width:620px;
	}
	
		#wireless-top-area img {
			margin-right:20px;
		}
	
		#wireless-top-area .offer {
			font-size:2em;
			font-weight:bold;
			margin-top:30px;
		}
		
		#wireless-top-area .offer span {
			display:block;
			font-size:0.8em;
		}
		
		#wireless-top-area .price {
			font-size:0.8em;
			color:#666;
		}
		
		#wireless-top-area .price span {
			font-size:4em;
			font-weight:bold;
			color:#ff3300;
		}
		
		#wireless-top-area h2 {
			margin-top:20px;
			clear:both;
		}
		
		#wireless-top-area ul {
			width:700px;
			float:left;
			margin-bottom:25px;
		}
		
		#wireless-top-area li {
			list-style:inside;
			padding:5px 0;
			float:left;
			width:270px;
		}
		
		#wireless-top-area .free-offer {
			clear:both;
			font-size:1.6em;
			font-weight:bold;
			color:#7e7d7d;
			background:#f4f4f4;
			border:1px solid #ccc;
			border-radius:12px;
			padding:5px 10px;
		}
		
			#wireless-top-area .free-offer span {
				text-transform:uppercase;
				font-size:1.4em;
				color:#ff3300;
				text-decoration: line-through;
			}
			
			#wireless-top-area .free-offer strong {
				color: #333;
				font-size: 1.4em;
			}			
		
		#wireless-top-area .free-offer .small {
			font-size:0.5em;
			text-transform:none;
			color:#7e7d7d;
			font-weight:normal;
			display:block;
		}
		
		#wireless-top-area ul.features {
			padding-bottom:15px;
			border-bottom:1px solid #ccc;
		}
		
		#wireless-top-area ul.features li {
			width:350px;
		}
		
		#free-connection {
			float:left;
			font-size:1em;
			font-weight:bold;
			background:#BF4122;
			color:#ffc5b7;
			padding:5px 10px;
			border-radius:7px;
			margin:8px 0 25px;
		}
		
		#free-connection span {
			font-size:1.2em;
			color:#fff;
		}	
		
		#free-connection .code {
			border-bottom:1px dotted #fff;
		}
		
		#free-connection .free {
			text-transform:uppercase;
			color:#F4BD16;
			font-size:1.3em;
		}
	

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

#imgmain {
	z-index: 100;
	position: absolute;
	top: 211px;
	right: 0px;
}

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

ul#navigation {
	width: 958px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 154px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #c5c5c5;
	background: #f6f6f6 url(../../images/layout/nav-bg.gif) repeat-x;
}

		ul#navigation li {
			display: inline;
			list-style: none;
		}
			  
			ul#navigation li a {
				float: left;
				border-right: 1px solid #e4e4e4;
				color: #666666;
				text-decoration: none;
				padding: 10px 15px 7px 15px;
				font-size: 1.2em;
				text-transform: uppercase;
				text-align: center;
			}
			
			ul#navigation li a.burglar-alarms-a {
				background: url(../../images/layout/drop-arrow.gif) no-repeat right;
				padding-right: 30px;;
			}			
			
				ul#navigation li a span {
					display: block;
				}
				
				ul#navigation li a.single-line {
					padding: 20px 15px 16px 15px;
				}	
				
				ul#navigation li a.contact-a {
					border-right: none;
				}

				ul#navigation li a:hover {
					color: #000000;
				}

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

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

#footer {
	clear: both;
	width: 958px;
	color: #ffffff;
	margin: 0px auto;
	padding: 10px 0px;
	font-size: 1.2em;
	border: 1px solid #c5c5c5;
	background: #000 url(../../images/layout/footer-bg.gif) repeat-x;
}

	#footer .index-a,
	#footer .contact-a {
		display: none;
	}

	#footer h2 {
		color: #666666;
		padding: 0px 5px 20px 5px;
		font-size: 1.4em;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer a {
		white-space: nowrap;
		color: #F00;
		text-decoration: none;
	}
		
		#footer a:hover {
			color: #fff;
			text-decoration: underline;
		}

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

	#footer #footer-services {
		float: left;
		width: 260px;
		margin: 0px 0px 0px 15px;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 230px;
				padding: 3px 5px;
				border-bottom: 1px dotted #333;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 310px;
	}
	
		#footer #footer-areas ul {
			float: left;
			width: 150px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 130px;
			padding: 3px 5px;
			border-bottom: 1px dotted #333;
		}
		
/* Footer Address Styles
--------------------------------------------------------------- */	

	#footer #footer-address {
		float: left;
		width: 170px;
	}
		
		#footer #footer-address p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Help & Advice
--------------------------------------------------------------- */	

	#footer #footer-help {
		float: right;
		width: 165px;
		margin: 0px 15px 0px 0px;
	}
		
			#footer #footer-help ul li {
				float: left;
			}
					
			#footer #footer-help ul li a {
				float: left;
				width: 155px;
				padding: 3px 5px;
				border-bottom: 1px dotted #333;
			}
		
		#footer #footer-help p {
			line-height: 20px;
			padding: 3px 5px;
			float: left;
		}
		
		#footer #footer-help .bottomLink {
			margin-bottom: 5px;
		}
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 940px;
		float: left;
		margin:10px 0px 0px 0px;
		text-align: center;
	}

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

.left, .img-left {
	float: left;
	padding: 5px;
}

	.img-left {
		margin: 10px 10px 10px 0px;
		clear: left;
		border: 1px solid #e4e4e4;
	}

.right, .img-right {
	float: right;
	padding: 5px;
	border: 1px solid #e4e4e4;
} 

	.img-right {
		margin: 10px 0px 10px 10px;
		clear: right;
	}
	
.img-contact {
	margin: 0px 40px 0px 0px;
	float: right;	
}

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

.clearfix {
	clear: both;
}