/*
====================================
FABFIX CSS
------------------------------------
31.08.07 - jason@trinitydesign.co.uk

====================================

/*= IMPORT
====================================*/
@import "_products.css";
@import "_focus.css";
@import "_contact.css";

/*= GLOBAL
====================================*/
*,html{border:none; margin:0; padding:0; outline:none;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:url(../images/bg.jpg) fixed top left repeat-x #ECEAEA; z-index:1;}

a:link, a:visited{text-decoration:none; color:#5F5F5F;}
a:hover, a:active{text-decoration:none; color:#FBA755;}

.main-outer{
float:left;
margin:0px;
padding:5px;
width:470px;
}

	.offer_holder
	{
	padding-bottom:20px;
	
	}

	.offer_image
	{
	margin-top:20px;
  	width:110px; 
	min-height:100px; 
	float:left;
	}
	
			.offer_image a
			{
			border:none;
			}
	
	.offer_title
	{
	margin-top:20px;
	width:360px; 
	float:left; 
	margin-bottom:10px; 
	font-size:14px; 
	font-weight:bold;
	}
	
	.offer_info
	{
	width:360px; 
	float:left;
	}
	
	.offer_info ul
	{
	padding-left:20px;
	}
	
	.offer_code{
 	width:360px; 
	float:left; 
	margin:10px 0 10px 110px; 
	}
	
	.offer_one{
		width:156px; float:left; padding-bottom:20px; text-align:right; font-size:12px; font-weight:bold;border-bottom:#CCCCCC 1px solid;
	}
	
	.offer_one a{
	text-decoration:underline;
	}
	
	.offer_two{
		width:156px; float:left; padding-bottom:20px; text-align:right; font-size:12px; font-weight:bold;border-bottom:#CCCCCC 1px solid;
	}
	
	.offer_two a{
	text-decoration:underline;
	}
	
	.offer_three{
		width:156px; float:left; padding-bottom:20px; text-align:right; font-size:12px; font-weight:bold;border-bottom:#CCCCCC 1px solid;
	}
	
	.offer_three a{
	text-decoration:underline;
	}



/*= VISUALS
====================================*/

#wrap{
	width:820px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	position:relative;
	padding:0 0 55px 0;
}
	#wrap:after{
		content:".";
		visibility:hidden;
		display:block;
		clear:both;
		height:0;
	}
	
	#wrapmain{
	width:820px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	position:relative;
	padding:0 0 150px 0;
}
	#wrapmain:after{
		content:".";
		visibility:hidden;
		display:block;
		clear:both;
		height:0;
	}
#wrap-head{
border-bottom:1px solid #D8D8D8;
}
	
#alphacircle{
	background:url(../images/alphaCircle.png) no-repeat;
	position:absolute;
	width:250px;
	height:250px;
	left: 643px;
	top: 25px;
}

* html #alphacircle{
	background:url(../images/alphaCircle.gif) no-repeat;
}

#headerBar{
	width:820px;
	height:189px;
	background:url(../images/head-img.jpg) top left no-repeat;
	float:left;
}

#headText{
	width:820px;
	height:48px;
	border-top:8px #003064 solid;
	float:left;
	background:#C3BDB8;
	margin-bottom:20px;
}

/*= Navigation
====================================*/

#mainNav{
	display:block;
	float:left;
	height:auto;
	width:140px;
	margin:20px 20px 10px 10px;
	height: 1%;
}


#add-mainNav{
	display:block;
	float:left;
	height:480px;
	width:140px;
	margin:20px 20px 10px 10px;
	height: 1%;
}
	
	#mainNav li{
		display:block;
		list-style-type:none;
		font-size:1.1em;
		line-height:140%;
		height: 1%;
	}
	
		#mainNav li a{
			padding:0 0 2px 0;
			display:block;
			color:#000000;
			height: 1%;
		}
		#mainNav li a:hover{color:#FBA755;}
		
/*= Level 2
=====================================*/		

