/* HOMEPAGE SPECIFIC STYLES */
@import "home.css";

/* BLOG STYLES */
@import "blog.css";

/* Reset some commoners */
html, body, div, ul, ol, dl, dd, dt li, h1, h2, h3, h4, h5, p, a, form, blockquote, img, a img, fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
}



html {
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background: #f78f1e url(../images/bg_html.gif) bottom repeat-x;
}



body {
	position: absolute;
	width: 984px;
	float: left;
	left: 50%;
	margin-left: -492px;
	display: inline;
	background: #ffff00 url(../images/bg_body.gif) right 0 repeat-y;
}


/* -- Logo ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
h1 a {
	width: 303px;
	height: 126px;
	float: left;
	display: inline;
	text-indent: -999999px;
	background: url(../images/logo.png) no-repeat;
}



/* -- Header ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

/* -- Consultant -- */
#header_consultant {
	width: 188px;
	height: 45px;
	float: left;
	margin: 20px 20px 0 0;
	padding: 5px 10px 10px 10px;
	display: inline;
	background: #ec008c;	
}
	#header_consultant a {
		color: #fff;
		display: block;
	}
	#header_consultant h5 {
		font-size: 1.4em;
	}
	#header_consultant p {
		font-size: 1.1em;
	}
	
/* -- Live Support -- */
#header_livesupport {
	width: 188px;
	height: 45px;
	float: left;
	margin: 20px 20px 0 0;
	padding: 5px 10px 10px 10px;
	display: inline;
	background: #00aeef;	
}
	#header_livesupport a {
		color: #fff;
		display: block;
	}
	#header_livesupport h5 {
		font-size: 1.4em;
	}
	#header_livesupport p {
		font-size: 1.1em;
	}

/* -- Contact -- */
#header_contact {
	width: 170px;
	height: 45px;
	float: left;
	margin: 15px 20px 0 0;
	padding: 5px 10px 10px 10px;
	display: inline;
	font-size: 1.1em;
}
	#header_contact a {
		color: #444;
	}
	#header_contact a:hover {
		color: #111;
	}
	#header_contact dt {
		width: 15px;
		margin-right: 10px;
		float: left;
		display: inline;
		clear: left;
	}
	#header_contact dt, #header_contact dd {
		margin-bottom: 5px;
	}
	
	
	
/* -- Navigation ------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#nav {
	width: 671px;
	height: 30px;
	float: right;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 5px 0 8px 10px;
	background: #f78f1e;
	font-size: 1.3em;
}
	#nav li {
		float: left;
		display: inline;
		margin: 0 20px 0 0;
		height: 30px;
		float: left;
	}
	#nav li a {
		color: #fff;
		height: 30px;
		display: inline-block;
	}
	#nav li a:hover, body.about #nav_about a, body.contact #nav_contact a, body.massage #nav_massage a, body.task #nav_task a, body.desk #nav_desk a, body.accessories #nav_accessories a, body.educational #nav_educational a, body.storage #nav_storage a, body.soft_seating #nav_softseating a {
		color: #5d3b17;
	}
	#nav_contact {
		margin: 0;
	}
	
	body.consultant #content {
		background-color: fff200;
	}
	
	
/* -- Content ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#content {
	width: 745px;
	float: left;
	display: inline;
	margin: 12px 0 0 0;
	background: #fff;
}
	#content a {
		color: #a77c56;
	}
	#content a:hover {
		text-decoration: underline;
	}
 	body #content h2 {
		background: #f78f1e;
		font-size: 1.3em;
		text-transform: uppercase;
		font-weight: bold;
		color: #fff200;
		padding: 5px 0 8px 5px;
	}
	body #content p {
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 1.5em 0;
		padding: 0 5px;
		color: #444;
	}
	
	
/* -- About Page content ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.about #content {
	height: 1121px;
	background: url(../images/bg_about.jpg) bottom right no-repeat;
}
body.about #content div.highlight {
	width: 255px;
	float: left;
	display: inline;
	margin: 30px 0 0 20px;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;
	background: #af046a;
}
body.about #content h3 {
	color: #fff;
	margin: 1.5em 0 -1em 0;
	padding: 0 0 0 5px;
	font-size: 1.1em;
}
body.about #content p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1.5em 0;
	color: #fff;
	font-weight: bold;
}


/* -- Careers Page content ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.careers #content {
	height: 1121px;
	background: url(../images/bg_careers.jpg) bottom right no-repeat;
}
body.careers #content div.highlight {
	width: 255px;
	float: left;
	display: inline;
	margin: 30px 0 0 20px;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;
	background: #af046a;
}
body.careers #content h3 {
	color: #fff;
	margin: 1.5em 0 -1em 0;
	padding: 0 0 0 5px;
	font-size: 1.1em;
}
body.careers #content p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1.5em 0;
	color: #fff;
	font-weight: bold;
}


/* -- Task Seating content --------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.task #content {
	height: 1121px;
	background: url(../images/bg_task.jpg) 0 0 no-repeat;
}
	/*body.task #content h2 {
		border-bottom: 1px #ffff00 solid;
	}*/
	body.task #content ul.products {
		list-style: none;
		float: left;
		display: inline;
		margin: 22px 0 0 20px;
		background: #fff;
		filter:alpha(opacity=80); /* IE's opacity*/
		opacity: 0.80;
		width: 430px;
	}
		body.task #content ul.products li {
			float: left;
			clear: both;
			margin: 0 0 0 5px;
			padding: 10px 10px 10px 3px;
			width: 390px;
			border-bottom: 1px #aaa solid;
		}
		body.task #content ul.products li a img {
			float: left;
			margin-right: 10px;
			padding: 1px;
			border: 1px #222 solid;
		}
		body.task #content ul.products li a {
			color: #222;
			font-size: 1.5em;
			text-transform: uppercase;
			display: block;
		}
			body.task #content ul.products li a strong {
				font-size: 0.6em;
				display: block;
				color: #444;
			}
		body.task #content ul.products li a:hover {
			text-decoration: none;
		}
		body.task #content div.info {
			width: 250px;
			float: right;
			display: inline;
			margin: 0 20px 0 0;
			filter:alpha(opacity=80); /* IE's opacity*/
			opacity: 0.80;
			background: #ffff00;
		}
			body.task #content div.info blockquote {
				font-size: 1.3em;
				font-style: italic;
			}
		body.task_full #content div.centre h5 {
			font-size: 1.3em;
			font-weight: normal;
		}
		body.task_full #content div.centre ul.related_products {
			list-style: none;
			margin-bottom: 10px;
		}
			
			
			
