/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

body {
	background: #fff url(../images/skin/bg/bg-main-top.png) center top repeat-x;
	font-size: 12px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

a img {border: 0px;}

.clear {clear: both;}

.section-inner { 
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 105px;  /* Change to height of header */
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 105px; } /* Change to correct height */
#header { 
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
	background: url(../images/skin/bg/bg-header.png) center top no-repeat;
}
.h-w2 {
	overflow: visible;
}
	#mainnavigation, #utilities, #logo {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 0;
		right: 15px;
	}
		#mainnavigation li { float: left; position: relative; }
			#nav-products,
			#nav-services,
			#nav-inspiration,
			#nav-about,
			#nav-contact {
				display: block;
				height: 1px;
				padding-top: 49px;
				overflow: hidden;
				z-index: 9999;
			}
				#mainnavigation li a.active  {background-position: 0 -100px;}
				#mainnavigation li a:hover, #mainnavigation li a.hover, #mainnavigation li.sfHover a.active {background-position: 0 -50px;}

					#nav-products {background: url(../images/skin/nav/nav-products.png); width: 109px;}
					#nav-services {background:url(../images/skin/nav/nav-services.png); width: 105px;}
					#nav-inspiration {background:url(../images/skin/nav/nav-inspiration.png); width: 127px;}
					#nav-about {background:url(../images/skin/nav/nav-about.png); width: 113px;}
					#nav-contact {background:url(../images/skin/nav/nav-contact.png); width: 126px;}
					
					.sfHover #nav-products,
					.sfHover #nav-services,
					.sfHover #nav-inspiration,
					.sfHover #nav-about,
					.sfHover #nav-contact {
						background-position: 0 -50px;
					}
	#mainnavigation ul ul {
		position: absolute;
		display: none;
		width: 231px;
		z-index: 9999;
		left: -11px;
	}	
		#mainnavigation ul .sub1 #first {background: url(../images/skin/nav/bg-dhtml-services.png) left top no-repeat; !important;}
		#mainnavigation ul .sub2 #first {background: url(../images/skin/nav/bg-dhtml-inspiration.png) left top no-repeat;}
		#mainnavigation ul .sub3 #first {background: url(../images/skin/nav/bg-dhtml-about.png) left top no-repeat;}
		#mainnavigation ul .sub4 #first {background: url(../images/skin/nav/bg-dhtml-contact.png) left top no-repeat;}

		
		#mainnavigation ul ul li {
			float: none;
			z-index: 9999;
			background: url(../images/skin/nav/bg-dmenu-bottom.png) left top repeat-y;
		}	
		#mainnavigation ul ul li.last,  
		#header #mainnavigation ul ul .last {
			background: url(../images/skin/nav/bg-dmenu-bottom.png) left bottom no-repeat;
		}
		#mainnavigation ul ul li.last a, 
		#header #mainnavigation ul ul .last a {
			border: 0px;
		}
			#mainnavigation ul ul li a {
				color: #666666;
				text-decoration: none;
				z-index: 9999;
				display: block;
				padding: 3px 0px;
				border-bottom: 1px solid #e0e0e0;
				background: url(../images/skin/bg/bg-arrow-normal.png) right 9px no-repeat;
				padding-right: 15px;
				width: 145px;
				margin-left: 30px;
			}	
			#mainnavigation ul ul li a:hover {
				color: #3399FD;
				background: url(../images/skin/bg/bg-arrow-active.png) right 9px no-repeat;
				padding-right: 15px;
				width: 145px;
			}	
			#mainnavigation ul ul li.first a {
				padding-top: 10px;
				background: url(../images/skin/bg/bg-arrow-normal.png) right 16px no-repeat;
			}
			#mainnavigation ul ul li.first a:hover {
				padding-top: 10px;
				background: url(../images/skin/bg/bg-arrow-active.png) right 16px no-repeat;
			}
			#mainnavigation ul ul li.last a {
				padding-bottom: 20px;
			}
	#dhtml-products-wrapper {
		display: none;
	}			
	#dhtml-products {
		background: url(../images/skin/nav/bg-products.png);
		width: 880px;
		height: 205px;
		position: relative;
	}
		#dhtml-products ul {margin: 0px; padding: 0px; position: absolute; left: 35px; top: 25px;}
			#dhtml-products ul li {float: left; text-align: center;}
				#dhtml-products ul li a {font-size: 12px; color: #666666; text-decoration: none; display: block; height: 1px; padding-top: 92px; background-repeat: no-repeat;}
				#dhtml-products ul li a:hover {font-size: 12px; color: #3399fd; text-decoration: none;}

					#nav-l2-rental a {padding-left: 5px;}
					
					#nav-l2-office a:hover {background-position: -128px 0px;} 
					#nav-l2-flooring a:hover {background-position: -160px 0px;}
                    #nav-l2-healthcare a:hover {background-position: -145px 0px;} 
                    #nav-l2-hospitality a:hover {background-position: -150px 0px;} 
                    #nav-l2-used a:hover {background-position: -157px 0px;} 
                    #nav-l2-rental a:hover {background-position: -102px 0px;} 
					
					#nav-l2-office, #nav-l2-office .demnu-image {width: 128px;}
					#nav-l2-flooring, #nav-l2-flooring .demnu-image {width: 122px;}
                    #nav-l2-healthcare, #nav-l2-healthcare .demnu-image {width: 145px;}
                    #nav-l2-hospitality, #nav-l2-healthcare .demnu-image {width: 150px;}
                    #nav-l2-used, #nav-l2-healthcare .demnu-image{width: 157px;}
                    #nav-l2-rental, #nav-l2-healthcare .demnu-image {width: 102px;}
					
					#nav-l2-office .dmenu-image {background: url(../images/skin/nav/nav-l2-office.jpg) no-repeat;}
					#nav-l2-flooring .dmenu-image {background: url(../images/skin/nav/nav-l2-flooring.jpg) no-repeat;}
                    #nav-l2-healthcare .dmenu-image {background: url(../images/skin/nav/nav-l2-healthcare.jpg) no-repeat;}
                    #nav-l2-hospitality .dmenu-image {background: url(../images/skin/nav/nav-l2-hospitality.jpg) no-repeat;}
                    #nav-l2-used .dmenu-image {background: url(../images/skin/nav/nav-l2-used.jpg) no-repeat;}
                    #nav-l2-rental .dmenu-image {background: url(../images/skin/nav/nav-l2-rental.jpg) no-repeat;}
					
					#btn-overview {
						dispaly: block;
						width: 189px;
						overflow: hidden;
						height: 1px;
						padding-top: 13px;
						background:url(../images/skin/nav/btn_viewproductoverview.png);
						position: absolute;
						bottom: 20px;
						left: 50px;
					}
					#btn-overview:hover {
						background-position: 0 -14px;
					}
					
	#logo {
		top: 0px;
		left: 0px;
		display: block;
		width: 235px;
		height: 1px;
		padding-top: 90px;
		background: url(../images/skin/bg/logo.png);
	}
		#logo:hover {background-position: 0 -105px;}
	#utilities {
		top: 5px;
		right: 5px;
	}
		#utilities li { float: left; }

	#util-home {
		width: 21px;
		height: 1px;
		padding-top: 20px;
		display: block;
		overflow: hidden;
		background: url(../images/skin/bg/util-home.png) no-repeat;
		position: absolute;
		right: 360px;
		top: 12px;
	}
	#util-home:hover {
		background-position: 0 -21px;
	}
	
	/*#util-search {
		display: block;
		width: 174px;
		height: 1px;
		overflow: hidden;
		padding-top: 39px;
		background: url(../images/skin/bg/util-search.png);
		position: absolute;
		right: 50px;
		top: 0px;
	}
	#util-search:hover {background-position: 0 -40px;}*/
	#search-bar {
		position: absolute;
		top: 14px;
		right: 38px;
		width: 174px;
		height: 15px;
		border: 0px;
		background-color: transparent;
		font-size: 11px;
		color: #666666;
		padding: 3px;
	}
	#search-submit {
		background: url(../images/skin/bg/btn-search.png);
		display: block;
		width: 21px;
		height: 1px;
		padding-top: 20px;
		overflow: hidden;
		position: absolute;
		top: 13px;
		right: 19px;
	}
	#search-submit:hover {
		background-position: 0 -21px;
	}
