/*
====================================
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:10px; color:#636466; background:url(../images/bg.jpg) fixed top left repeat-x #E6DFD5;}

a:link, a:visited{text-decoration:none; color:#A09C97;}
a:hover, a:active{text-decoration:none; color:#00B7A0;}

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

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

#wrap{
	width:820px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	position:relative;
	padding:0 0 55px 0;
	height: auto;
}
	#wrap:after{
		content:".";
		visibility:hidden;
		display:block;
		clear:both;
		height:0;
	}
#wrap-head{
border-bottom:1px solid #D8D8D8;
}
	
#alphacircle{
	position:absolute;
	width:281px;
	height:282px;
	left: 633px;
	top: -7px;
}

#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 #001B50 solid;
	float:left;
	background:#B6A299;
	margin-bottom:20px;
}

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

#mainNav{
	display:block;
	float:left;
	width:140px;
	margin:20px 20px 10px 10px;
	min-height: 300px;
}
	
	#mainNav li{
		display:block;
		list-style-type:none;
		text-transform:uppercase;
		font-size:1em;
	}
	
		#mainNav li a{
			padding:0 0 2px 0;
			display:block;
		}
		#mainNav li a:hover{color:#00B7A0;}
		.active-link{color:#00B7A0;}
		
/*= Level 2
=====================================*/		

.mainNavL2{
	display: none;
	width: 160px;
	height: 80px;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	color: #4C6D74;
	padding-left: 10px;
	background-image: url(../images/navBg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

	.mainNavL2 li{
		display:block;
		list-style-type:none;
		padding:0;
		margin:0;
		text-transform:uppercase;
		color:#4C6D74;
		width:140px;
	}
	
		.mainNavL2 li a,.mainNavL2 li a:link,.mainNavL2 li a:visited{
			padding:0 0 2px 0;
			display:block;
			font-size:10px;
			color:#4C6D74;
		}
		
		.mainNavL2 li a:hover{
		color:#00B7A0;
		}
	

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

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

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

	.mainNavL3 li{
		display:block;
		list-style-type:none;
		text-transform:uppercase;
		font-weight:normal;
		padding:1px 0 1px 7px;
		background:url(../images/navslct.gif) 0px 6px no-repeat;
	}
	
	.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;
			font-size:0.84em;
			color:#939598;
		}
		.mainNavL3 li a:hover{color:#00B7A0;}

/*= home body
=====================================*/	
.home-group{
	display:block;
	float:right;
	width: 680px;
}
.home-group-downloads{
	display:block;
	float:right;
	max-width: 480px;
}
*html .home-group-downloads{
	display:block;
	float:right;
	max-width: 680px;
}

#wrap .home-group .home-center {
max-width:444px;
}
#wrap .home-group .home-center .home-outer{
float:left;
margin:0px;
padding:5px;
width:148px;
}
#ticker{
	float:left;
	margin:0 0 0 0;
	;
	padding:5px;
	height:15px;
	width:444px;
	background:url(../images/loginbarBg.jpg) top left repeat-x #F7F7F7;
	margin-top: 25px;
	margin-left: 30px;
}
#promotable td{
	padding: 4px;
	background-color: #$background;
	color: #$backtext;
	margin: 0;
	border: inset 1pt;
	font-size:12px;
} 
#boldheader tr{
font-size:16px;
font-weight:bold;
}

#download-listing{
padding:5px;
width:475px;
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 .pdf{position:absolute;height:30px;background:transparent url(../images/datesheet.jpg) no-repeat scroll 0%;width:400px;background-position:top right;}
#download-listing .pdf-i{position:absolute;height:30px;background:transparent url(../images/datesheet-i.jpg) no-repeat scroll 0%;width:400px;background-position:top right;}
#download-listing .hire{position:absolute;height:30px;background:transparent url(../images/hiresicon.png) no-repeat scroll 0%;width:435px;background-position:top right;}
#download-listing .hire-i{position:absolute;height:30px;background:transparent url(../images/hiresicon-i.png) no-repeat scroll 0%;width:435px;background-position:top right;}
#download-listing .tech{position:absolute;height:30px;background:transparent url(../images/techicon.png) no-repeat scroll 0%;width:470px;background-position:top right;}
#download-listing .tech-i{position:absolute;height:30px;background:transparent url(../images/techicon-i.png) no-repeat scroll 0%;width:470px;background-position:top right;}
#download-listing .info{position:absolute;height:30px;width:365px;border-right:1px solid #D8D8D8;}

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

#home-zero{
cursor:pointer;
height:175px;width:472px;
float:left;
padding:10px 7px 10px 7px;
}
#home-zero h1{font-size:0.9em; display:block; font-weight:normal; color:#A19C97; text-transform:uppercase; }


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

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

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

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

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

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

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

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

#home-rightbar span{font-weight:normal; color:#A29E98; text-transform:uppercase; font-size:0.9em;}
#home-rightbar strong{font-weight:normal; color:#00B7A0; text-transform:uppercase;}

#loginHome{
	display:block;
	width:130px;
	padding:5px;
	margin:20px 8px 0 20px;
	float:right;
	background:url(../images/loginbarBg.jpg) top left repeat-x #F7F7F7;
	border:1px solid #F0F0F0;
}
	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:#00B7A0; 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;}
	
/*= footer
=====================================*/	

#footer{
width:810px;
margin:10px auto;
text-align:right;
color:#B7B7B3;
text-transform:uppercase;
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;

}
#logo-footer{
float:left;
left:0px;
bottom: 0px; 
position:absolute;
display:block;
width:210px;
margin:-24px;
text-align:left;
text-transform:uppercase;
font-size:0.8em;
}

.securedbydesign{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;}

/*= POPUP PAGES
============================================ */
#privacy{
	width:380px;
	padding:20px;
	color:#696969;
}
	#privacy h1{display:block; color:#00B7A0; 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;}
d; color:#595959;}