/* -- Desking Systems content ------------------------------------------------------ */
/* --------------------------------------------------------------------------------- */
body.desk #content {
	height: 917px;
	background: url(../images/bg_desks.jpg) 0 0 no-repeat;
}
	body.desk #content ul.products {
		list-style: none;
		float: right;
		display: inline;
		margin: 20px 20px 0 0;
		background: #ffff00;
		filter:alpha(opacity=80); /* IE's opacity*/
		opacity: 0.80;
		width: 430px;
	}
		body.desk #content ul.products li {
			float: left;
			clear: both;
			margin: 0 0 0 5px;
			padding: 10px 10px 10px 3px;
			width: 390px;
			border-bottom: 1px #beb702 solid;
		}
		body.desk #content ul.products li a img {
			float: left;
			margin-right: 10px;
			padding: 1px;
			border: 1px #222 solid;
		}
		body.desk #content ul.products li a {
			color: #000;
			font-size: 1.5em;
			text-transform: uppercase;
			display: block;
		}
			body.desk #content ul.products li a strong {
				font-size: 0.6em;
				display: block;
				color: #333;
			}
		body.desk #content ul.products li a:hover {
			text-decoration: none;
		}
		body.desk #content div.info {
			width: 250px;
			float: right;
			display: inline;
			margin: 0 20px 0 0;
			filter:alpha(opacity=80); /* IE's opacity*/
			opacity: 0.80;
			background: #ffff00;
		}
			body.desk #content div.info blockquote {
				font-size: 1.3em;
				font-style: italic;
			}
		
		
		
/* -- Ergonomic Accessories content ------------------------------------------------ */
/* --------------------------------------------------------------------------------- */
/*body.accessories #content {
	height: 939px;
	background: url(../images/bg_accessories.jpg) 0 0 no-repeat;
}*/
	body.accessories #content h3 {
		color: #ec008c;
		margin: 15px 0 -1em 0;
		padding: 0 0 0 5px;
		font-size: 2em;
		font-weight: normal;
	}
	body.accessories #content div.item {
		float: left;
		clear: both;
		width: 100%;
	}
	body.accessories #content div.image {
		margin:15px 10px 10px;
		padding:5px 10px 0;
		width:245px;
		text-align: center;
		float: left;
		clear: left;
	}
	body.accessories #content div.product {
		float:left;
		width:450px;
	}
		body.accessories #content div.product a {
			background: #ec008c;
			color: #fff;
			padding: 2px 5px;
		}
		
		
		
/* -- Soft seating content --------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/*body.accessories #content {
	height: 939px;
	background: url(../images/bg_accessories.jpg) 0 0 no-repeat;
}*/
	body.soft_seating #content h3 {
		color: #ec008c;
		margin: 15px 0 -1em 0;
		padding: 0 0 0 5px;
		font-size: 2em;
		font-weight: normal;
	}
	body.soft_seating #content div.item {
		float: left;
		clear: both;
		width: 100%;
	}
	body.soft_seating #content div.image {
		margin:15px 10px 10px;
		padding:5px 10px 0;
		width:245px;
		text-align: center;
		float: left;
		clear: left;
	}
	body.soft_seating #content div.product {
		float:left;
		width:450px;
	}
		body.soft_seating #content div.product a {
			background: #ec008c;
			color: #fff;
			padding: 2px 5px;
		}
	body.soft_seating #content div.add_to_cart {
		border-top: 1px #ddd solid;
		padding-top: 5px;
	}
		body.soft_seating #content div.add_to_cart a {
			background: none;
		}



