/* CSS developed by 9xb.com
Main stylesheet for layout */

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		font: 11px/1.3em Tahoma, Arial, Helvetica, sans-serif;
		color: #111;
	}
	
	body {
		margin: 0;
		text-align: center;
		background: url(../images/back.jpg) repeat-x top left #ecefee;
	}
	
/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	.hidden, .screen_reader, hr {
		display: none;
	}
	.block { background:#ecefee;
	padding: 15px;} 
	.block img { background:#fff; padding:4px 5px; border:1px solid #ced5cd;}
	p {
		margin: 0 0 15px 0;
		padding: 0;
	}
	.clear {
		clear: both;
	}
	#content p {
		line-height: 1.6em;
	}
	
	a img {
		border: 0;
	}
	
	a {
		color: #0068b5;
		text-decoration: underline;
	}
	a:hover {
		color: #b03226;
	}
	ol {
		list-style: none;
		padding: 0;
		margin: 0 0 10px 0;
	}
	ul {
		padding: 0 0 0 30px;
		margin: 0 0 15px 0;
	}
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
        
	.floatimgL {
		float: left;
		margin: 0 20px 20px 0;
	}
	.floatimgR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	.red {
	color:#FF0000;
	font-weight:bold;}
	
	.noborder{
		border:none;
	}
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#container{
		width: 900px;
		/*
		I don't know who put this image in here, but it doesn't exist, and has been stacking the error log up consequently!
		background: url(../images/container_back.jpg) repeat-x;
		*/
		text-align: left;
		margin: 0 auto;
	}
	#header {
		float: left;
		width: 900px;
		height: 285px;
		position: relative;
		background: url(../images/topbox_back.gif) no-repeat;
		margin: 0 0 15px 0;
		padding: 0;
	}
	#contentwrap {
		padding: 0 7px 10px 7px;
		float: left;
		margin: 0;
		clear: both;
		width: 886px;
	}
	* html #contentwrap { width: 900px; }
	#content {
		width: 670px;
		float: left;
		padding: 0 0 10px 0;
		font-size: 120%;
		margin: 0 0 10px 0;
	}
	#contentinner {
		width: 620px;
		float: left;
		padding: 25px 25px 10px 25px;
		background: #fff;
		margin: 0 0 15px 0;
	}
	* html #contentinner { width: 670px; }
	x* {
		border: 1px solid #000;
	}
	#rightcol {
		width: 199px;
		background: #fff;
		float: right;
		padding: 0;
		margin: 0px 0 10px 0;
	}
	#footer {
		float: left;
		width: 866px;
		background: #e4e7e7;
		padding: 10px;
		margin: 0;
	}
	* html #footer { width: 886px; }
	
	#logos {
		clear: both;
		text-align: center;
		padding: 10px 0;
		border-top: 1px solid #ccc;
	}
	
	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		margin: 0;
		padding: 0;
		width: 193px;
		height: 160px;
		overflow: hidden;
		position: absolute;
		top: 58px;
		left: 31px;
		z-index: 10;
		background: url(../images/logo.gif) no-repeat center center #000000;
	}
	
	h1 a {
		display: block;
		text-indent: -3000em;
		margin: 0;
		padding: 0;
		width: 193px;
		height: 160px;
		background: transparent;
	}

	h1 a:hover {
		background: transparent;
	}
	
	.flash_replacement {
		position:relative;
		top:20px;
		left:21px;
	}
	h2 {
		color: #0068b5;
		margin-top: 10px;
		font-size: 250%;
		line-height: 1.2em;
		font-weight: normal;
	}
	#content h2 {
		color: #0068b5;
		margin: 0 0 15px 0;
		font-size: 250%;
		line-height: 1.2em;
		font-weight: normal;
	}
	h3 {
		font-size: 110%;
		margin: 0 0 10px 0;
	}
	h3.importantinfo {
		font-size: 150%;
		color: #0068b5;
		font-weight: normal;
	}
	
	
/* ---------------------------------- */
/* NAV STYLES  */   
/* ---------------------------------- */
	
	#nav {
		list-style: none;
		margin: 0 0 0 8px;
		padding: 10px;
		position: absolute;
		top: 252px;
		background: #e4e7e7;
		border-bottom: 1px solid #ccc;
		width: 866px;
	}
	* html #nav {
		width: 886px;
	}
	#nav li {
		display: inline;
	}
	#nav li a {
		color: #333;
		text-decoration: none;
		padding: 0 6px;
		border-left: 1px solid #0093ff;
	}
	#nav li a.home {
		border-left: none;
	}
	#nav li a:hover {
		color: #0093ff;
		text-decoration: underline;
	}
	
	