.mainNavL2{
	display:none;
	width:160px;
	margin:0 0 5px 0;
	padding:10px 0 0 0;
	color:#003064;
	padding-left:10px;
	background:url(../images/navBg.jpg) no-repeat;
	height: 1%;
}

	.mainNavL2 li{
		display:block;
		list-style-type:none;
		padding:0;
		margin:0;
		color:#003064;
		width:140px;
		line-height:80%;
		height: 1%;
	}
	
		.mainNavL2 li a,.mainNavL2 li a:link,.mainNavL2 li a:visited{
			padding:0 0 2px 0;
			display:block;
			font-size:12px;
			color:#003064;
			height: 1%;
		}
		.mainNavL2 li a:hover{color:#FBA755;}
		.active-link{height:15px; width:150px; color:#F7941E;}

 .download-menu{	
 	display: block;background:none;
	width:160px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	color:#000000;
	padding-left:10px;
	}
.download-menu li{border-bottom:1px solid #D8D8D8;
		list-style-type:none;
		padding:0;
		margin:0;
		color:#000000;
		width:140px;}

		
/*= Level 3
=====================================*/		

.mainNavL3{
	display:none;
	width:140px;
	margin:0 0 5px 5px;
	height: 1%;
}

	.mainNavL3 li{
		
		display:block;
		list-style-type:none;
		font-weight:normal;
		padding:1px 0 1px 7px;
		background:url(../images/navslct.gif) 0px 6px no-repeat;
		height: 1%;
	}
	
	.mainNavL3 li:hover{ background-position:0px -9px;}
	
		.mainNavL3 li a,.mainNavL3 li a:link,.mainNavL3 li a:visited{
			display:block;
			padding:0 0 2px 0;
			line-height:140%;
			font-size:0.64em;
			color:#000000;
			height: 1%;
		}
		.mainNavL3 li a:hover{color:#FBA755;}

h5{
font-size:20px;
}

h5 span{
color:#CC6600;
}

/*= home body
=====================================*/	
.home-group{
float:left;
width:474px;
}
.home-outer{
display:inline;
float:left;
margin:0px;
padding:5px;
width:148px;
height:201px;
}
.downloads-outer{
background:#FFFFFF;
border-top:#D8D8D8 1px solid;
display:inline;
float:left;
margin:0px;
padding:5px;
width:148px;
height:145px;
}
#home-login{
display:inline;
float:left;
width:450px;
height:90px;
font-size:12px;
line-height:160%;
}
#ticker{
display:inline;
float:left;
margin:10 0 0 0;
padding:5px;
height:15px;
width:444px;
background:url(../images/loginbarBg.jpg) top left repeat-x #F7F7F7;
}
#message{
display:inline;
float:left;
margin:15px 0px 15px 0px;
height:40px;
width:424px;
font-size:12px;
font-weight:bold;
padding:5px 5px 5px 5px;
line-height:180%;
border-color:#999999;
border:solid;
}
#new_products{
	border:#E1E1E1 1px solid;
	float:right;
	margin:0 0 20px 0px;
	padding:5px;
	height:160px;
	width:140px;
}
#newdownload-listing{
padding:5px;
width:470px;
float:left;
background:url(../images/loginbarBg.jpg) top left repeat-x #F7F7F7;
}
#newdownload-listing * {cursor:pointer;}
#newdownload-listing li{margin:2px;height:34px;border-bottom:1px solid #D8D8D8;list-style-type:none;text-transform:uppercase;}

#download-listing{
padding:5px;
width:470px;
float:left;
background:url(../images/loginbarBg.jpg) top left repeat-x #F7F7F7;
}

#download-listing * {cursor:pointer;}
#download-listing li{margin:2px;height:34px;border-bottom:1px solid #D8D8D8;list-style-type:none;text-transform:uppercase;}
#download-listing .video{position:absolute;height:30px;background:transparent url(../images/video.png) no-repeat scroll 0%;width:305px;background-position:top right; z-index:13;}
#download-listing .video-i{position:absolute;height:30px;background:transparent url(../images/video-i.png) no-repeat scroll 0%;width:305px;background-position:top right;}
#download-listing .pdf{position:absolute;height:30px;background:transparent url(../images/datesheet.jpg) no-repeat scroll 0%;width:370px;background-position:top right;z-index:11;}
#download-listing .pdf-i{position:absolute;height:30px;background:transparent url(../images/datesheet-tech.jpg) no-repeat scroll 0%;width:370px;background-position:top right;}
#download-listing .pdf-two{position:absolute;height:30px;background:transparent url(../images/datesheet.jpg) no-repeat scroll 0%;width:340px;background-position:top right; z-index:12;}
#download-listing .pdf-two-i{position:absolute;height:30px;background:transparent url(../images/datesheet-data.jpg) no-repeat scroll 0%;width:340px;background-position:top right;}
#download-listing .hire{position:absolute;height:30px;background:transparent url(../images/hiresicon.png) no-repeat scroll 0%;width:400px;background-position:top right; z-index:10;}
#download-listing .hire-i{position:absolute;height:30px;background:transparent url(../images/hiresicon-i.png) no-repeat scroll 0%;width:400px;background-position:top right;}
#download-listing .tech{position:absolute;height:30px;background:transparent url(../images/techicon.png) no-repeat scroll 0%;width:435px;background-position:top right; z-index:9;}
#download-listing .tech-i{position:absolute;height:30px;background:transparent url(../images/techicon-i.png) no-repeat scroll 0%;width:435px;background-position:top right;}
#download-listing .fitting{position:absolute;height:30px;background:transparent url(../images/fitting.png) no-repeat scroll 0%;width:470px;background-position:top right; z-index:8;}
#download-listing .fitting-i{position:absolute;height:30px;background:transparent url(../images/fitting-i.png) no-repeat scroll 0%;width:470px;background-position:top right;}
#download-listing .info{position:absolute;height:30px;width:270px;border-right:1px solid #D8D8D8;}