/* -- Educational content ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.educational #content {
	height: 943px;
	background: url(../images/bg_educational.jpg) 0 0 no-repeat;
}
	body.educational #content ul.products {
		list-style: none;
		float: left;
		display: inline;
		margin: 230px 0 0 20px;
		background: #fff;
		filter:alpha(opacity=80); /* IE's opacity*/
		opacity: 0.80;
		width: 430px;
	}
		body.educational #content ul.products li {
			float: left;
			clear: both;
			margin: 0 0 0 5px;
			padding: 10px 10px 10px 3px;
			width: 390px;
			border-bottom: 1px #aaa solid;
		}
		body.educational #content ul.products li a img {
			float: left;
			margin-right: 10px;
			padding: 1px;
			border: 1px #222 solid;
		}
		body.educational #content ul.products li a {
			color: #222;
			font-size: 1.5em;
			text-transform: uppercase;
			display: block;
		}
			body.educational #content ul.products li a strong {
				font-size: 0.6em;
				display: block;
				color: #444;
			}
		body.educational #content ul.products li a:hover {
			text-decoration: none;
		}
		body.educational #content div.info {
			width: 250px;
			float: right;
			display: inline;
			margin: 0 20px 0 0;
			filter:alpha(opacity=80); /* IE's opacity*/
			opacity: 0.80;
			background: #ffff00;
		}
			body.educational #content div.info blockquote {
				font-size: 1.3em;
				font-style: italic;
			}
	
	
	
/* -- Search Page content ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.chair_search #content {
	width: 744px;
	border: 1px #f78f1e solid; border-left: none;	
}
body.chair_search #content p {
	padding: 0;
	font-size: 1em;
	line-height: normal;
}

/* -- Product Box Hover -- */
#content div.product_box_hover {
	position: absolute;
	cursor: pointer;
	margin: -15px 0 0 -15px;
	border: 2px solid #ec008c;
	min-width: 90px;
	float: left;
	display: inline;
	background: #ec008c;
	text-align: center;
}
	#content div.product_box_hover a.image {
		width: 100%;
		display: block;
		background: #fff;
	}
	#content div.product_box_hover span.product_name {
		color: #fff200;
		display: block;
	}
	#content div.product_box_hover span.product_price {
		color: #fff;
	}

/* -- Expanded product info -- */
#content div.expanded_product_info {
	background: #ec008c;
	border: #ec008c 2px solid;
	width: 530px;
	position: absolute;
	float: left;
	display: none;
	padding: 5px 10px;
}
	#content div.expanded_product_info h2 {
		font-size: 1.3em;
		color: #fff;
		background: none;
		height: auto;
		margin: 0;
		padding: 0;
	}
		#content div.expanded_product_info h2 span.highlight {
			color: #fff000;
		}
	#content div.expanded_product_info a.close {
		float: right;
		margin-top: -18px;
		color: #fff;
	}
	#content div.expanded_product_info div.productimg {
		width: 230px;
		float: left;
	}
	 #content div.expanded_product_info div.productimg h4 {
		width: 224px;
		padding: 3px;
		background: #c90077;
		color: #FFFF00;
		font-size: 1.4em;
		clear: both;
		float: left;
		margin-top: 5px;
	}
	#content div.expanded_product_info div.productimg ul.colour {
		width: 224px;
		list-style: none;
		padding: 3px 0 3px 3px;
		margin: 0 0 10px 0;
		border: 1px #c90077 solid;
		float: left;
		clear: both;
	}
		#content div.expanded_product_info div.productimg ul.colour li {
			float: left;
			width: 100px;
			padding-right: 10px;
			color: #333;
			font-size: 1.1em;
		}
	#content div.expanded_product_info div.product_image_stability {
		float: left;
		display: /**inline**/block;
		margin: 5px 0 0 0;
		width : 230px;
		height : 260px;
		background : #fff url('../images/ajax-loader.gif') center center no-repeat;