/* --CONTENT-- */
#main { 
	position: relative; 
	z-index: 1;
	/* margin-top: 105px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden; 
	}
	#subnav, #content {
		float: left;
		position: relative;
	}
	#ctas {
		width: 105px;
		float: right;
	}
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 190px;
		padding-left: 15px;
		position: relative;
		left: -750px; /* Negative width of #content */
		top: 0;
		background: url(../images/skin/bg/bg-subnav.png) right 20px no-repeat;
		min-height: 530px;
		/*padding-bottom: 100px;*/
		padding-bottom: 185px;
	}
		.category-title {
			font-size: 13px;
			color: #818181;
			display: block;
			margin-top: 50px;
			width: 160px;
			border-bottom: 1px solid #e0e0e0;
			padding-bottom: 10px;
		}	
			#subnav ul {margin: 0px;padding: 0px; width: 160px;}
				#subnav ul li {}
					#subnav ul li a {
						color: #656565;
						text-decoration: none;
						display: block;
						padding: 3px 0px;
						border-bottom: 1px solid #e0e0e0;
						background: url(../images/skin/bg/bg-arrow-normal.png) right 9px no-repeat;
						padding-right: 15px;
						width: 145px;
					}
					#subnav ul li a:hover, #subnav ul li a.active {
						color: #3399fd;
						background: url(../images/skin/bg/bg-arrow-active.png) right 9px no-repeat;
						padding-right: 15px;
						width: 145px;
					}
						#subnav ul ul li a {
							color: #888888;
							padding-left: 20px;
							font-size: 11px;
							padding-right: 15px;
							width: 125px;
						}
						#subnav ul ul li a:hover, #subnav ul ul li a.active {
							padding-left: 20px;
							padding-right: 15px;
							width: 125px;
						}
	#content {
		width: 720px;
		position: relative;
		left: 205px; /* Positive width of #subnav */
		top: 0;
		padding-left: 30px;
		padding-top: 42px;
	}
		#banner {
			margin-bottom: 20px;
		}

