@import url(blankcanvas.css);
@import url(blankcanvas.css);


html { font-family: Arial, Verdana }
body {
	background-image:url('../images/page_bg.jpg');
	background-repeat:repeat-x;
	background-position:top;
	background-color:#89BBE5;
}
/*#jpa { background: #E6E7E8; }*/
#wrapper { position: relative; background: #ABC123; width: 980px; margin: 0 auto; height: inherit; }
h1 { 
	position: absolute; left: 0px; 
	width: 201px; height: 100px;
	text-indent: -9989px; }
	
em {font-weight: bold;}

/* =feedback form bodge */

		#jpa2 h1 { 
			height: 1400px; }
			
		#jpa2 h3 { top: 1400px; }

/* top left =banner thing */

		h2 { position: absolute; font-size: 2.5em; word-spacing: -12px; text-transform: lowercase; color: #EBECDA; padding-top: 80px; height: 60px; width: 778px; background: url("../images/office_header.jpg") no-repeat; text-indent: -9898px; }
		h2 .gubbins { color: #D6DDAB; }
		
		#banner { 
			position: absolute; left: 201px;
			width: 778px; height: 140px; 
			background: url("../images/bannerbg.gif");
		 }

/* =content */

		#content {
		
			position: absolute; top: 130px; 
			padding-left: 201px;
			width: 778px; 
			background: url("../images/contentbg.gif") no-repeat #FFFFFF; 
			background-position: 0px 7px;
			}
			
		#content h4 { 
			margin-left: 15px; margin-top: 10px; 
			font-size: 1.8em;
			text-transform: lowercase;
			margin-bottom: 10px;
			text-align: left;
			color: #000000;
			margin-bottom: 10px;
			}
			
		#contentwindow {
			width: 758px;
			height: 400px;
			overflow: auto;
			margin-left: 20px;
			}
		
#res_link{position: absolute; width: 150px; height: 100px; top: 400px;  left: 47px; text-align: right; text-transform: lowercase;}
#res_link a, #res_link a:visited {font-size: 0.8em; font-weight: bold; color: #FFFFFF;}
#res_link a:hover {text-decoration: none;}

/* various =classes */	

		.note { font-size: 0.7em; padding: 10px; }
		.details { text-align: right; padding-right: 50px; font-size: 0.7em; font-weight: bold; color: #799CD1; }
		.details a { color: #799CD1; text-decoration: none; }
		.details a:hover { color: #94BEFF; }
		.desc { position: absolute; top: 0px; text-indent: -9999px; }
		.sort { text-transform: lowercase; margin-left: 16px; font-size: 0.7em; }
		.sort a { text-decoration: none; font-weight: bold; color: #799CD1; }
		.sort a:hover { color: #94BEFF; }
		
/*This is for each hompage section */
#home_section {
	margin-left:10px;
	/*taken out because no longer using a faded background image*/
	/*padding:2px;
	background-repeat:no-repeat;*/
}

#home_section td {
	height:189px;
	width:375px;
	background-repeat:no-repeat;
	vertical-align:bottom;
}

#home_section a {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	width:367px;
	height:30px;
	margin-bottom:3px;
	padding-right:8px;
	padding-top:3px;
	background-image:url('../images/home_section.png');
	background-position:left;
	background-repeat:no-repeat;
	font-size:1.5em;
	text-align:right;
}

#home_section a:hover {
	background: url('../images/home_section_over.png');
	background-position:left;
	background-repeat:no-repeat;
}

/*Because the home and home working page has 3 images*/
#home_section_threecol {
	margin-left:10px;
}

#home_section_threecol td {
	height:189px;
	width:250px;
	background-repeat:no-repeat;
	vertical-align:bottom;
}

#home_section_threecol a {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	width:242px;
	height:30px;
	margin-bottom:3px;
	padding-right:8px;
	padding-top:3px;
	background-image:url('../images/home_section_working.png');
	background-position:left;
	background-repeat:no-repeat;
	font-size:1.5em;
	text-align:right;
}