/*		background-color : #fff;*/
	}
	#content div.expanded_product_info div.content {
		width: 290px;
		float: left;
		display: inline;
		margin: 2px 0 0 10px;
		padding: 0;
	}
	#content div.expanded_product_info ul.product_info {
		width: 290px;
		float: left;
		color: #fff;
		list-style: none;
		margin-top: 10px;
		background: #da0081;
	}
		#content div.expanded_product_info div.content p.desc {
			color: #fff;
			background: #c90077;
			padding: 3px;
			margin: 0;
		}
		#content div.expanded_product_info ul.product_info li {
			width: 284px;
			padding: 3px;
			float: left;
			clear: both;
			margin: 0;
		}
		#content div.expanded_product_info ul.product_info li div.right {
			float: right;
			padding-right: 3px;
		}
		#content div.expanded_product_info ul.product_info li.alt {
			background: #c90077;		
		}
		#content div.expanded_product_info strong {
			display: block;
			color: #FFF200;
			font-size: 1.2em;
		}
		#content div.expanded_product_info ul.product_info li strong {
			float: left;
			display: inline-block;
			margin: 0;
		}
	#content div.expanded_product_info div.cart {
		width: 530px;
		height: 30px;
		float: right;
		display: inline;
		background: #dc0283;
		margin: 5px 0 1px 0;
		color: #fff;
		margin-right: -3px;
		padding: 0 5px 0 0;
		text-align: right;
	}
		#content div.expanded_product_info a.cart_buy {
			float: left;
			display: inline;
			margin: 10px 40px 0 0px;
			font-weight: bold;
			width: 100px;
			color: #fff;
		}
			#content div.expanded_product_info a.cart_buy img {
				float: left;
				display: inline;
				margin: 0 5px 5px 5px;
			}

/* -- Product Box -- */
#content div.product_box {
	margin: 5px;
	/*width: 75;*/
	height: 75px;
	float: left;
	display: inline;
	background : #fff;
}

/* -- Product box wrapper -- */
#content div.product_box_wrap {
	float:left;
	display: inline;
}

/* -- Product box container -- */
#content div.product_box_container {
	display: none;
	margin: 0 0 0 20px;
	padding: 10px;
	float: left;
	display: inline;
	width: 700px;
	min-height: 500px;
}

/* -- Product Info -- */
body.product_page div.leftcol {
	width: 240px;
	float: left;
	display: inline;
}
body.product_page div.centrecol {
	width: 240px;
	float: left;
	display: inline;
	margin-right: 10px;
}
	body.product_page div.centrecol div.price {
		width: 147px;
		height: 43px;
		padding: 8px 0 0 10px;;
		background: url(../images/bg_button_price_small.png) 0 0 no-repeat;
	}
		body.product_page #content div.centrecol div.price p {
			margin: 0;
			padding: 0;
			font-size: 1.1em;
		}
			body.product_page #content div.centrecol div.price p.rrp {
				color: #fabfe2;
			}
			body.product_page #content div.centrecol div.price p.price {
				font-size: 1.4em;
				line-height: 1em;
				color: #fff;
			}
			body.product_page #content div.centrecol div.price p.price strong {
				color: #ffff00;
				font-size: 1.2em;
			}
			
body.product_page div.rightcol {
	width: 240px;
	float: left;
	display: inline;
	margin: 20px 0 0 0;
}
	body.product_page div.rightcol h4 {
		width: 230px;
		padding: 3px;
		background: #f78f1e;
		color: #FFFF00;
		font-size: 1.4em;
		clear: both;
		float: left;
	}

body.product_page ul.product_info {
	width: 234px;
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px #f78f1e solid;
	background: #eee5d7;
	float: left;
	clear: both;
}
body.product_page ul.colour {
	width: 229px;
	list-style: none;
	padding: 5px 0 5px 5px;
	margin: 0 0 10px 0;
	border: 1px #f78f1e solid;
	float: left;
	clear: both;
}
	body.product_page ul.colour li {
		float: left;
		width: 100px;
		padding-right: 10px;
		color: #333;
		font-size: 1.1em;
	}
	body.product_page ul.colour li a img {
		vertical-align: middle;
	}
	body.product_page #content ul.colour li a:hover {
		text-decoration: none;
		color: #333;
	}
  body.product_page ul.product_info li {
    margin: 0;
	padding: 3px;
	float: left;
	width: 228px;
  }
  	body.product_page ul.product_info li.alt {
		background: #e2d9cb;
	}
    body.product_page ul.product_info strong {
      color: #555;
	  float: left;
	  font-size: 1.2em;
    }
	body.product_page ul.product_info span {
		text-align: right;
		float: right;
		color: #777;
	}