/* --FOOTER-- */
#footer { 
	font-size: 10px; 
	background: url(../images/skin/bg/bg-footer-extend.png) center bottom repeat-x;
	height: 580px;
	width: 100%;
	margin-top: -255px !important;
	position: absolute;
}

#footer-join, #footer-request, #footer-our {
	position: absolute;
	width: 194px;
	height: 90px;
	padding: 40px 16px 0px 20px;
}

#footer-join p, #footer-request p, #footer-our p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 11px;
	color: #4d4d4d;
	line-height: 18px;
}
	#footer-join {
		bottom: 185px;
		left: 236px;
	}
		#mailing-list {
			position: absolute;
			top: 85px;
			width: 174px;
			height: 15px;
			border: 0px;
			background-color: transparent;
			font-size: 11px;
			color: #666666;
			padding: 3px 3px 3px 5px;	
		}
		#btn-submit-mail {
			background: url(../images/skin/bg/btn-submit-mail.png);
			display: block;
			width: 21px;
			height: 1px;
			padding-top: 20px;
			overflow: hidden;
			position: absolute;
			top: 84px;
			right: 28px;
		}
		#btn-submit-mail:hover {background-position: 0 -21px;}
					
	#footer-request {
		bottom: 185px;
		left: 478px;
	}
	
	#footer-our {
		bottom: 185px;
		left: 720px;
	}
		