#home_section_threecol a:hover {
	background: url('../images/home_section_working_over.png');
	background-position:left;
	background-repeat:no-repeat;
}		
/* =home page + =furniture browse page thing */

		#furniture { position: relative; margin-left: 10px; }
		
		#furniture li {
			display: inline;
			float: left;
			width: 186px; height: 33px; padding-top: 153px;
			border: 1px solid #BCCA77; 
			margin: 2px; 
			}
			
		#furniture #item1 { background: url("../images/lightbox/furniture.jpg") #C1272D; }
		#furniture #item2 { background: url("../images/lightbox/furniture2.jpg") #C1272D; }
		#furniture #item3 { background: url("../images/lightbox/furniture3.jpg") #C1272D; }
		#furniture #item4 { background: url("../images/lightbox/furniture4.jpg") #C1272D; }
		#furniture #item5 { background: url("../images/lightbox/furniture5.jpg") #C1272D; }
		#furniture #item6 { background: url("../images/lightbox/furniture6.jpg") #C1272D; }
		#furniture #item7 { background: url("../images/lightbox/furniture7.jpg") #C1272D; }
		#furniture #item8 { background: url("../images/lightbox/furniture8.jpg") #C1272D; }
			
		#furniture a { display: block; text-decoration: none; color: #FFFFFF; width: 181px; height: 30px; background: url("../images/furniturelower.png") no-repeat; font-size: 1.1em; padding-top: 5px; padding-left: 5px; padding-right: 0px; margin-bottom: -3px; text-transform: lowercase;}
		#furniture a:hover { background: url("../images/furniturelower2.png");}

