@charset "utf-8";
/* CSS Document */

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

html {
	}
	
img, div { behavior: url(/css/iepngfix.htc) }

body {
	border:0pt none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	text-align:left;
	color:#646464;
	margin:15px 0;
	}

img {
	border:0pt none;
	}

p {
	line-height:1.5em;
	padding-bottom:1em;
	}

p, li {
	line-height:1.6em;
	}
	
p, h1, h2, h3, h4, h5, h6 {
	margin:0px 0px 1.5em;
	padding:0px;
	}
	
h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
}

ul {
	list-style-type:none;
	padding-left:10px;
}

ul li {
	/*list-style-type: disc;
	background-image:url(/images/red-arrow.gif);
	background-repeat:no-repeat;
	background-position:0.2em 0.3em;
	padding-left:15px;*/
}
.colA ul {}
.colA ul li {list-style-type: none;
	background-image:url(/images/redbull.gif);
	background-repeat:no-repeat;
	background-position:0.2em 0.6em;
	padding-left:15px;
        text-indent: 0px;
        margin: 0px;
        display: block;
}
li {
	padding:0px;
}

.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	top:-1px;
	visibility:hidden;
	}

h1 {
	color:#000000;
	font-size:1.8em;
	font-weight:normal;
	margin-bottom:0.6em;
	}

h2 {
	color:#000;
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:0.4em;
	}

h3 {
	color:#000;
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:0.2em;
	}

h4 {
	color:#000;
	}

a {
	color:#333;
	text-decoration:none;
	}

a:hover {
	color:#333;
	text-decoration:underline;
	}

.outerContainer {
	margin:0 auto;
	width:948px;
	}

/* ---------------- tables ---------------- */

table {
	margin-bottom:10px;
	}

table td {
	background:#e2e2e2;
	padding:4px;
	}


/* -- 02-10-08 -- R.Davies -- To get FinishImages in Horizontal layout table with white background -- */

table td.finishbox {
	background:#ffffff;
	}

/* -- 03-10-08 -- R.Davies -- To get Finish swatches in table with white background -- Should probably consolidate with above. */

table.finishcolourtable td {
	background:#ffffff;
	}

/* ---------------- header ---------------- */

.header {
	width:948px;
	float: left;
	clear: both;
	}

.hColA {
	width:300px;
	float:left;
	margin-top:10px;
	}

.hColB {
	width:616px;
	float:right;
	overflow: hidden;
	}
	
span.strapLine {
	color:#000000;
	font-size:11px;
	padding-left:10px;
	}
	
ul.topNav {
	margin:0;
	padding:0;
	font-size:11px;
        float: right;
	clear: both;
	}
	
ul.topNav li {
	float:left;
	border-right:1px solid #b7b7b7;
	background-image:none;
	padding-left:0;
	}
	
ul.topNav li.farRight {
	border-right:0px solid #b7b7b7;
	}	
	
ul.topNav li a {
	float:left;
	padding:0 5px;
	}
		
ul.topNav li.farRight a {
	padding-right:0;
	}
		
ul.topNav li a:hover {
	float:left;
	}
	
.topCta {
	padding-top:15px;
	clear:both;
	text-align:right;
	float: right;
	width: 616px;
	}
	
.topCta a {
	background:url(/images/red-arrow.gif) no-repeat center right;
	padding-right:10px;
	margin-right:15px;
	color:#000;
	}

.topCta a:hover {
	background:url(/images/blk-arrow.gif) no-repeat center right;
	padding-right:10px;
	text-decoration:none;
	color:#000;
	}
	
.topCta div.tel {
	font-size:19px;
	color:#000;
	width: 160px;
	float:right;
	}
	
.topCtaLinks {
	width:455px; 
	float:left; 
	margin-top:4px;
	}
	
.topSearch {
	clear:both;
	text-align:right;
	padding-bottom:15px;
	float: right;
	width: 616px;
	margin: 0 !important;
	}
	
/* ---------------- main navigation ---------------- */

.mainNavdots {
	margin-bottom:10px;
	}