.home-p{
margin-top:100px;
}

#home-doorhardware{
cursor:pointer;
height:51px;width:148px;
	float:left;
	background:url(../images/bg-doorhardware.jpg) top left no-repeat;
	padding:75px 17px 0 7px;
}
#home-doorhardware h1{font-size:1.1em; display:block; font-weight:normal; color:#000000;}

#home-windowhardware{
cursor:pointer;
height:51px;width:148px;
	float:left;
	background:url(../images/bg-windowhardware.jpg) top left no-repeat;
	padding:75px 7px 0 7px;
}
#home-windowhardware h1{font-size:1.1em; display:block; font-weight:normal; color:#000000;}

#home-securityproducts{
cursor:pointer;
height:51px;width:148px;
	float:left;
	background:url(../images/bg-securityproducts.jpg) top left no-repeat;
	padding:75px 7px 0 7px;
}
#home-securityproducts h1{font-size:1.1em; display:block; font-weight:normal; color:#000000;}

p.products{padding:10px 0 0 5px; }
	p.products a{text-decoration:none; font-size:1.0em;}
	p.products a:hover{text-decoration:none; font-size:1.0em; color:#FBA755;}

#home-rightbar{
	margin-top:40px;
	width:110px;
	float:left;
	margin-left:20px;
}

#home-rightbar span{font-weight:normal; color:#000000; font-size:1.1em; line-height:140%;}
#home-rightbar strong{font-weight:normal; color:#FAA64E; text-transform:uppercase;}