/* ---------------------------------- */
/* HEADER STYLES  */   
/* ---------------------------------- */

	#header h2 {
		width: 880px;
		height: 201px;
		position: absolute;
		text-indent: -3000em;
		font-size: 1px;
		z-index: 1;
		top: 28px;
		left: 10px;
		background:#000;
	}
	xbody#section_homepage #header h2 { background: url(../images/header/homepage.jpg); }
	body#section_protection_rails #header h2 { background: url(../images/header/protection_rails.jpg); }
	body#section_handrails #header h2 { background: url(../images/header/handrails2.jpg); }
	body#section_corner_protection #header h2 { background: url(../images/header/corner_protection2.jpg); }
	body#section_door_frame #header h2 { background: url(../images/header/door_frame.jpg); }
	body#section_protection_panels #header h2 { background: url(../images/header/protection_panels.jpg); }
	body#section_bed_head_protection #header h2 { background: url(../images/header/bed_head_protection.jpg); }
	body#section_heavy_duty #header h2 { background: url(../images/header/heavy_duty.jpg); }
	body#section_colours_finishes #header h2 { background: url(../images/header/colours_finishes.jpg); }
	body#section_technical #header h2 { background: url(../images/header/technical.jpg); }
	body#section_education #header h2 { background: url(../images/header/education.jpg); }
	body#section_retail #header h2 { background: url(../images/header/retail.jpg); }
	body#section_corporate #header h2 { background: url(../images/header/corporate.jpg); }
	body#section_healthcare #header h2 { background: url(../images/header/healthcare.jpg); }
	body#section_leisure #header h2 { background: url(../images/header/leisure.jpg); }
	body#section_industry #header h2 { background: url(../images/header/industry2.jpg); }
	body#section_architects #header h2 { background: url(../images/header/architects2.jpg); }
	body#section_about #header h2 { background: url(../images/header/about.jpg); }
	body#section_the_team #header h2 { background: url(../images/header/team.jpg); }
	body#section_contact #header h2 { background: url(../images/header/contact.jpg); }
	body#section_request_brochure #header h2 { background: url(../images/header/request_brochure.jpg); }
	body#section_advice #header h2 { background: url(../images/header/advice.jpg); }
	body#section_coverage #header h2 { background: url(../images/header/coverage.jpg); }
	body#section_privacy #header h2 { background: url(../images/header/protection_rails.jpg); }
	body#section_sitemap #header h2 { background: url(../images/header/protection_rails.jpg); }
	body#section_brochure_request #header h2 { background: url(../images/header/brochure_request.jpg); }
	body#section_coverage #header h2 { background: url(../images/header/door_frame.jpg); }
	body#section_export #header h2 { background: url(../images/header/export.jpg); }
	body#section_additional_options #header h2 { background: url(../images/header/retail.jpg); }	
	body#section_press #header h2 { background: url(../images/header/press.jpg); }
	body#section_sales_manager #header h2 { background: url(../images/header/salesmanager.jpg); }
	body#section_product_brochure #header h2 {background-image: url(../images/header/brochure_request.jpg);}
	body#section_new_products #header h2 {background-image: url(../images/header/new_products.jpg);}
	body#section_imagery_products #header h2 {background-image: url(../images/header/imagery.jpg);}
	body#glazing_bead_protector #header h2 {background-image: url(../images/header/glazing-bead.jpg);}
	
	

/* ---------------------------------- */
/* CONTENT STYLES  */   
/* ---------------------------------- */

	#hometext {
		float: left;
		width: 400px;
		padding: 0;
		margin: 0;
	}
	#pressbox {
		width: 170px;
		float: right;
		font-size: 85%;
		padding: 0 0 0 20px;
		border-left: 1px solid #d9dbda;
	}
	#pressbox { width: 190px; }
	#pressbox h2 {
		font-size: 1.4em;
	}
	#pressbox h3 {
		color: #333;
		margin: 0 0 8px 0;
		clear: both;
		font-size: 95%;
	}
	#pressbox p {
		color: #333;
		margin: 0;
		line-height: 1.2em;
	}
	#pressbox a {
		color: #333;
		text-decoration: none;
	}
	#pressbox a:hover {
		color: #0068b5;
	}
	#pressbox a.image {
		border: 5px solid #ececec;
		float: left;
		background: #fff;
		margin: 0 10px 10px 0;
	}
	#pressbox a.image:hover {
		border: 5px solid #0068b5;
		background: #0068b5;
	}
	#pressbox a.image img {
		float: left;
	}
	.press_image {
		position:relative;
		top:-60px;
		}