ul.mainNav {
	margin:0;
	padding:0;
	clear:both;
	height:30px;
	}
	
ul.mainNav li {
	float:left;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	background-image:none;
	}
	
ul.mainNav li a {
	margin:0;
	padding:0;
	color: #e51937;
	font-weight:bold;
	}
	
ul.mainNav li a:hover {
	margin:0;
	padding:0;
	color:#646464;
	text-decoration:none;
	}
	
ul.mainNav li a.active {
	color:#000;
	text-decoration:none;
	}
	
ul.mainNav li.archIron {
	width:250px;
	text-align:left;
	}
	
ul.mainNav li.doorsets {
	width:109px;
	}
	
ul.mainNav li.handBal {
	width:240px;
	}

ul.mainNav li.accCtrl {
	width:130px;
	}
	
ul.mainNav li.addedValue {
	width:215px;
	}
	
ul.mainNav li.caseStudies {
	margin-right:0px;
	width:124px;
	text-align:right;
	}
	
	
	
	
/* ---------------- breadcrumb ---------------- */
	
.breadCrumb {
	clear:both;
	font-size:11px;
	height:18px;
	}
	
.breadCrumb a {
	color:#646464;
	text-decoration:underline;
	}
	
.breadCrumb a:hover {
	color:#646464;
	text-decoration:none;
	}

/* ---------------- home image ---------------- */

.homeFlash {
	clear:both;
	margin-bottom:20px;
	}
	
/* ---------------- main image ---------------- */

.mainImage {
	height:292px;
	margin-bottom:20px;
	}
	
.productImage {
	margin-bottom:20px;
	position:relative;
    min-height:366px;
    height: auto !important;
    height: 366px;	
	}
	
.mainImageDesc {
	position:absolute;
	bottom:10px;
	left:10px;
	background-color:#FFFFFF;
	padding:3px 6px 0 6px;
	height:19px;
	border:1px solid #dfdfdf;
display: none; 
visibility: hidden;
	}
	
.dotsImage {
	position:absolute;
	top:0px;
	left:0px;
	padding:2px 4px;
	}
	
.enlargeImg {
	position:absolute;
	bottom:10px;
	left:502px;
	background-color:#FFFFFF;
	font-weight:bold;
	}
	
.enlargeImg a {
	display:block;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 0px 0 6px;
	height:19px;
	width:92px;
	border:1px solid #dfdfdf;
	}
	
.enlargeImg a:hover {
	background-color:#dfdfdf;
	color:#333;
	padding:3px 0px 0 6px;
	height:19px;
	text-decoration:none;
	}
	
/* ---------------- thumb items ---------------- */

.productThumbs {
    min-height:291px;
    height: auto !important;
    height: 291px;	
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	padding-left:11px;
	background:url(/images/backgrounds/sub-nav.gif) top left no-repeat;
	position:relative;
	}

.thumbRow {
	clear:both;
	}

.thumbItem {
	float:left;
	width:98px;
    min-height:118px;
    height: auto !important;
    height: 118px;	
	margin:0 8px 6px 0;
	font-size:11px;
	}
	
.colContainer .thumbItem p {
	margin:0;
	padding:0 4px;
	font-size:11px;
	line-height:1.2em;
	}
	
.colContainer .thumbItem p a {
	text-decoration:none;
	color:#000000;
	}
	
.colContainer .thumbItem p a:hover {
	text-decoration:none;
	color:#e51937;
	}

.colContainer .thumbItem p a.active{
	text-decoration:none;
	color:#e51937;
	}

.thumbItem a img {
	border:2px solid #ebebeb;
	/*width:94px;
	height:61px; */
	font-size:11px;
	}
	
.thumbItem a:hover img {
	border:2px solid #e51937;
	/*width:94px;
	height:61px; */
	}

.thumbItem a.active img {
     border:2px solid #e51937;
}
	
.thumbIntro {
	font-size:11px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	height:25px;
	padding-top:5px;
	}
	
.thumbItem a.active img {
	border:2px solid #e51937;
	/*width:94px;
	height:61px; */
	}
	