#chair {
	background: url(../images/skin/bg/chairs/chair1.png) left top no-repeat;
	width: 306px;
	height: 412px;
	position: absolute;
	bottom: 157px;
	left: -105px;
	z-index: 9999;
}

#chair.chair1 {background: url(../images/skin/bg/chairs/chair1.png) left top no-repeat;}
#chair.chair2 {background: url(../images/skin/bg/chairs/chair2.png) left top no-repeat;}
#chair.chair3 {background: url(../images/skin/bg/chairs/chair3.png) left top no-repeat;}
#chair.chair4 {background: url(../images/skin/bg/chairs/chair4.png) left top no-repeat;}
#chair.chair5 {background: url(../images/skin/bg/chairs/chair5.png) left top no-repeat;}
#chair.chair6 {background: url(../images/skin/bg/chairs/chair6.png) left top no-repeat;}
#chair.chair7 {background: url(../images/skin/bg/chairs/chair7.png) left top no-repeat;}

	.f-w2 {
		background: url(../images/skin/bg/bg-footer.png) center bottom no-repeat;
		height: 580px;
		overflow: visible;
	}
		#bottomlinks {
			font-size: 11px;
			color: #999999;
			position: absolute;
			bottom: 35px;
			left: 115px;
		}
		#bottomlinks a {color: #999999; text-decoration: none;}
		#bottomlinks a:hover {color: #999999; text-decoration: underline;}
			#bottomlinks .credit:hover {text-decoration: underline;}
			#bottomlinks .footer-info { text-decoration: underline;}
			#bottomlinks .footer-info:hover { text-decoration: none;}

/* STICKY FOOTERS: Uncomment to enable */
/*
html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; }
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
	height: 60px; 
}
#main { padding-bottom: 60px; }
*/
/* END STICKY FOOTERS */

/*----- ACCORDIAN STYLES - START -----*/

.accordian-trigger {
	display: block;
	width: 716px;
	height: 1px;
	padding-top: 39px;
	overflow: hidden;
	cursor: pointer;
}


#tab-office {background: url(../images/skin/bg/accordion/accordion-office.png);}
#tab-flooring {background: url(../images/skin/bg/accordion/accordion-flooring.png);}
#tab-healthcare {background: url(../images/skin/bg/accordion/accordion-healthcare.png);}
#tab-hospitality {background: url(../images/skin/bg/accordion/accordion-hospitality.png);}
#tab-used {background: url(../images/skin/bg/accordion/accordion-used.png);}
#tab-rental {background: url(../images/skin/bg/accordion/accordion-rental.png);} 

#tab-office:hover {background-position: -716px 0px;}
#tab-flooring:hover {background-position: -716px 0px;}
#tab-healthcare:hover {background-position: -716px 0px;}
#tab-hospitality:hover {background-position: -716px 0px;}
#tab-used:hover {background-position: -716px 0px;}
#tab-rental:hover {background-position: -716px 0px;}

#tab-office.current {background-position: -1432px 0px;}
#tab-flooring.current {background-position: -1432px 0px;}
#tab-healthcare.current {background-position: -1432px 0px;}
#tab-hospitality.current {background-position: -1432px 0px;}
#tab-used.current {background-position: -1432px 0px;}
#tab-rental.current {background-position: -1432px 0px;}

#pane-office {background: url(../images/skin/bg/accordion/info-office.jpg);}
#pane-flooring {background: url(../images/skin/bg/accordion/info-flooring.jpg);}
#pane-healthcare {background: url(../images/skin/bg/accordion/info-healthcare.jpg);}
#pane-hospitality {background: url(../images/skin/bg/accordion/info-hospitality.jpg);}
#pane-used {background: url(../images/skin/bg/accordion/info-used.jpg);}
#pane-rental {background: url(../images/skin/bg/accordion/info-rental.jpg);} 



.pane {
	display: none;
	width: 716px;
	height: 334px;
	position: relative;
}
	.pane-content {
		position: absolute;
		left: 480px;
		top: 150px;
		width: 195px;
		color: #fff;
	}