/* ---------------------------------- */	
	
	.imgblock {
		width: 298px;
		float: right;
		margin: 0 0 20px 20px;
		padding: 0;
	}
	.imgblock h3 {
		margin: 25px 24px 0 24px;
		padding: 0;
		background: #fff;
		list-style: none;
	}
	.imgblockinner {
		width: 298px;
		float: left;
		margin: 0;
		padding: 0;
		background: url(../images/bg_imgs_bottom.jpg) no-repeat bottom center;
		
	}
	.imgblock ul {
		width: 260px;
		float: left;
		margin: 0;
		padding: 24px 14px 19px 24px;
		list-style: none;
		background: url(../images/bg_imgs_top.jpg) no-repeat top center;
	}
	* html .imgblock ul {
		width: 298px;
	}
	
	.imgblock ul li {
		float: left;
		margin: 0 5px 5px 0;
		padding: 0;
	}
	
/* ---------------------------------- */

	.imagery_slideshow {
		width: 620px;
		margin: 0px;
		padding: 0px;
	}
	.imagery_slideshow h3 {
		margin: 0px;
		padding: 0px;
		background: #fff;
		list-style: none;
	}
	.imagery_slideshow_inner {
		width: 620px;
		float: left;
		margin: 0px;
		padding: 0px;
		background: url(../images/bg_imgs_bottom.jpg) no-repeat bottom center;
		
	}
	.imagery_slideshow ul {
		width: 620px;
		float: left;
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: url(../images/bg_imgs_top.jpg) no-repeat top center;
	}
	* html .imagery_slideshow ul {
		width: 620px;
	}
	
	.imagery_slideshow ul li {
		float: left;
		margin: 10px 10px 0 0;
		padding: 0px;
	}
	
/* ---------------------------------- */

	.contact_form, .contact_form ul {
		list-style: none;
		padding: 15px;
		margin: 0 0 10px 0;
		float: left;
		background: #ecefee;
	}
	.contact_form ul {
		padding: 0;
	}
	.contact_form h3 {
		padding: 0;
		margin: 0 0 5px 0;
	}
	.contact_form li {
		padding: 0;
		margin: 0 0 10px 0;
		float: left;
		width: 190px;
	}
	.contact_form label {
		margin: 0 0 5px 0;
	}
	.contact_form input {
		width: 150px;
		float: left;
	}
	.contact_form li.textarea {
		width: 580px;
	}
	.contact_form .textarea textarea {
		width: 575px;
		height: 75px;
	}
	.contact_form li.checkboxes {
		width: 590px;
		float: left;
	}
	.contact_form li.checkboxes fieldset {
		border: 0;
	}
	.contact_form li.checkboxes legend {
		margin: 0 0 5px 0;
		padding: 0;
		font-weight: bold;
		color: #0068b5;
	}
	.contact_form li.checkboxes input {
		width: auto;
		margin: 0 5px 5px 0;
		padding: 0;
	}
	.contact_form li.block {
		width: 590px;
	}
	.contact_form .formbutton {
		width: auto;
	}
	
/* ---------------------------------- */

	#colour_samples {
        text-align: center;
		background: #000;
		margin: 0 0 10px 0;
    }
    #colour_samples table {
        border-collapse: collapse;
		border: 0;
		width: 500px;
		margin: 0 auto;
		font-size: 0.9em;
		color: #fff;
    }
    #colour_samples td {
        padding: 10px 5px;
		margin: 0;
		border-bottom: 1px solid #d6d6d6;
		vertical-align: middle;
    }
    #colour_samples tr.last td {
        border-bottom: 0;
    }

