/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Creative Innovation Stylesheet
Author : Atelier Studios
URL : http://wwww.atelier-studios.com
Description : Design and layout for Creative Innovation
Atelier Studios Limited 2001-2006. All Rights Reserved.
Created : 15/06/2006
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/

html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

body {
	background-image:url(../images/sitewide/back.jpg);
	background-repeat:repeat-x;
	background-color:#6f563d;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#9c7f61;
}

* {
	margin:0;
	padding:0;
}

ul {
    padding-left:1em;
    margin-left:0;
}

img {
	border:0;
	}

p {
	font-size:1em;
	line-height:16px;
	}

a {
	color:#9c7f61;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
	
div#wrapper {
	width:760px;
	text-align:left;
	margin: 40px auto 0 auto;
}

div#top {
	height:368px;
	background-image:url(../images/sitewide/site-back-vr.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color:#503c2a;
	position:relative;
}

div#leftContent {
	float:left;
	width:470px;
	}
div#leftContent p{
	color:white;
	margin-left:40px;
}
div#bottom {
	height:122px;
	background-image:url(../images/sitewide/site-bottom.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	background-color:#5f4933;
	position:relative;
}

a#logo {
	overflow:hidden; margin: 0 0 0 23px;
	display:block; width: 156px; text-decoration: none;
	background-image:url(../images/sitewide/logo.gif);
	background-repeat:no-repeat;
	padding-top:100px; height: 0px !important; height /**/:100px;
}

#productContent {
	float:left;
	}

#headingProducts {
	overflow:hidden; margin-left:40px; margin-top:40px !important;
	display:block; width: 99px; height:80px; text-decoration: none;
	background-image:url(/furniture/images/headers/products.gif);
	background-repeat:no-repeat;
	padding-top:60px; height: 0px !important; height /**/:60px;
}
#headingServices {
	overflow:hidden; margin-left:40px; margin-top:40px !important;
	display:block; width: 130px; height:60px; text-decoration: none;
	background-image:url(/furniture/images/headers/services.gif);
	background-repeat:no-repeat;
	padding-top:60px; height: 0px !important; height /**/:60px;
}

#headingContact {
	overflow:hidden; margin-left:40px; margin-top:40px !important;
	display:block; width: 99px; height:80px; text-decoration: none;
	background-image:url(/furniture/images/headers/contact.gif);
	background-repeat:no-repeat;
	padding-top:60px; height: 0px !important; height /**/:60px;
}



#flashNav {
	position:absolute;
	left:260px;
	top:40px;
	}

#flashHome {
	position:absolute;
	left:7px;
	top:7px;
}

#footer {
	margin:20px 0 0 33px;
	}

	
	
#productpageMenu {
	margin:0 0 0 40px;
	padding: 15px 0 0 0;
	list-style-type:none;
	color:white;
	}

#productpageMenu li {
	margin-right:25px;
	float:left;
	background-color:#6f563d;
	height:200px;
	line-height:18px;
	}

#productpageMenu {
	}

#productpageMenuDetail {
	padding:5px;
	}

#productListing {
	list-style-type:none;
	width:485px;
	}
	
#productListing li{
	float:left;
	margin-left:5px;
	padding-top:25px;
	}
	
#navigationHolder {
	}

#navigation {
	list-style-type:none;
	margin:0;
	padding:8px 7px 0 0;
	float:right;
	}
#navigation ul{
	list-style-type:none;
	margin:0 0 2px 0;
	padding:0;
	}



.button-Desking  { margin-bottom:2px;
			  overflow:hidden; display:block;
			  width: 245px; height: 20px; text-decoration: none;
			  background-image:url(../images/navigation/desking.gif);
			  background-repeat:no-repeat;
			  padding-top:20px; height: 0px !important; height /**/:20px;
			  
			  }
				.button-Desking:hover {background-position: -245px 0;}
				.button-Desking.current {background-position: -490px 0;}

.button-Seating  {margin-bottom:2px;
			  overflow:hidden; display:block;
			  width: 245px; height: 20px; text-decoration: none;
			  background-image:url(../images/navigation/seating.gif);
			  background-repeat:no-repeat;
			  padding-top:20px; height: 0px !important; height /**/:20px;
			  }
				.button-Seating:hover {background-position: -245px 0;}
				.button-Seating.current {background-position: -490px 0;}
				
.button-Storage  {margin-bottom:2px;
			  overflow:hidden; display:block;
			  width: 245px; height: 20px; text-decoration: none;
			  background-image:url(../images/navigation/storage.gif);
			  background-repeat:no-repeat;
			  padding-top:20px; height: 0px !important; height /**/:20px;
			  }
				.button-Storage:hover {background-position: -245px 0;}
				.button-Storage.current {background-position: -490px 0;}
				