.current {
	display: block;
	background-position: -716px 0px;
}

#pane-office .btn-accordion-view {background: url(../images/skin/bg/accordion/btn-view-blue.png);}
#pane-flooring .btn-accordion-view {background: url(../images/skin/bg/accordion/btn-view-green.png);}
#pane-healthcare .btn-accordion-view {background: url(../images/skin/bg/accordion/btn-view-orange.png);}
#pane-hospitality .btn-accordion-view {background: url(../images/skin/bg/accordion/btn-view-red.png);}
#pane-used .btn-accordion-view {background: url(../images/skin/bg/accordion/btn-view-green.png);}
#pane-rental .btn-accordion-view {background: url(../images/skin/bg/accordion/btn-view-blue.png);}

.btn-accordion-view {
	background: url(../images/skin/bg/accordion/btn-view-green.png);
	width: 103px;
	height: 1px;
	padding-top: 24px;
	display: block;
	overflow: hidden;
}

#content .pane .pane-content .btn-accordion-view:hover {
	background-position: 0 -25px;
}


#pane-flooring .pane-content {top:130px;}
/*----- ACCORDIAN STYLES - END -----*/

.overview-wrapper {
	width: 716px;
	overflow: hidden;
}
	.overview {
		width: 726px;
		margin: 0px;
		padding: 0px;	
		position: relative;	
	}
		.overview-wrapper .overview ul {
			margin: 0px;
			padding: 0px;
		}
		
			.overview-wrapper .overview ul li {
				float: left; 
				list-style: none;
				width: 232px;
				margin-right: 10px;
				margin-bottom: 10px;
			}
				.overview-wrapper .overview ul li img {
					padding-bottom: 5px;
				}
					#content .overview-wrapper .overview ul li p {
						margin-bottom: 3px;
					}

/*----- SERVICE TAB STYLES - START -----*/		

#services-control {

}

.prev, 
.next {
	display: block;
	height: 1px;
	padding-top: 132px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	background-repeat: no-repeat;
}

.prev {background: url(../images/skin/bg/tabs/services-tab-left.png); width: 44px; }
.next {background: url(../images/skin/bg/tabs/services-tab-right.png); width: 45px; float: none;}

#service-tabs {
	float: left;
}

	#service-tabs a {
		display: block;
		height: 1px;
		padding-top: 132px;
		overflow: hidden;
		cursor: pointer;
		float: left;
		background-repeat: no-repeat;
	}
	#service-tabs a:hover {background-position: 0 -133px;}
	#service-tabs a.current {background-position: 0 -266px;}
	
	
	#services-tab1 {background: url(../images/skin/bg/tabs/services-tab1.png); width: 75px;}
	#services-tab2 {background: url(../images/skin/bg/tabs/services-tab2.png); width: 102px;}
	#services-tab3 {background: url(../images/skin/bg/tabs/services-tab3.png); width: 123px;}
	#services-tab4 {background: url(../images/skin/bg/tabs/services-tab4.png); width: 133px;}
	#services-tab5 {background: url(../images/skin/bg/tabs/services-tab5.png); width: 99px;}
	#services-tab6 {background: url(../images/skin/bg/tabs/services-tab6.png); width: 95px;}
	
#services-content {}
	#services-content .tabbed-content {
		width: 381px; /*716px;*/
		height: 314px; /*384px;*/
		padding: 70px 45px 0px 290px;
		color: #333333;
		line-height: 20px;
		display: none;
		margin-bottom: 20px;
	}
		#content #services-content p {margin-bottom: 10px;}
		
		#services-content ul {margin: 0px 0px 15px 0px; padding: 0px;}
		
		#services-content ul li {
			list-style: none;
			background: url(../images/skin/bg/bg-arrow.png) left 7px no-repeat;
			padding-left: 12px;
		}
		
		
		
		#services-content1 {background: url(../images/skin/bg/tabs/services-repair.jpg);}
		#services-content2 {background: url(../images/skin/bg/tabs/services-refurbish.jpg);}
		#services-content3 {background: url(../images/skin/bg/tabs/services-reupholster.jpg);}
		#services-content4 {background: url(../images/skin/bg/tabs/services-reconfigure.jpg);}
		#services-content5 {background: url(../images/skin/bg/tabs/services-relocate.jpg);}
		#services-content6 {background: url(../images/skin/bg/tabs/services-refloor.jpg);}