.backImg {
	position:absolute;
	bottom:10px;
	left:190px;
	background-color:#FFFFFF;
	font-weight:bold;
	}
	
.backImg a {
	display:block;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 0px 0 6px;
	height:19px;
	width:115px;
	border:1px solid #dfdfdf;
	}
	
.backImg a:hover {
	background-color:#dfdfdf;
	color:#333;
	padding:3px 0px 0 6px;
	height:19px;
	text-decoration:none;
	}
.backImg1 {
	position:absolute;
	bottom:10px;
	left:180px;
	background-color:#FFFFFF;
	font-weight:bold;
	}
	
.backImg1 a {
	display:block;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 0px 0 6px;
	height:19px;
	width:144px;
	border:1px solid #dfdfdf;
	}
	
.backImg1 a:hover {
	background-color:#dfdfdf;
	color:#333;
	padding:3px 0px 0 6px;
	height:19px;
	text-decoration:none;
	}	

	
/* ---------------- sub nav ---------------- */

.subNav {
	margin-bottom:20px;
	padding-top:15px;
    min-height:277px;
    height: auto !important;
    height: 277px;	
	background:url(/images/backgrounds/sub-nav.gif) top left no-repeat;
	}

.subNav h1 {
	padding-left:30px;
	margin-bottom:0.2em;
	}
	
.subNav ul {
	margin:0;
	padding:0;
	padding-left:30px;
	padding-bottom:12px;
	}
	
.subNav ul li {
	margin:0;
	padding:0;
	font-size:15px;
	line-height:1.5em;
	background-image:none;
	text-transform:capitalize;
	}
	
.subNav ul li a {
	background:url(/images/red-arrow.gif) no-repeat right center;
	text-decoration:none;
	padding-right:10px;
}

.subNav ul li a:hover {


	background:url(/images/red-arrow.gif) no-repeat right center;
	text-decoration:none;
	padding-right:10px;
	color:#e51937;
}


/* ---------------- right nav ----------------- */
.rightnav {
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #ddd;
}

.rightnav li {
	padding: 5px;
	margin: 0px;
	border-top: solid 1px #ddd;
}

.rightnav li a {
	color: #e51937;
	font-size: 1.3em;
	padding-right: 15px;
	background: url(/images/red-arrow.gif) right no-repeat;
}


/* ---------------- ranges nav ---------------- */

ul.rangesNav {
	margin:0;
	padding:0;
	padding-bottom:15px;
	}

ul.rangesNav li {
	margin:0;
	padding:0;
	font-weight:bold;
	line-height:1.7em;
	background-image:none;
	}
	
ul.rangesNav li a {
	background:url(/images/red-arrow.gif) no-repeat right center;
	text-decoration:none;
	padding-right:10px;
}

ul.rangesNav li a:hover {
	background:url(/images/red-arrow.gif) no-repeat right center;
	text-decoration:none;
	padding-right:10px;
	color:#e51937;
}

/* ---------------- main body ---------------- */

.colContainer {
	width:948px;
	}
	
.colContainer p {
	font-size:12px;
	}
	
.colContainer h2.avs {
	background:url(/images/backgrounds/h2-dots.gif) no-repeat center;
	background-position:10em 0.4em;
	margin-top:0.8em;
	}
	
.colContainer h2.ms {
	background:url(/images/backgrounds/h2-dots.gif) no-repeat center;
	background-position:8em 0.4em;
	}
	
.colContainer h3 {
	padding-right:10px;
	}
	
.colContainer h3 a {
	background:url(/images/red-arrow.gif) no-repeat right center;
	text-decoration:none;
	padding-right:10px;
	}
	
.colContainer h3 a:hover {
	background:url(/images/red-arrow.gif) no-repeat right center;
	text-decoration:none;
	padding-right:10px;
	color:#e51937;
	}
	
.colA {
	float:left;
	width:610px;
	}
.colA a{
	color:#e51937;
	}
	
.colB {
	float:right;
	width:338px;
	}
	
.colB .padding {
	padding-left:30px;
	}
	