/* ---------------------------------- */

	.sales_manager_information{
		width:340px;
		background:#666666;
		border:2px solid #cccccc;
		padding:10px;
		color:#ffffff;
		position:absolute;
		display:none;
		height:150px;
	}
	
		.sales_manager_information img{
			float:right;
		}
	
		.sales_manager_information p{
			margin:0;
			padding:0;
		}

		.sales_manager_information h3{
			font-size:14pt;
			width:190px;
			float:none;
			display:block;
			line-height:normal;
		}
		
		.sales_manager_information a{
			color:#ffffff;
		}

		#scotland{ top:70px; left:40px; }
		#north_west{ top:260px; left:40px; }
		#north_east{ top:260px; left:40px; }
		#south_central{ top:460px; left:40px; }
		#south_west{ top:600px; left:40px;}
		#south_east{ top:600px;	left:160px;	}
		#midlands{top:600px; left:120px;}

/* ---------------------------------- */
/* RIGHTCOLUMN STYLES  */   
/* ---------------------------------- */

	#rightcol h2 {
		color: #0068b5;
		font-size: 120%;
		margin: 0;
	}
	.jobapps{
		border: 0;
		border-top: 10px solid #ecefee;
		padding: 0;
		margin:10px 0 0 0;
		float:left;
	}
	
	#colours, #swatch, #glazing-bead-banner {
		border: 0;
		border-bottom: 10px solid #ecefee;
		padding: 0;
		float:left;
		margin: 0px 0 0 0;
	}
        #glazing-bead-banner { text-align:center; width:199px; height:286px; }
        #glazing-bead-banner img { padding:10px; }
	#colours ul {
		list-style: none;
		float:left;
		padding: 0;
	}
	#colours ul li, #swatch ul li {
		display: block;
		padding: 0;
		text-align: right;
		border: 10px solid #fff;
	}

        #swatch { height:70px; width:199px; background: #000 url(../images/colour-swatch.jpg) no-repeat 5px center; }
        #swatch ul { padding:0; margin:0; list-style:none; }
        #swatch ul li { border:0;}

	#swatch ul li a {
		text-decoration: none;
		color: #fff;
		display: block;
		font-weight: bold;
		
		padding: 20px 10px 20px 8px;
	}
	#swatch ul li a:hover {
		/*background: url(../images/bg_colours.jpg) no-repeat left center;*/
		text-decoration: underline;
	}
	
	#finishes_table{
		width:620px;
		background-color:#000;
		color:#FFF;	
		margin-bottom:10px;
	}
	#finishes_table table{
		border: 0;
		width: 560px;
		margin: 0 auto;
		border-collapse: collapse;
	}
	#finishes_table td {
		padding:10px;
		border-bottom: 1px solid #d6d6d6;
	}
	#finishes_table tr.last td {
        border-bottom: 0;
    }
	#finishes_table img{
		padding:5px
	}
	#finishes_table a{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:underline;
	}
	#finishes_table a:hover{
		text-decoration:none;
	}
	
/* ---------------------------------- */
	
	#sectors {
		border-bottom: 10px solid #ecefee;
		padding: 10px;
	}
	#sectors ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#sectors h2 {
		padding: 0 0 10px 0;
	}
	#sectors ul li {
		display: block;
		border-bottom: 1px solid #fff;
		background: #e4e7e7;
		padding: 0;
	}
	#sectors ul li a {
		text-decoration: none;
		color: #333;
		display: block;
		background: url(../images/arrow.gif) no-repeat left center;
		padding: 8px 8px 8px 22px;
	}
	#sectors ul li a:hover {
		color: #fff;
		background: url(../images/arrow.gif) no-repeat left center #0068b5;
	}
	
/* ---------------------------------- */
	
	#company {
		border-bottom: 10px solid #ecefee;
		padding: 10px;
	}
	
/* ---------------------------------- */
	
	#company, #presslinks {
		border-bottom: 10px solid #ecefee;
		padding: 10px;
	}
	#company ul, #presslinks ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#company ul li, #presslinks ul li {
		display: block;
		border-bottom: 1px solid #fff;
		background: #fff;
		padding: 0;
	}
	#company ul li a, #presslinks ul li a {
		text-decoration: none;
		color: #333;
		display: block;
		background: url(../images/bullet.gif) no-repeat left center;
		padding: 2px 2px 4px 12px;
	}
	#company ul li a:hover, #presslinks ul li a:hover {
		text-decoration: underline;
		color: #0068b5;
	}
	
/* ---------------------------------- */
	
	#clients {
		padding: 10px;
		background: #fff;

}
	