/***************************************************************************************************************************************/
/************************************************* TAKE OUT ****************************************************************************/
/***************************************************************************************************************************************/
	
		/*#homecontent {position: relative; background: url("../images/fadedbg.jpg") no-repeat; margin-left: 10px; width: 763px;}
		#homecontent div {background: url("../images/shadowbg.gif") no-repeat; width: 195px;}
		#homecontent div img {margin: -2px 6px 9px 1px;}*/
			
		/*#one {position: relative;}
		#two {position: absolute; top: 0px; left: 372px;}
		#three {position: relative; bottom: 6px; left: 192px;}
		#four {position: absolute; bottom: 8px; left: 564px;}*/
		
		#homepage { position: relative; margin-left: 10px; background: transparent;}
		
		#homepage li {
			display: inline;
			float: left;
			width: 186px; height: 33px; padding-top: 153px;
			
			margin: 0px; 
			}
			
		/*#homepage #item8 { background: url("../productimages/JP3WC12_8_MS.jpg") #C1272D; border: 3px solid #C1272D; margin-top: -3px; }
		#homepage #item2 {  text-indent: -9989px; border: 3px solid #F9AF8B; width: 180px; }
		#homepage #item1 { background: url("../productimages/A432_MS.jpg") #C1272D; border: 3px solid #C1272D; }
		#homepage #item4 {  text-indent: -9989px; border: 3px solid #C5E1AF; width: 183px; }
		#homepage #item5 { text-indent: -9989px; border: 3px solid #F5F195; width: 183px; height: 30px; }
		#homepage #item6 { background: url("../images/sleep.jpg") #C1272D; border: 3px solid #C1272D; margin-top: -3px; }
		#homepage #item7 { background: transparent; text-indent: -9989px; border: 3px solid #AFCCE1; width: 180px; height: 30px; }
		#homepage #item3 { background: url("../productimages/S4502_MS.jpg") #C1272D; border: 3px solid #C1272D; }
			
		#homepage a { display: block; text-decoration: none; font-weight: bold; color: #FFFFFF; width: 130px; height: 30px; background: url("../images/boxlower.png") no-repeat; font-size: 1.5em; padding-top: 3px; padding-left: 50px; padding-right: 6px; letter-spacing: 2px; text-transform: lowercase; text-align: right; }
		#homepage a:hover { background: url("../images/boxlower2.png"); }
		#homepage { position: relative; margin-left: 10px; }*/
		
		#hubpage li {
			display: inline;
			float: left;
			width: 186px; height: 33px; padding-top: 153px;
			border: 1px solid #BCCA77; 
			
			margin: 2px; 
			}
			
		/*#hubpage li a {}*/
		
		/*#hubpage #item1 { background: url("../productimages/D02W_MS.jpg"); #C1272D; }
		#hubpage #item2 { background: #C1272D; }
		#hubpage #item3 { background: url("../productimages/A621_MS.jpg"); #F9AF8B;}
		#hubpage #item4 { background: #C5E1AF; text-indent: -9989px; }
		#hubpage #item5 { background: #F5F195; text-indent: -9989px; }
		#hubpage #item6 { background: url("../productimages/A352_MS.jpg"); #C1272D; }
		#hubpage #item7 { background: #F9AF8B; }
		#hubpage #item8 { background: url("../productimages/A460_MS.jpg"); #AFCCE1; text-indent: -9989px; }*/
		
		/*#hubpage #item1eat { background: url("../productimages/A496_MS.jpg"); #C1272D; }
		#hubpage #item2eat { background: #C1272D; }
		#hubpage #item3eat { background: url("../productimages/SS1325_MS.jpg"); #F9AF8B;}
		#hubpage #item4eat { background: #C5E1AF; text-indent: -9989px; }
		#hubpage #item5eat { background: #F5F195; text-indent: -9989px; }
		#hubpage #item6eat { background: url("../productimages/A430_MS.jpg"); #C1272D; }
		#hubpage #item7eat { background: #F9AF8B; }
		#hubpage #item8eat { background: url("../productimages/A405_66_37_MS.jpg"); #AFCCE1; text-indent: -9989px; }*/
		
		/*#hubpage #item1sleep { background: url("../productimages/TC4_MS.jpg") #C1272D; }
		#hubpage #item2sleep { background: #F9AF8B; text-indent: -9989px; }
		#hubpage #item3sleep { background: url("../productimages/MB44_MS.jpg") #C1272D; }
		#hubpage #item4sleep { background: #C5E1AF; text-indent: -9989px; }
		#hubpage #item5sleep { background: #F5F195; text-indent: -9989px; }
		#hubpage #item7sleep { background: #C1272D; }
		#hubpage #item6sleep { background: url("../productimages/TAY_MS.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item8sleep { background: url("../productimages/BUG_A460_MS.jpg") #C1272D; }*/
		
		/*#hubpage #item1work { background: url("../productimages/JPRS16_MS.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item3work { background: url("../productimages/SP640_MS.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item2work { background: #AFCCE1; text-indent: -9989px; }
		#hubpage #item8work { background: url("../productimages/CS8_MS.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item6work { background: url("../productimages/SW3221_MS.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item5work { background: #C5E1AF; text-indent: -9989px; }
		#hubpage #item7work { background: #C1272D; text-indent: -9989px; }
		#hubpage #item4work { background: #f5f195; text-indent: -9989px; }*/
		
		#hubpage #item1brochure { background: url("../images/metrix08.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item2brochure { background: url("../images/steel08.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item3brochure { background: url("../images/easy_seat08.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item4brochure { background: url("../images/ideas08.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item5brochure { background: url("../images/leisure_eat08.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item6brochure { background: url("../images/desking08.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item7brochure { background: url("../images/seating08.jpg") #AFCCE1; text-indent: -9989px; }
		#hubpage #item8brochure { background: url("../images/training08.jpg") #AFCCE1; text-indent: -9989px; }
			
		/*#hubpage a { display: block; text-decoration: none; font-weight: bold; color: #FFFFFF; width: 180px; height: 23px; background: url("../images/boxlower.png") no-repeat; font-size: 1em; padding-top: 10px; padding-left: 0px; padding-right: 6px; letter-spacing: 2px; text-transform: lowercase; text-align: right; }
		#hubpage a:hover { background: url("../images/boxlower2.png"); }
		#hubpage { position: relative; margin-left: 10px; }*/
		
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

		#enlarge { font-size: 0.8em; background: none; position: absolute; left: 150px; }
		