p.intro {
	font-size:16px;
	font-weight:normal;
	color:#797979;
	line-height:1.4em;
	margin-bottom:0.6em;
	}
	
p.introPara {
	margin-bottom:0.4em;
	}
	
.bodyColA {
	float:left;
	width:285px;
	margin-right:20px;
	margin-bottom:0px;
	}
	
.bodyColB {
	float:left;
	width:285px;
	margin-right:0px;
	margin-bottom:0px;
	}
	
.bodyColA img, .bodyColB img {
	float:left;
	margin-right:15px;
	}

/*##Red text##*/span.red {
	color:#e51937;
	}
	
.colB h2 {
	background:none;
	}

.redArrow {
	margin-bottom:-1px;
	padding-left:4px;
	}
	
p.moreLink {
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin:0;
	}
	
p.moreLink a:hover {
	text-decoration:none;
	color:#e51937;
	}
	
img.productIcons {
	margin:0px 10px 10px 0;
	}
	
/*##Right image##*/img.rightImg {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	}
	
/*##Left image##*/img.leftImg {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	}
	
.techHelp {
	padding-bottom:10px;
	}	
	
.appExamples {
	clear:both;
	background-color:#e2e2e2;
	padding:15px 15px 5px 15px;
	margin-top:15px;
	}

.techphone {
	font-size: 16px !important;
}

.techphone strong,.techphone b {
	font-size: 18px !important;
}


/*##Block heading##*/h2.block {
	background: #f3f3f3;
	font-size: 1.2em !important;
	font-weight: bold;
	padding-left: 10px;
}

h2.block img {
	float: left;
	margin-right: 10px;
	margin-left: -10px;
}

/*##Large red paragraph##*/p.largered {
	color: #e51937;
	font-size: 1.3em !important;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

#homepage {
	color: #323232;
}

#homepage .intro {
	color: #7c7c7c;
	margin-bottom: 20px;
}

#homepage .small {
	margin-bottom: 0px;
	color:#696969;
	font-size: 0.9em;
}

/*##Small grey date##*/p.small {
	margin-bottom: 0px;
	color:#696969;
}

#homepage .bodyColB a {
	font-size: 1.3em;
	font-weight: normal;
}

#homepage .bodyColB p {
	padding-left: 10px;
}

#homepage .bodyColB {
	width: 300px;
}

#homepage .bodyColA {
	width: 300px;
	margin-right: 10px;
}

#homepage .bodyColA .largered {
line-height: 1.2em;
font-weight:normal;
}

#homepage .bodyColA .sector, #homepage .bodyColA h2 {
	margin-bottom: 0px;
}

#homepage .bodyColA br {
	display: none;
}

#homepage .moreLink a {
	font-size: 1.0em;
}
	
/* ---------------- case studies block / news block ---------------- */

.csBlk {
	border-bottom:1px solid #e2e2e2; 
	padding-bottom:2px; 
	margin-bottom:10px;
	}

.csBlk p, .newsBlk p {
	margin-bottom:0.2em;
	}
	
.newsBlk {
	text-align: right;
	/*background: url(/images/rt-divider.gif) no-repeat bottom;*/
	padding-bottom:30px; 
	margin-bottom:10px;
	color: #211D1E;
	}
	
.newsBlk a {
	color: #e51937;
	text-decoration: underline;
}

/* ---------------- spotlight ---------------- */

.spotlight {
	height: 222px;
	margin:0 0 30px;
	border-top: 2px solid #EF4C68;
	border-bottom: 2px solid #2a2a2a;
	background: url(/images/laidlaw-direct-spotlight.jpg) no-repeat left top;
}

.spotlight p {
	width: 140px;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #fff;
	padding: 5px 0 0 15px;
	margin: 5px 0;
}

.spotlight a, .spotlight span {
	color: #f00;
	padding-right:12px;
}

.spotlight a {
	background: url(/images/redarrow.gif) no-repeat right 50%;
}


	
/* ---------------- news ---------------- */

.newsItem {
	border-top:1px solid #e2e2e2;
	padding-top:15px;
	}