body.product_page img.product_image {
	float: left;
	display: inline;
	margin: 5px 5px 0 0;
}
body.product_page #content h2 {
	background: #f78f1e;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff200;
	padding: 5px 0 10px 5px;
}
	/* Form */
	body.product_page dt {
		float: left;
		display: inline;
		width: 150px;
		text-align: right;
		padding-right: 15px;
		text-transform: uppercase;
	}
	body.product_page dt, body.product_page dd {
		margin-bottom: 10px;
	}

	/* Comments */
	body.product_page div.comments {
	  width: 710px;
	  margin: 10px 0 1.5em 10px;
	  padding: 5px;
	  float: left;
	  display: inline;
	  clear: both;
	  border: 1px #f78f1e solid;
	}
	body.product_page h3 {
		color: #f78f1e;
	}
		#comments {
			padding-top: 10px;
		}
		/* Comment box */
		div.comment_box {
			background: #ddd;
			margin: 2px 0;
			padding: 5px;
		}
			body.product_page div.comment_box h3 {
				color: #333;
			}
			body.product_page div.comment_box p {
				color: #555;
			}
			
			
			
/* -- Contact page ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#map {
	width: 745px;
	height: 300px;
}

body.contact div.left, body.contact div.right {
	float: left;
	width: 350px;
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0;
	padding: 0 0 0 10px;
}

body.contact div.left {
	margin-right: 20px;
}

body.contact #content ul {
	list-style: none;
}

body.contact #content {
	color: #ec008c;
	background: #fff200;
	background-repeat: repeat-y;
}


/* -- Corporate Massage Page ------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.massage #content h3 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 -0.75em 5px;
	padding: 0;
}
body.massage #content h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 -1em 5px;
}
body.massage #content em {
	color: #555;
}
body.massage div.highlight {
	width: 245px;
	float: left;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 25px 10px 130px 10px;
	background: #a2e7d6 url(../images/bg_massage_blue.png) 0 bottom repeat-x;
}
	body.massage #content div.highlight h4 {
		margin: 0;
	}
	body.massage div.highlight ul {
		margin: 0 0 1.5em 10px;
	}
body.massage div.centre {
	width: 450px;
	float: left;
}
body.massage div.footer {
	background: #a2e7d6;
	margin-right: -10px;
	font-size: .8em;
	font-weight: bold;
	padding: 2px 0;
	color: #333;
}
body.massage div.centre img {
	float: left;
	margin: 5px 10px 0 0;
}



/* -- Task seating Page ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------- */
body.task_full #content h3 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 -0.75em 5px;
	padding: 0;
}
body.task_full #content h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 -1em 5px;
}
body.task_full div.image {
	width: 245px;
	float: left;
}
body.task_full div.highlight {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 0 0 130px 0;
	background: #a2e7d6 url(../images/bg_massage_blue.png) 0 bottom repeat-x;
}
	body.task_full #content div.highlight h4 {
		margin: 5px 0 0 5px;
	}
	body.task_full div.highlight ul {
		margin: 0 0 1.5em 20px;
	}
body.task_full div.centre {
	width: 280px;
	float: left;
	text-align: justify;
}



/* -- Desk system Page ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.desk_full #content h3 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 -0.75em 5px;
	padding: 0;
}
body.desk_full #content h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 -1em 5px;
}
body.desk_full div.image {
	width: 245px;
	float: left;
}

body.desk_full div.hi_en_wrap {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 0 0 130px 0;
}
body.desk_full div.highlight {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 0 0 130px 0;
	background: #a2e7d6 url(../images/bg_massage_blue.png) 0 bottom repeat-x;
}
	body.desk_full #content div.highlight h4 {
		margin: 5px 0 0 5px;
	}
	body.desk_full div.highlight ul {
		margin: 0 0 1.5em 20px;
	}
body.desk_full div.enquiry {
    clear : right; 
	float: right;
	display: inline;
	margin-right: 15px;
}
body.desk_full div.enquiry a{
	background: #EC008C;
	color : #FFFFFF !important;
	padding : 2px 5px;
	font-size : 1.2em;
}


body.desk_full div.centre {
	width: 280px;
	float: left;
	text-align: justify;
}



/* -- Educational Furniture Page --------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.educational_full #content h3 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 -0.75em 5px;
	padding: 0;
}
body.educational_full #content h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 -1em 5px;
}
body.educational_full div.image {
	width: 245px;
	float: left;
}
/*
body.educational_full div.highlight {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 0 0 130px 0;
	background: #a2e7d6 url(../images/bg_massage_blue.png) 0 bottom repeat-x;
}
	body.educational_full #content div.highlight h4 {
		margin: 5px 0 0 5px;
	}
	body.educational_full div.highlight ul {
		margin: 0 0 1.5em 20px;
	}
*/

body.educational_full div.hi_en_wrap {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 0 0 130px 0;
}
body.educational_full div.highlight {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 0 0 130px 0;
	background: #a2e7d6 url(../images/bg_massage_blue.png) 0 bottom repeat-x;
}
	body.educational_full #content div.highlight h4 {
		margin: 5px 0 0 5px;
	}
	body.educational_full div.highlight ul {
		margin: 0 0 1.5em 20px;
	}
body.educational_full div.enquiry {
    clear : right; 
	float: right;
	display: inline;
	margin-right: 15px;
}
body.educational_full div.enquiry a{
	background: #EC008C;
	color : #FFFFFF !important;
	padding : 2px 5px;
	font-size : 1.2em;
}