/* ---------------------------------- */

	#cta {
		float: left;
		width: 670px;
		font-size: 85%;
	}
	#cta div {
		float: left;
		width: 330px;
		margin: 0 10px 10px 0;
		background: #fff;
	}
	#cta div.cta_points {
		float: left;
		width: 656px;
		border: 7px solid #fff;
		margin: 0 0 10px 0;
	}
	* html #cta div.cta_points {
		width: 670px;
	}
	#cta a {
		text-decoration: none;
		display: block;
		height: 65px;
		width: 316px;
		border: 7px solid #fff;
		color: #333;
	}
		#cta a strong {
			font-size: 1.1em;
			margin: 0 0 5px 0;
			padding: 0;
			display: block;
			color: #0068b5;
			text-transform: uppercase;
		}
	#cta a:hover {
		border: 7px solid #f8f8f8;
	}
	
	#cta .advice, #cta .contactbox {
		margin: 0 0 10px 0;
	}
	#cta .brochure {
		background: url(../images/bg_brochure.jpg) no-repeat right top #fff;
	}
	#cta .brochure a {
		padding: 0 120px 0 0;
		width: 196px;
	}
	#cta .advice {
		background: url(../images/bg_advice.jpg) no-repeat right top #fff;
	}
	#cta .advice a {
		padding: 0 100px 0 0;
		width: 216px;
	}
	
	#cta .coverage {
		background: url(../images/bg_coverage.jpg) no-repeat right top #fff;
	}
	#cta .coverage a {
		padding: 0 80px 0 0;
		width: 236px;
	}
	
	#cta .contactbox {
		background: url(../images/bg_contact.jpg) no-repeat right top #fff;
	}
	#cta .contactbox a {
		padding: 0 80px 0 0;
		width: 236px;
	}
	
	* html #cta .advice a,
	* html #cta .brochure a,
	* html #cta .coverage a,
	* html #cta .contactbox a {
		width: 330px;
		height: 80px;
	}
	
/* ---------------------------------- */

	.athirdcol {
		width: 200px;
		float: left;
	}
	.athirdcol ul {
		list-style: none;
	}
	.athirdcol ul li {
		padding: 3px 0;
	}
		
/* ---------------------------------- */
/* FOOTER ELEMENTS  */   
/* ---------------------------------- */	
	
	#footer p {
		color: #333;
		margin: 0;
	}
	.footerleft {
		float: left;
	}
	.footerright {
		float: right;
	}
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#footer ul li {
		display: inline;
	}
	#footer a {
		color: #333;
		margin-left: 10px;
	}
	#footer .footerright a {
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
		color: #0068b5;
	}
	
	
/* ---------------------------------- */

	#logos p {
		margin: 0;
		padding: 0 0 2px 0;
		font-size: 110%;
	}

/* ---------------------------------- */
.beforeAfter { width:400px; margin:0 auto; padding-bottom:20px; }
.beforeAfter p { width:195px; margin:0 !important; }

/* ---------------------------------- */
/* FORM ELEMENTS  */   
/* ---------------------------------- */

	input, textarea, select {
		font: 12px/1.3em Trebuchet MS, arial, verdana, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color: #333;
		font-size: 11px;
		margin: 0;
	}
	textarea {
		height: 100px;
	}
	form {
		clear: both;
		margin: 0 0 25px 0;
	}
	label {
		display: block;
	}
	
	#flashcontent{
		width: 193px;
		z-index: 2;
		height: 160px;
		position: relative;
		top: 38px;
		left: 10px;
	}
	
	#flashclients{
		position: relative;
		top: 0;
		left: 0;
		border: 0;
		background: #fff;
	}

	.article-pagination {
		text-align:center;
		padding:10px 0;
	}

/* --------------------------------------------
*   Glazing bead page
*  -------------------------------------------- */

/*#glazing_bead_protector #contentinner {
    background: #000;
    color:#fff;
}
*/
#glazing_bead_protector #contentinner * { color: #111; }

#glazing_bead_protector #contentinner .fire-safety { width:195px; float:left; }
#glazing_bead_protector #contentinner .fire-safety-img { float:right; }
#glazing_bead_protector #contentinner .download { width:160px; float:left; }
#glazing_bead_protector #contentinner .download a { border:1px solid #000; font-weight: bold; text-decoration: none; background:#fff; color:#000; padding:0.5em; display: block; margin-bottom:1em; }
#glazing_bead_protector #contentinner .see-other { width:300px; float:right; }