/* stuff for view list of products page */

	.productlist{background: #E6E7E8; width: 720px;  float: left; margin-top: 10px; font-family: Verdana, Arial; }
	.productlist ul { overflow:hidden; float:left; }
	.productlist li {font-size: 0.7em; padding-left:0px!important; margin-left:10px!important;  overflow:hidden; width:600px;}
	.productlist img {float: left; height: 97px; width: 97px; }
	.productlist li.awkward { float:left;}
	.productlist div.awkward { width:450px; margin-left:99px; margin-top:-14px; }
	.productlist .awkward_align_code { padding-right:32px;  }
	.productlist .awkward_align_desc { padding-right:17px; }
	.productlist .awkward_align_dimensions { padding-right:16px; }


/* main left =nav */

		/*#navigation { position: absolute; z-index: 80; width: 201px; background: url("../images/logo.jpg") no-repeat; padding-top: 172px; padding-bottom: 82px; }
		
		#navigation li { height: 20px; }
		#navigation #home { margin-bottom: 15px; }
		#navigation a {font-size: 0.8em; color: #000000; text-decoration: none; font-weight: bold; background: url("../images/nav1.gif") no-repeat right; display: block; text-indent: 50px; width: 201px;height:19px;margin-top:1px;}/*taken out - height: 17px; padding-top: 3px;*/
		/*#navigation a:hover { color: #FFFFFF; background: url("../images/nav1o.gif") no-repeat right; }
		#navigation a.small { margin-bottom: 0px; text-indent: 66px; background: url("../images/nav2.gif") no-repeat right; }
		#navigation a.small:hover { color: #FFFFFF; background: url("../images/nav2o.gif") no-repeat right; }
		#navigation a.small_current { color: #FFFFFF; margin-bottom: 0px; text-indent: 66px; background: url("../images/nav2o.gif") no-repeat right; }

		#navigation a.current { color: #FFFFFF; background: url("../images/nav1o.gif") no-repeat right; }

		#navigation .last { margin-top: 15px; }*/

/* form links / =nav */

		#sub_navigation { position: absolute; top: 380px; width: 201px; z-index: 90; }
		#sub_navigation a { font-size: 0.8em; color: #FFFFFF; text-decoration: none; font-weight: bold; background: url("../images/nav3.gif") no-repeat right; display: block; text-indent: 50px; width: 201px;height:19px;margin-top:1px;}/*taken out - height: 17px; padding-top: 3px;*/
		#sub_navigation a:hover { background: url("../images/nav3.gif") no-repeat right;color: #D3DBF0; }
		#sub_navigation a.small { margin-bottom: 0px; text-indent: 66px; background: url("../images/nav3o.gif") no-repeat right; }
		#sub_navigation a.small:hover { background: url("../images/nav3o.gif") no-repeat right;color: #D3DBF0; }
		#sub_navigation li { display: none; }
		#sub_navigation li.handle { display: block; margin-top: 25px;}
		#sub_navigation li#last {margin-top: 10px;}
		
		
		
		
		#navigation { position: absolute; z-index: 80; width: 201px; background: url("../images/logo.jpg") no-repeat; padding-top: 172px; padding-bottom: 82px; }
		
		#navigation li { height: 20px; }
		#navigation #home { margin-bottom: 15px; color:#FFFFFF; }
		#navigation a {font-size: 0.8em; color: #FFFFFF; text-decoration: none; font-weight: bold; background: url("../images/nav1_uni.gif") no-repeat right; display: block; text-indent: 50px; width: 201px;height:19px;margin-top:1px;}/*taken out - height: 17px; padding-top: 3px;*/
		#navigation a:hover { color: #D3DBF0; background: url("../images/nav1o_uni.gif") no-repeat right; }
		#navigation a.small { margin-bottom: 0px; text-indent: 66px; background: url("../images/nav2_uni.gif") no-repeat right; }
		#navigation a.small:hover { color: #D3DBF0; background: url("../images/nav2o_uni.gif") no-repeat right; }
		#navigation a.small_current { color: #616465; margin-bottom: 0px; text-indent: 66px; background: url("../images/nav2o_uni.gif") no-repeat right; }

		#navigation a.current { color: #D3DBF0 ; background: url("../images/nav1o_uni.gif") no-repeat right; }

		#navigation .last { margin-top: 15px; }
		
/* =footer + bottom =nav */

		#additional_content { position: absolute; left: 0px; width: 979px; height: 100px; background: #FFFFFF; }
		/*#additional_content { position: absolute; top: 440px; left: 0px; width: 979px; height: 100px; background: #FFFFFF; }*/
		
		#additional_content a.phone { position: absolute; left: 665px; text-decoration: none; top: 40px; font-size:1em; text-align:right; width: 300px;  font-weight: bold; color: #000000; margin-top: 5px; background: #FFFFFF; z-index: 0;  }
		#additional_content a.phone:hover { color: #000000; }
		
		
		#additional_content a.NACC {display:block; width:85px; height:93px; background: url("../images/NACC_logo.png") no-repeat; position:absolute; margin-left:50px; padding-top:8px;}
		
		/*#more_navigation { font-size: 0.7em; position: absolute; left: 202px; border-top: 4px solid #71BF44; width: 778px; margin-top: -4px; background: #FFFFFF; }
		#more_navigation li { display: inline; }
		#more_navigation li a { background: url("../images/navbg.gif") repeat-x; display: block; float: left; color: #000000; text-decoration: none; font-weight: bold; width: 130px; margin-left: 1px; text-align: center; padding-top: 5px; padding-bottom: 5px; }
		#more_navigation li a:hover { color: #FFFFFF; }
		#more_navigation li a.email { width: 254px; color: #000000; }
		#more_navigation li a.email:hover { color: #FFFFFF; }
		#more_navigation li a.first { margin-left: 0px; }*/
		
		h4#tac { 
	display:block;
	font-size: 1.4em; 
	letter-spacing: 5px; 
	width: 732px; 
	height: 339px; 
	background: url("../images/terms.jpg") no-repeat; 
 	margin-left: 3px;
	text-align: right;
	}
	/*	padding-left: 110px; padding-top: 20px; padding-right: 20px;*/
	
	h4#installations {
		font-size: 1.4em;
		color: #ffffff;
		letter-spacing: 5px;
		width: 605px;
		height: 210px;
		background-color: transparent;
		background-image: url("../images/installations.jpg");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-x-position: 0%;
		background-y-position: 0%;
		padding-left: 150px;
		padding-top: 20px;
		padding-right: 20px;
		margin-left: 3px;
		text-align: right;
}

	#pdf_cover {
		margin: 30px 30px 0 30px;
		width: 300px;
		}
		
		
		#more_info {margin-left: 200px; width: 450px; margin-top:30px; background: #FFFFFF;  overflow:hidden }
		#more_info li { display: inline; }
		#more_info li.fisp { display: block; background: url("../images/fisp.jpg") no-repeat;}
		#more_info a { display: block; float: left; background: #C5C5C5; width: 60px; height:70px; text-indent: -8888px; }
		#more_info a.recycle { background: url("../images/recycle.png") no-repeat; width:120px; }
		#more_info a.bsi { background: url("../images/bsi.jpg") no-repeat;} 
		#more_info a.fisp { background: url("../images/fisp.jpg") no-repeat;} 
		#more_info a.green{ background: url("../images/club_green.jpg") no-repeat;} 
		#more_info a.iso{ background: url("../images/iso.jpg") no-repeat;}
		#more_info a.one{ background: url("../images/one.jpg") no-repeat;}
		
		#more_navigation { position: absolute; left: 202px; border-top: 4px solid #2068A8; width: 777px;   background: url("../images/navbg.gif") repeat-x;overflow:hidden} 
		#more_navigation li {float:left;}
		#more_navigation li a { background: url("../images/navbg.gif") repeat-x; font-size:12px; display: block; color: #000000; text-decoration: none; font-weight: bold; text-align: center; padding-top: 5px; padding-bottom: 5px; width: 155px;} /* */
		#more_navigation li a.first{padding-left:2px;}
		
		@-moz-document url-prefix() {    #more_navigation li a.first {  position:absolute;top:0px;   } }

/*		#more_navigation li a { background: url("../images/navbg.gif") repeat-x; display: block; float: left; color: #000000; text-decoration: none; font-weight: bold; width: 130px; text-align: center; padding-top: 5px; padding-bottom: 5px; }
		#more_navigation li a:hover { color: #FFFFFF; }
		#more_navigation li a.email { width: 254px; color: #000000; }
		#more_navigation li a.email:hover { color: #FFFFFF; }
		#more_navigation li a.first { margin-left: 0px;}*/