body.educational_full div.centre {
	width: 280px;
	float: left;
	text-align: justify;
}



/* -- Storage Page ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.storage #content div.product {
	float: left;
	clear: both;
	display: inline;
	overflow: hidden;
}
body.storage #content h3 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 -0.75em 5px;
	padding: 0;
}
body.storage #content h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 -1em 5px;
}
body.storage div.image {
	width: 245px;
	float: left;
	display: inline;
	overflow: hidden;
}

body.storage div.hi_en_wrap {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
}
body.storage div.enquiry {
    clear : right; 
	float: right;
	display: inline;
	margin-right: 15px;
}
body.storage div.enquiry a{
	background: #EC008C;
	color : #FFFFFF !important;
	padding : 2px 5px;
	font-size : 1.2em;
}

body.storage div.highlight {
	width: 200px;
	float: right;
	display: inline;
	margin: 23px 10px 10px 10px;
	padding: 0 0 130px 0;
	background: #a2e7d6 url(../images/bg_massage_blue.png) 0 bottom repeat-x;
	display: inline;
	overflow: hidden;
}
	body.storage #content div.highlight h4 {
		margin: 5px 0 0 5px;
	}
	body.storage div.highlight ul {
		margin: 0 0 1.5em 20px;
	}
body.storage div.centre {
	width: 280px;
	float: left;
	text-align: justify;
	display: inline;
	overflow: hidden;
}



/* -- Consultant page ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.consultant dl.consultant {
	margin: 1.5em 0 1.5em 10px;
}
	body.consultant dl.consultant dt, body.consultant dl.consultant dd {
		margin-bottom: 10px;
	}
	dl.consultant dt.alt, dl.consultant dd.alt {
		background: #eaeaea;
		padding: 10px 0;
	}
	body.consultant dl.consultant dt {
		float: left;
		display: inline;
		width: 200px;
		font-size: 1.2em;
		font-weight: bold;
		color: #333;
	}
	
	
	
/* -- send_to_friend page ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.send_to_friend dl.send_to_friend {
	margin: 1.5em 0 1.5em 10px;
}
	body.send_to_friend dl.send_to_friend dt, body.send_to_friend dl.send_to_friend dd {
		margin-bottom: 10px;
	}
	dl.send_to_friend dt.alt, dl.send_to_friend dd.alt {
		background: #eaeaea;
		padding: 10px 0;
	}
	body.send_to_friend dl.send_to_friend dt {
		float: left;
		display: inline;
		width: 200px;
		font-size: 1.2em;
		font-weight: bold;
		color: #333;
	}



/* -- Sidebar ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#sidebar {
	width: 216px;
	float: left;
	display: inline;
	margin: 2px 0 0 10px;
}
	#sidebar ul {
		list-style: none;
	}

/* -- Backpain button -- */
#button_backpain {
	width: 208px;
	height: 142px;
	padding: 5px 0 0 8px;
	float: left;
	display: inline;
	background: url(../images/bg_button_backpain.jpg) no-repeat;
}
#button_backpain:hover {
	cursor: help;
}
	#button_backpain h3 {
		font-size: 1.4em;
		font-weight: normal;
	}
		#button_backpain h3 strong {
			font-weight: normal;
			font-size: 1.2em;
			display: block;
		}
		#button_backpain h3 em {
			font-style: normal;
			color: #f78f1e;
		}
	#button_backpain p {
		font-size: 1.1em;
		margin: 0.5em 0;
	}
	/* button */
	#button_backpain p.button {
		height: 25px;
		float: left;
		margin: 0;
		padding: 0 10px 0 0;
		background: url(../images/button_backpain/bg_right.png) right 0 no-repeat;
	}
		#button_backpain p.button a {
			height: 22px;
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 3px 0 0 35px;
			background: url(../images/button_backpain/bg_left.png) left 0 no-repeat;
		}
		#button_backpain p.button a:hover {
			text-decoration: underline;
		}
	
/* -- Search button -- */
#button_search {
	width: 208px;
	height: 140px;
	margin-top: 8px;
	padding: 7px 0 0 8px;
	float: left;
	display: inline;
	background: url(../images/bg_button_search.jpg) no-repeat;
}
	#button_search h3 {
		font-size: 1.4em;
		font-weight: normal;
	}
		#button_search h3 strong {
			font-weight: normal;
			font-size: 1.2em;
			display: block;
			color: #ec008c;
		}
	#button_search p {
		font-size: 1em;
		margin: 0.5em 0;
	}
	/* button */
	#button_search p.button {
		height: 25px;
		float: left;
		padding: 0 10px 0 0;
		font-size: 1.1em;
		background: url(../images/button_selector/bg_right.png) right 0 no-repeat;
	}
		#button_search p.button a {
			height: 22px;
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 3px 0 0 35px;
			background: url(../images/button_selector/bg_left.png) left 0 no-repeat;
		}
		#button_search p.button a:hover {
			text-decoration: underline;
		}