/*----- SERVICE TAB STYLES - END -----*/				




/*************************FORMS *******************************/


#form {
	display: none;
	background: url(../images/splash/bg-form.png) no-repeat;
	width: 438px; /*628px;*/
	height: 375px; /*485px;*/
	padding: 55px 95px;
	z-index: 9999;
	position: absolute;
	top: 130px;
}

#form form {
		font-size: 14px;
	}
		#form table {
			margin-bottom: 10px;
		}
			#form td {
				border-bottom: 7px solid #ffffff;
			}
				.asterisk {
					margin-left: 5px;
					padding-bottom: 6px;
				}
				.icon-star {
					display: block;
					width: 8px;
					height: 1px;
					padding-top: 6px;
					background:url(../images/splash/icon-star.gif);
				}
				.form-title {
					display: block;
					margin-bottom: 15px;
					font-size: 26px;
					color: #0054a6;
					font-weight: bold;
				}
				.form-description {
					width: 120px;
					text-align: left;
					height:45px;
				} 
				.textbox-description {
					padding-top: 8px;
				}
				.form-input {
					width: 308px;
					height: 23px;
					border: 1px solid #b3b3b3;
					background: url(/images/skin/bg/bg-input.png);
					padding-top: 7px;
					padding-left: 3px;
				}
				.form-textbox {
					width: 427px;
					height: 56px;
					border: 1px solid #b3b3b3;
					background:url(/images/skin/bg/bg-textbox.png);
					padding: 2px;
				}
				.required {
					background:transparent url(/images/skin/bg/icon-star.gif) no-repeat scroll 0 3px;
					color:#138CCA;
					display:block;
					float:left;
					height:1px;
					overflow:hidden;
					padding-left:10px;
					padding-top:9px;
					margin-top:7px;
					margin-left:2px;
					
				}
				.form-submit {
					
					margin-top:8px;
					}
				/*	color: transparent;
					width: 125px;
					height: 33px;
					padding-top: 33px;
					border: none;
					background: url(../images/splash/btn-submit.png);
					margin-right: 3px;
					display: block;
					cursor: pointer;
				}
				.form-submit:hover {
					background-position: 0 -33px;
					cursor: pointer;
				}*/
				
				input.error {
					border: 1px solid red;
				}
				
				label.error {
					background: url('../images/unchecked.gif') no-repeat;
					padding-left: 16px;
					margin-left: .3em;
				}
				
				label.valid {
					background: url('../images/checked.gif') no-repeat;
					display: block;
					width: 16px;
					height: 16px;
				}

strong.msg-error {
	color: red;
}

#contactbox {
float:right;
padding-left:20px;
width:350px;
}

#contactbox .form-input {
width: 185px;
}

#contactbox .form-textbox {width:295px;}
					
#contactbox fieldset {border: 1px solid #cccccc; padding: 10px 15px 15px 20px;}
#request-service {width: 500px;}
#request-service .form-input {
width: 308px;
}
#request-service .form-textbox {
width: 427px;
}
#request-service fieldset {border: 1px solid #cccccc; padding:  15px 20px 15px 25px;}
					
#contactbox legend {font-size:16px;
color:#009471;
font-weight:bold;}

fieldset .required {background-position: 3px 8px;  height: 20px;}

#btn-office-catalogue {
	display: block;
	width: 474px;
	height: 1px;
	padding-top: 90px;
	overflow: hidden;
	background:url(../images/skin/bg/btn-browse-catalogue.jpg);
	margin-bottom: 15px;
}

#btn-office-catalogue:hover {background-position: 0 -90px;}