.newsItem p.newsDate {
	margin-bottom:0;
	font-weight:bold;
	color:#999999;
	}
.newsItem h2 {
        font-size: 120%;
        }
.newsItem h2 a {
	text-decoration:underline;
	}
	
.newsItem h2 a:hover {
	color:#e51937;
	}

/* ---------------- footer ---------------- */

.footer {
	clear:both;
	padding-top:20px;
	margin-top:15px;
	background:url(/images/backgrounds/footer-dots.gif) no-repeat top left;
	font-size:11px;
	}
	
.fColB {
	text-align: center;
	}
	
.fColB img {
	padding-right: 7px;
	}
	
.fColB img.last {
	padding-right: 0;
	}
	
	
.footer a {
	text-decoration:underline;
	}
	
.fColC {
	text-align: center;
	padding-top: 20px;
	}

.fColB p{
	margin-bottom:0;
	}

.fColC img{
	margin-right:14px;
	margin-bottom:5px;
	}
	


/* ---------------- forms ---------------- */

form {
	margin:0;
	padding:0;
	}
	
form input.hsField {
	color:#999;
	font-size:11px;
	padding:2px 0 1px 4px;
	width:160px;
	}

form input.hsFielda {
	color:#646464;
	font-size:11px;
	padding:2px 0 1px 4px;
	width:160px;
	}

.formRowGeneric {
	padding:5px 0pt 6px 0px;
	border-bottom:1px solid #e2e2e2;
}

	
.formRowGeneric label {
	clear:left;
	border-right:0px solid #7A381B;
	display:block;
	float:left;
	line-height:22px;
	margin:0pt 5px 0pt 0pt;
	width:140px;
	color:#646464;
	font-size:12px;
	font-weight:bold;
}

.formRowGeneric input{
	font-size:11px;
	padding:2px 1px 1px 4px;
	width:220px;
}
	
.formRowGeneric textarea.textbox{
	width:190px;
	font-size:11px;
	padding:2px 1px 1px 3px;
	font-family:Arial, Helvetica, sans-serif;
}
	
input.customSubmit {
    width : 86px;
    height : 32px;
    overflow : hidden;
    padding : 32px 0 0 0;
    background : url(../images/buttons/submit.gif) no-repeat;
    border : 0;
    cursor:pointer;
}	

/* ------------------------- REQUEST Form styles --------------------------- */

.formsurround label {float: left; width: 200px; clear: both; margin-bottom: 10px;}
.formsurround .mfield {float: left; width: 10px; margin-bottom: 10px;}
.formsurround input {width: 250px; float: left; margin-bottom: 10px;}
.formsurround select {width: 250px; float: left; margin-bottom: 10px;}
.formsurround textarea {width: 250px; float: left; margin-bottom: 10px; height: 100px; margin-bottom: 20px;}
.formsurround form p {width: 580px; float: left; clear: both;}
.formsurround .date select {width: 90px !important;}

.formsurround .checklist {clear: both; float: left; width: 550px; margin: 0px 0px 10px 0px;}
.formsurround .checklist .checkbox {width: 360px; float: left; clear: both; display: block;}
.formsurround .checklist input {float: left; margin: 0px 10px 10px 0px; padding: 0px; width: 10px;}
.formsurround .checklist label {float: left; width: 200px; margin: 0px 0px 10px 0px; padding: 0px; clear: none;}
.formsurround .privsectC {width: 550px; float: left; clear: both;}
.formsurround .privsectC label {width: 380px;}
.formsurround .privsectC input {float: left; width: 10px;}
.formsurround .privsect {width: 550px; float: left; clear: both;}
.formsurround .privsect label {width: 520px;}
.formsurround .privsect input {float: left; width: 10px;}
.formsurround .fsubmit input {width: 100px; clear: both; float: left;}
.formsurround select#seminar {width: 380px !important;}
.errorheading {color: red; margin-bottom: 14px;}
.error, .err {color: red; clear: both !important; float: left !important; position: relative !important;  display: block !important; text-align: right; width: 430px !important; margin-bottom: 6px !important;}
*html .error, *html .err {}