/* -- Search button -- */
#download_brochure {
	width: 208px;
	height: 140px;
	margin-top: 0px;
	padding: 7px 0 0 8px;
	float: left;
	display: inline;
	background: url(../images/bg_button_download.jpg) no-repeat;
}
	#download_brochure h3 {
		font-size: 1.4em;
		font-weight: normal;
	}
		#download_brochure h3 strong {
			font-weight: normal;
			font-size: 1.2em;
			display: block;
			margin-bottom: 20px;
			color: #ec008c;
		}
	#download_brochure p {
		font-size: 1em;
		margin: 0.5em 0;
	}
	/* button */
	#download_brochure p.button {
		height: 25px;
		float: left;
		padding: 0 10px 0 0;
		font-size: 1.1em;
		background: url(../images/button_selector/bg_right.png) right 0 no-repeat;
	}
		#download_brochure p.button a {
			height: 22px;
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 3px 0 0 35px;
			background: url(../images/button_selector/bg_left.png) left 0 no-repeat;
		}
		#download_brochure p.button a:hover {
			text-decoration: underline;
		}
		
/* -- Easy order button -- */
#btn_easyorder {
	width: 206px;
	height: 182px;
	margin: 4px 0 8px 0;
	padding: 7px 0 0 8px;
	float: left;
	display: inline;
	background: url(../images/bg_button_easyorder.jpg) no-repeat;
}
	#btn_easyorder h3 {
		font-size: 1.4em;
		font-weight: normal;
	}
		#btn_easyorder h3 strong {
			font-weight: normal;
			font-size: 1.2em;
			display: block;
			margin-bottom: 20px;
			color: #ec008c;
		}
	#btn_easyorder p {
		font-size: 1em;
		margin: 67px 0 0 0;
	}
	/* button */
	#btn_easyorder p.button {
		height: 25px;
		float: left;
		padding: 0 10px 0 0;
		font-size: 1.1em;
		background: url(../images/button_selector/bg_right.png) right 0 no-repeat;
	}
		#btn_easyorder p.button a {
			height: 22px;
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 3px 0 0 35px;
			background: url(../images/button_selector/bg_left.png) left 0 no-repeat;
		}
		#btn_easyorder p.button a:hover {
			text-decoration: underline;
		}
		
/* -- First aid button -- */
#first_aid {
	width: 206px;
	height: 94px;
	margin-top: 2px;
	padding: 7px 0 0 8px;
	float: left;
	display: inline;
	background: url(../images/bg_button_firstaid.jpg) no-repeat;
}
	#first_aid h3 {
		font-size: 1.4em;
		font-weight: normal;
	}
		#first_aid h3 strong {
			font-weight: normal;
			font-size: 1.2em;
			display: block;
			margin-bottom: 20px;
			color: #ec008c;
		}
	#first_aid p {
		font-size: 1em;
		margin: 0;
	}
	/* button */
	#first_aid p.button {
		height: 25px;
		float: left;
		padding: 0 10px 0 0;
		font-size: 1.1em;
		background: url(../images/button_selector/bg_right.png) right 0 no-repeat;
	}
		#first_aid p.button a {
			height: 22px;
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 3px 0 0 35px;
			background: url(../images/button_selector/bg_left.png) left 0 no-repeat;
		}
		#first_aid p.button a:hover {
			text-decoration: underline;
		}

/* -- First aid button -- */
#chatter {
	width: 206px;
	height: 94px;
	margin-top: 2px;
	padding: 7px 0 0 8px;
	margin-bottom: 5px;
	float: left;
	display: inline;
	background: url(../images/bg_button_chatter.jpg) no-repeat;
}
	#chatter h3 {
		font-size: 1.4em;
		font-weight: normal;
	}
		#chatter h3 strong {
			font-weight: normal;
			font-size: 1.2em;
			display: block;
			margin-bottom: 20px;
			color: #ec008c;
		}
	#chatter p {
		font-size: 1em;
		margin: 0;
	}
	/* button */
	#chatter p.button {
		height: 25px;
		float: left;
		padding: 0 10px 0 0;
		font-size: 1.1em;
		background: url(../images/button_selector/bg_right.png) right 0 no-repeat;
	}
		#chatter p.button a {
			height: 22px;
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 3px 0 0 35px;
			background: url(../images/button_selector/bg_left.png) left 0 no-repeat;
		}
		#chatter p.button a:hover {
			text-decoration: underline;
		}

	