.button-Accessories  {margin-bottom:2px;
			  overflow:hidden; display:block;
			  width: 245px; height: 20px; text-decoration: none;
			  background-image:url(../images/navigation/accessories.gif);
			  background-repeat:no-repeat;
			  padding-top:20px; height: 0px !important; height /**/:20px;
			  }
				.button-Accessories:hover {background-position: -245px 0;}
				.button-Accessories.current {background-position: -490px 0;}
			
.button-Seating-Conference  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/seating-conference.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Seating-Conference:hover {background-position: -245px 0;}
				.button-Seating-Conference.selected {background-position: -245px 0;}

.button-Seating-Soft  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/seating-soft.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Seating-Soft:hover {background-position: -245px 0;}
				.button-Seating-Soft.selected {background-position: -245px 0;}

.button-Seating-Breakout  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/seating-breakout.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Seating-Breakout:hover {background-position: -245px 0;}
				.button-Seating-Breakout.selected {background-position: -245px 0;}

.button-Seating-Operative  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/seating-operative.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Seating-Operative:hover {background-position: -245px 0;}
				.button-Seating-Operative.selected {background-position: -245px 0;}

.button-Desking-Executive  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/desking-executive.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Desking-Executive:hover {background-position: -245px 0;}
				.button-Desking-Executive.selected {background-position: -245px 0;}

.button-Desking-Operative  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/desking-operative.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Desking-Operative:hover {background-position: -245px 0;}
				.button-Desking-Operative.selected {background-position: -245px 0;}

.button-Storage-Wooden  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/storage-wooden.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Storage-Wooden:hover {background-position: -245px 0;}
				.button-Storage-Wooden.selected {background-position: -245px 0;}

.button-Storage-Steel  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/storage-steel.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Storage-Steel:hover {background-position: -245px 0;}
				.button-Storage-Steel.selected {background-position: -245px 0;}

.button-Accessories-Stands  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/accessories-coat.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Accessories-Stands:hover {background-position: -245px 0;}
				.button-Accessories-Stands.selected {background-position: -245px 0;}

.button-Accessories-Clocks  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/accessories-clocks.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Accessories-Clocks:hover {background-position: -245px 0;}
				.button-Accessories-Clocks.selected {background-position: -245px 0;}

.button-Accessories-Bins  {
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/accessories-bins.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Accessories-Bins:hover {background-position: -245px 0;}
				.button-Accessories-Bins.selected {background-position: -245px 0;}

.button-Accessories-Fun  {			  
			  overflow:hidden; display:block;
			  width: 245px; height: 25px; text-decoration: none;
			  background-image:url(../images/navigation/accessories-fun.gif);
			  background-repeat:no-repeat;
			  padding-top:25px; height: 0px !important; height /**/:25px;
			  }
				.button-Accessories-Fun:hover {background-position: -245px 0;}
				.button-Accessories-Fun.selected {background-position: -245px 0;}
				
fieldset {
	border : 0px solid #fff;
	position: absolute;
	left: 280px;
	top: 120px;
}
label {
color:white;
margin-bottom:3px;
}

.formField {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:5px;
	margin-bottom:3px;
	padding:2px;
	}
#submit {
			  letter-spacing: -9000px; overflow:hidden; display:block;
			  width: 93px; height: 20px; text-decoration: none;
			  background-image:url(/furniture/images/navigation/send.gif);
			  background-repeat:no-repeat;
}




/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Product Details Popup
*/

div#productListingShadow{
	position: absolute; 
	background: url(../../furniture/images/sitewide/transparent.png);
	top: 0px;
	left: 0px;
	z-index: 998;
	width: 760px;
	height: 368px;
}
div#productinfo{
	z-index: 999;
	position: absolute; 
	background: #5F4933; 
	color: #fff;
	width: 560px;
	height: 277px; 
	margin-left: 100px; 
	margin-right: 100px;
	margin-top: 45px;
	margin-bottom: 46px;
}

#productinfo img{
	float: left;
	margin-right: 20px;
	width:277px;
	height:277px;
}
#productinfo h2 {
	margin-bottom:5px;
	font-weight:normal;
	}
#productinfo h2, #productinfo p{
clear:right;
margin-right: 20px;
}
#productinfo a{
float: right;
margin-top:10px;
margin-right:10px;
}


.formThankyou {
	width:200px;
	position:absolute;
	left: -50px;
	top: 0px;
	font-weight:bold;}

.footer_link {
	color:#FF9900;
	font-size:12px;}