form.login{width:140px; float:right; display:none; margin-right:8px; margin-top:-1px; background:#F7F7F7; border:1px solid #F0F0F0; border-top:none;}
form.login input.password{width:100px; padding:0; border:1px solid #D8D8D8; border-right:none; margin:10px 0 10px 10px; float:left; color:#FAA64E; font-size:0.8em; height:15px; background:url(../images/loginformBg.jpg) center left no-repeat #ffffff;}
form.login input.logmein{background:url(../images/formsubmit.jpg) top left no-repeat; width:19px; height:17px; display:block; float:left; margin:10px 0;}
form.login input.logmein:hover{cursor:pointer;}
form.login input.passwordnav{width:100px; padding:0; border:1px solid #D8D8D8; margin:5px 0 10px 10px; float:left; color:#FAA64E; font-size:0.8em; height:17px; background:url(../images/loginformBg.jpg) center left no-repeat #ffffff;}
form.login input.logmeinnav{background:url(../images/formsubmit.jpg) top left no-repeat; width:19px; height:17px; display:block; float:left; margin:5px 0;}
form.login input.logmeinnav:hover{cursor:pointer;}

form.newlogin{width:450px; margin-right:8px; margin-top:-1px; background:#F7F7F7; border:1px solid #F0F0F0; border-top:none; padding:3px 3px 3px 3px;}
form.newlogin input.password{width:100px; padding:0; border:1px solid #D8D8D8; border-right:none; margin:10px 0 10px 10px; float:left; color:#FAA64E; font-size:0.8em; height:17px; background:url(../images/loginformBg.jpg) center left no-repeat #ffffff;}
form.newlogin input.logmein{background:url(../images/formsubmit.jpg) top left no-repeat; width:19px; height:17px; display:block; float:left; margin:10px 0;}
form.newlogin input.logmein:hover{cursor:pointer;}
form.newlogin input.passwordnav{width:100px; padding:0; border:1px solid #D8D8D8; color:#FAA64E; font-size:0.8em; height:17px; background:url(../images/loginformBg.jpg) center left no-repeat #ffffff;}
form.newlogin input.logmeinnav{background:url(../images/formsubmit.jpg) top left no-repeat; width:19px; height:17px;}
form.newlogin input.logmeinnav:hover{cursor:pointer;}

form.newlogintwo {width:150px; margin-right:8px; margin-top:-1px; }
form.newlogintwo input.password{width:100px; padding:0; border:1px solid #D8D8D8; margin:10px 0 10px 10px; float:left; color:#FAA64E; font-size:0.8em; height:17px; background:url(../images/loginformBg.jpg) center left no-repeat #ffffff;}
form.newlogintwo input.logmein{background:url(../images/formsubmit.jpg) top left no-repeat; width:19px; height:17px; display:block; float:left; margin:10px 0;}
form.newlogintwo input.logmein:hover{cursor:pointer;}
form.newlogintwo input.passwordnav{width:100px; padding:0; border:1px solid #D8D8D8; color:#FAA64E; font-size:0.8em; height:17px; display:block; float:left; background:url(../images/loginformBg.jpg) center left no-repeat #ffffff;}
form.newlogintwo input.logmeinnav{background:url(../images/formsubmit.jpg) top left no-repeat; width:19px; height:19px; display:block; float:left;}
form.newlogintwo input.logmeinnav:hover{cursor:pointer;}



/*= footer
=====================================*/	

#footer{
width:810px;
margin:10px auto;
text-align:right;
color:#B7B7B3;
font-size:0.8em;
}
	#footer a{color:#94948A;}
	#footer a:hover{color:#5D5D56;}
	

#downloads-body{
width:580px;
	float:left;
	margin:20px 0 0 10px;
	padding:0 0 10px 0;

}

/* working footer!!! judderman style */

div.fixed
{
width: 875px!important;
}

#footer_new
{
	z-index:2;

}

#footer_inner_new
{
	background:url(../images/footer_bg.gif) top center no-repeat;
	height:75px;
	overflow:hidden;
	position: relative;
	width: 820px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:left;
	color:#B7B7B3;
	text-transform:uppercase;
	font-size:0.8em;


}

/* finish */

.logo-footer{
	float:left;
	left:0px;
	bottom: 27px;
	position:absolute;
	display:block;
	width:52px;
	/*margin:-24px;
text-align:left;*/
	z-index:999;
	text-transform:uppercase;
	font-size:0.8em;
}

* html.logo-footer {
	right:400px;
		bottom:0px;
}


.securedbydesign{display:block;background:url(../images/securelogo.png) no-repeat top right; display:block; width:50px; height:48px;}
.securedbydesign:hover{background-position:bottom left;}

.links{
margin-bottom:30px;
height:50px;
background: no-repeat top right;
}
.links:hover{background-position:bottom right;}


ul#focus-downloads {
	display: block;
	float: left;
	padding: 0;
	margin: 15px 0 0 5px;
	list-style-type: none;
}

	ul#focus-downloads li 	{ font-size: 0.9em; display: block; padding: 5px 0 5px 21px; list-style-type: none; color:#000000; }
	ul#focus-downloads li a	{ }
	ul#focus-downloads li.pdf 		{ background: url(../images/icons/pdf.png) center left no-repeat; }
	ul#focus-downloads li.fitting 	{ background: url(../images/icons/compass.png) center left no-repeat; }
	ul#focus-downloads li.technical	{ background: url(../images/icons/screw.png) center left no-repeat; }
	ul#focus-downloads li.video	{ background: url(../images/icons/video.png) center left no-repeat; }
	ul#focus-downloads li.videourl	{ background: url(../images/icons/video_url.png) center left no-repeat; }

/* Class Creative News Page
============================================ */

#newsNav{display:block;float:right;height:auto;width:140px;margin:10px 0 10px 20px;}
#newsNav li{display:block;list-style-type:none;padding:10px 0;margin: 5px 0;border-top:1px dotted #999999;}
#newsNav li h4{padding:0;margin:0;font-weight:bold;}
#newsNav li h4 a{text-decoration:underline;}

#news-body{width:620px;float:left;margin:20px 0 0 10px;padding:0 0 10px 0;position:relative;}
#news-body h1{display:block; font-size:1.2em; font-weight:bold; margin:0; color:#000000; text-transform:uppercase;}
#news-body h2{font-size:1.8em; display:block;font-weight:normal;color:#000000;}
.date{font-family:"Georgia",serif;font-size:100%;font-style: italic;color:#6E6E6E}
#news-body p{line-height:18px;font-size:13px;}
#news-body img{margin:10px 0 10px 10px;border:1px solid #cccccc;padding:2px;}
#news-body .article{margin-top:20px;line-height:18px;font-size:13px;}

#newsTicker{display:inline;float:left;margin:10 0 0 0;padding:5px;width:470px;}
#newsTicker img{float:left;margin:0px 20px 20px 0px;border:1px solid #cccccc;padding:2px;}
#newsTicker a img:hover{background:#FBA755;}
#newsTicker h2 a{font-size:12px;}
#newsTicker p{margin:10px 0;}
#newsTicker .article{float:left;width:340px}
/*= POPUP PAGES
============================================ */
#privacy{
	width:380px;
	padding:20px;
	color:#696969;
}
	#privacy h1{display:block; color:#FBA755; margin:10px 0 20px 0; padding:0; font-size:1.8em;}
	#privacy p{display:block; padding:10px 0 5px 0;}
	#privacy span{display:block; font-weight:bold; color:#595959;}