/* Careers button */		
#careers {
	width: 206px;
	height: 84px;
	margin-top: 8px;
	padding: 7px 0 0 8px;
	float: left;
	display: inline;
	background: url(../images/bg_button_careers.jpg) no-repeat;
}
	#careers h3 {
		font-size: 1.4em;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	#careers h3 a {
	color: #000;
	}
		#careers h3 strong {
			font-weight: normal;
			font-size: 1.2em;
			display: block;
			margin-bottom: 5px;
			color: #ec008c;
		}
	#careers p {
		font-size: 1em;
		margin: 0;
	}
	/* button */
	#careers p.button {
		height: 25px;
		float: left;
		padding: 0 10px 0 0;
		font-size: 1.1em;
		background: url(../images/button_selector/bg_right.png) right 0 no-repeat;
	}
		#careers p.button a {
			height: 22px;
			float: left;
			color: #fff;
			text-transform: uppercase;
			padding: 3px 0 0 35px;
			background: url(../images/button_selector/bg_left.png) left 0 no-repeat;
		}
		#careers p.button a:hover {
			text-decoration: underline;
		}
			
/* -- Monkey Businesses -- */
#monkey_business {
	width: 214px;
	float: left;
	display: inline;
	margin: 2px 0 0 0;
	padding: 0 0 1px 0;
	border: 1px #f78f1e solid;
	background: #f4f4f4;
}
	#monkey_business h3 {
		background: #f78f1e;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: bold;
		color: #fff200;
		padding: 5px 0 10px 5px;
	}

/* -- Manufacturers -- */
#manufacturers {
	width: 214px;
	float: left;
	display: inline;
	background-color: #666666;
	margin: 10px 0 0 0;
}

/* -- Carbonsmart -- */
#sidebar div.carbonsmart {
	width: 100%;
	float: left;
	display: inline;
	text-align: center;
}



/* -- Search page sidebar controls ------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#sidebar div.box div.searchtype {
	width: 214px;
	min-height: 45px;
	float: left;
	display: inline;
	color: #555;
	padding: 5px 0;
	font-size: 1.1em;
}
#sidebar div.box .alt {
	background: #eee5d7;
}
	#sidebar div.box div.searchtype span.title {
		float: left;
		padding: 0 0 0 5px;
		font-weight: bold;
	}
	#sidebar div.box div.searchtype span.value {
		float: right;
		padding: 0 5px 0 0;
		clear: right;
	}
	#sidebar div.box div.searchtype div.option {
		width: 200px;
		clear: both;
		display: block;
		float: left;
		display: inline;
		margin: 10px 0 0 5px;
	}
		#sidebar div.box div.searchtype div.option.radio {
			margin-top: 0;
		}
		#sidebar div.box div.searchtype div.option dl {
			margin-top: 5px;
		}
			#sidebar div.box div.searchtype div.option dl dt {
				height: 20px;
			}
			#sidebar div.box div.searchtype div.option dl dd {
				height: 18px;
				padding-top: 2px;
			}
			#sidebar div.box div.searchtype div.option dl dt {
				float: left;
				display: inline;
				margin-right: 5px;
			}		
	#sidebar div.box div.searchtype div.ui-slider-2 {
		width: 170px;
		margin: 0 20px;
	}



/* -- Product list ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#product_list {
	display: none;
}
body.home #product_list, body.fourofour #product_list {
	width: 980px;
	float: left;
	display: block;
	margin: 40px 0 0 0;
	padding: 10px 0;
	background: #6c5735;
}
	#product_list ul {
		width: 183px;
		float: left;
		padding-left: 10px;
		list-style: none;
		border-right: 1px #a79a86 solid;
	}
		#product_list ul.last {
			border: none;
		}
	#product_list a {
		color: #fff;
	}
	#product_list a:hover {
		text-decoration: underline;
	}
		
		
		
/* -- Footer ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#footer {
	width: 960px;
	float: left;
	display: inline;
	padding: 10px;
	color: #fff;
	background: #56462a;
}
	#footer a {
		color: #fff;
	}
	#footer p.left {
		float: left;
	}
	#footer p.right {
		width: 570px;
		display: inline;
		float: right;
		text-align: right;
	}
	
	
	
	
/* Error */
#content p.error {
	border: 1px red solid;
	width: 715px;
	padding: 5px;
	margin-left: 10px;
	background: #f2bebf;
	color: #222;
}








#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* -- 404 Page content ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.fourofour #content {
	height: 1121px;
	background: url(../images/bg_404.jpg) bottom right no-repeat;
}
body.fourofour #content div.highlight {
	width: 255px;
	float: left;
	display: inline;
	margin: 30px 0 0 20px;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;
	background: #af046a;
}
body.fourofour #content h3 {
	color: #fff;
	margin: 1.5em 0 -1em 0;
	padding: 0 0 0 5px;
	font-size: 1.1em;
}
body.fourofour #content p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1.5em 0;
	color: #fff;
	font-weight: bold;
}