/* ---------------- block quote ---------------- */

blockquote {
	margin:0;
	padding:0;
	background:url(/images/backgrounds/quote-top.gif) no-repeat;
	margin:10px 0 25px 0;
	color:#333;
	}

.colContainer blockquote p {
	margin:0;
	padding:0;
	padding:20px 50px 5px 50px;
	font-size:11px;
	font-style:italic;
	}

blockquote p.botQuote {
	background:url(/images/backgrounds/quote-bot.gif) no-repeat;
	margin:0;
	padding:0px 50px 20px 50px;
	}
	
/*##Item Number##*/td.itemNo {font-weight: bold; color: #000;}
th {font-weight: bold; color: #000; background:#e2e2e2; padding:4px; }

/*BRANCH LOCATOR STYLES*/

.maphold {background-image: url(/images/mapback.jpg); width: 610px; height: 292px; display: block; position: relative; padding: 0px; margin: 0px; }
.maphold a img {border: none; padding: 0px; margin; 0px;}
#salford {position: absolute; top: 181px; left: 215px; z-index: 8; }
#london {position: absolute; top: 233px; left: 258px; z-index: 2; }
#sheffield {position: absolute; top: 180px; left: 230px; z-index: 3; }
#willenhall {position: absolute; top: 208px; left: 225px; z-index: 4; }
#kinmelbay {position: absolute; top: 186px; left: 192px; z-index: 9; }
#liverpool {position: absolute; top: 175px; left: 202px; z-index: 7; }
#cardiff {position: absolute; top: 234px; left: 198px; z-index: 10; }
#bristol {position: absolute; top: 241px; left: 212px; z-index: 11; }
#gateshead {position: absolute; top: 139px; left: 225px; z-index: 5; }
#glasgow {position: absolute; top: 109px; left: 178px; z-index: 6; }
#perth {position: absolute; top: 90px; left: 197px; z-index: 1; }
#barnstaple {position: absolute; top: 251px; left: 180px; z-index: 12; }

#locationgrid {width: 290px; margin: 0px 0px 0px 10px; float: left;}
.locationitem {float: left; width: 270px;}

/*BRANCH LOCATOR STYLES END*/

/* ---------------- Search Results ---------------- */
.searchhead { font-weight: bold; }
.result1 { padding: 5px; }
.result2 { padding: 5px; background: #eee; }
.prevlink, .pagecount, .nextlink { float: left; width: 33%; }
.prevlink { text-align: left; }
.pagecount { text-align: center; }
.nextlink { text-align: right; }


/* ---------------- branch map rollovers---------------- */


div.branchLocate a:hover {
	position: relative;
}

div.branchLocate a span {
	display: none;
}

div.branchLocate a:hover span {
	display: block;
	width: 180px;
	color: black;
	font-size: 11px;
	position: absolute; 
	bottom: 10px; 
	line-height: 1.4em;
	right: 50;
	padding: 5px; 
	margin: 10px; 
	text-decoration: none;
	z-index: 100;
	background: #f0f0f0; 
	border: 1px dotted #E51937;
}

/* ---------------- registration form ---------------- */

#regform {
	position: relative;
	background: #ebebeb url(/images/subscribe-bg.jpg) bottom right no-repeat;
	padding-bottom: 18px;
	margin: 0px 0px 18px 0px;
}

#regform p, #regform form {
	margin: 0px 18px 0px 18px;
}
#regform input {
	display: block;
	margin-top: 5px;
}

#regform #email {
	margin-right: 5px;
	float: left;
}
#regform h2 {
	background: #dbdbdb url(/images/red-arrow.gif) no-repeat center left;
	padding: 10px 0px 10px 18px;
	font-size: 115%;
}

#regform #regbtn {
	float: left;
}

#regform .error {
	width: auto !important;
}


/* Added by Danny@amaze */

.topCta address {
	
	display: block;
	clear: both;
	position: relative;
	right: 0;
	padding: 10px 0;
	text-align: right;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	
}