@charset "utf-8";
/* CSS Document - clean_styles.css - Clean Styles */

/* clean up deprecated tags after finished project */

* {
	margin:0px;
	padding:0px;
	}

.img {
	border-style:none;
	}

/*** body ***/

body {
color:#663300;
background-color:#e9e3db;
text-align:center; /* alin wrapper div */
	}

.link {
	color:#696662;
	text-decoration:none;
	}

.link a {
	color:#ef9a1b;
	text-decoration:none;
	}

/* product browse */
#product_details {
	 position: relative;
	 width: 976px;
	 margin-top:10px;
	 } 

#product_details a {
	text-decoration:none;
	color: #454442;
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	width:976px;
	height:270px;
	display:inline-block;
	}

#nolink {
	float:left;
	width:49px;
	height:270px;
	display:block;
	background-image:url(/images/nolink.png);
	}

#pre a {
	float:left;
	background-image:url(/images/pre_product.png);
	width:49px;
	height:270px;
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/
	}

#product_details .details {
	/*background-image:url(/images/product_details_bg.png);*/
	background-image:url(../images/graphics/bg_product_details.png); background-repeat:repeat-y;
	width:240px;
	height:auto; /* was 270 *//***********************************************************************/
	float:left;
	}

#product_details .details a {
	color:#663300;
	width:230px;
	height:auto;
	font-size:14px;
	float:left;
	}

	#product_details .details h1 {
		font-size:14px;
		color:#663300;
		/*display:inline;*//********************************************************************************************/
		}

	
#product_details .pic {
	width:auto;
	height:320px; /* overall height */
	float:left;
	margin-left:5px;/***********************************************************************  +10px */
	margin-right:5px;
	}


#product_details .pic .zoom a {
	width:auto;/******************************* 270 */
	height:19px;
	}

/* more than one product picture exist */

#product_details .pic .more_views a {
	width:210px;/*****************************************************************/
	height:19px; /* more views height */
	}

#product_details .pic .pic_more {
	margin-top:10px; /* distace from more_views */
	width:210px;/*****************************************************************/
	height:50px; /* small pictures height */
	text-align:center;
	}

html>body #product_details .pic .pic_more {
	margin-top:23px; /* distace from more_views */
	width:210px;
	height:50px; /* small pictures height */
	text-align:center;
	}

#product_details .pic .pic_more a {
	width:50px;
	height:50px; /* small pictures height */
	float:left;
	}

/* end of more than one product picture exist */

#product_details .description {
	background-image:url(../images/graphics/bg_product_description.png);
	/*background-image:url(/images/product_description_bg.png);*/
	width:358px;/************************************************************************************************************ was 368 before adjusted pic margins */
	height:auto; /* was 270 *//***********************************************************************/
	float:left;
	}

#next a {
	float:left;
	background-image:url(/images/next_product.png);
	width:49px;
	height:270px;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/	
	}

#pre a:hover { background-image:url(/images/pre_product_hover.png); text-indent:-9999px; /* hiding textlink*/ }
#next a:hover { background-image:url(/images/next_product_hover.png); text-indent:-9999px; /* hiding textlink*/ }

#back {
	}

/* end of product browse */


/* teak and weave menu */
#menu_teak {
	 position: relative;
	 width: 976px;
	 margin-top:10px;
	 } 

#menu_teak a {
	text-decoration:none;
	color: #454442;
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	width:976px;
	height:320px;
	display:inline-block;
	}

#seating a {
	float:left;
	background-image:url(/link_seating_bg.png);
	width:320px;
	height:320px;
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/
	}

#tables a {
	float:left;
	background-image:url(/link_tables_bg.png);
	width:336px;
	height:320px;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/
	}

#sets a {
	float:left;
	background-image:url(/link_sets_bg.png);
	width:320px;
	height:320px;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/	
	}

#seating a:hover { background-image:url(/link_seating_bg_hover.png); text-indent:-9999px; /* hiding textlink*/ }
#tables a:hover { background-image:url(/link_tables_bg_hover.png); text-indent:-9999px; /* hiding textlink*/ }
#sets a:hover { background-image:url(/link_sets_bg_hover.png); text-indent:-9999px; /* hiding textlink*/ }
/* w to rewrite */

#seating_w a {
	float:left;
	background-image:url(/link_seating_w_bg.png);
	width:320px;
	height:320px;
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/
	}

#tables_w a {
	float:left;
	background-image:url(/link_tables_w_bg.png);
	width:336px;
	height:320px;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/
	}

#sets_w a {
	float:left;
	background-image:url(/link_sets_w_bg.png);
	width:320px;
	height:320px;
	background-repeat:no-repeat;
	text-indent:-9999px; /* hiding textlink*/	
	}

#seating_w a:hover { background-image:url(/link_seating_w_bg_hover.png); text-indent:-9999px; /* hiding textlink*/ }
#tables_w a:hover { background-image:url(/link_tables_w_bg_hover.png); text-indent:-9999px; /* hiding textlink*/ }
#sets_w a:hover { background-image:url(/link_sets_w_bg_hover.png); text-indent:-9999px; /* hiding textlink*/ }

/* end of teak and weave menu*/




/* end of trial section */
/*** wrapper ***/

#wrapper {
	text-align:center;
	width:976px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

/*** main_content ***/

#main_content {
	width:976px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; /* this is the default size of main_text too */
	}

#range_content {
	width:976px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	text-align:left; /* float left in IE6 */
	}

#search {
	text-decoration:none;
	padding-right:0px;
/* 	color:#86837f; */
	color:#696662;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:right;
	margin-top:9px; /* IE6 SELECTOR! */
	margin-right:10px;
	}

input {
	color:#663300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-style:groove;
	border-color:#999999;
	}
	
button {
    border: 1px solid #006;
	}

#main_text {
	margin-top:0px;
	width:976px;
	float:left;
	text-align:left;
	}

/*** nav_bar ***/

#nav_bar { 
	width:976px;
	display:inline-block; /* enclosing floats (displays bg-color or bg-img in the block/div */
	margin-bottom:15px;
	border-style:none;
	margin-top:15px;
	background:url(images/line1.gif) 292px top repeat-y; width:100%;
	}

#nav_bar a {
	text-decoration:none;
	padding-right:0px;
/* 	color:#86837f; */
	color:#696662;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
	
#nav_bar a:hover {
	color:#ef9a1b;
/*	color:#d98e1f; */
	text-decoration:none;
}

#nav_bar a.current {
	color:#ef9a1b;
	text-decoration:none;
}

#flash_banner {
	margin-top:0px;
	margin-bottom:-5px;
}

#footer {
	margin-top:25px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#86837f;
}

#footer a {
	text-decoration:none;
	padding-right:0px;
	color:#86837f;
	font-family:Arial, Helvetica, sans-serif;
}

#footer a:hover {
	color:#d98e1f;
	text-decoration:none;
}

/*** formatting collection page ***/

#collection {
/* these properties */
/* bg image is placed inline style with dynamic variable.*/
	width:976px;
	height:342px; /* original picture size is 342 */
	position:relative; /* main_text and slogan_text will go absolute to this */
	}

#collection .main_text {
	color:#663300;
	text-align:right;
	position:absolute;
	top:40px;
	left:125px;
	width:auto;
	}

/* h1 is the slogan for SEO */

h1 {
	color:#663300;
	font-size:48px;
	font-weight:normal;
	}
#collection .slogan_text {
	color:#663300;
	text-align:center;
	font-size:48px;
	position:absolute;
	top:65px;
	left:580px;
	width:auto;
	}

/*** end of collection page ***/

/*** formatting the_range page ***/

#the_range {
/* bg image is placed inline style with dynamic variable.*/
	width:976px;
	/*height:auto; /*  */
	height:490px;
	position:relative; /* all textfields will go absolute to this */
	}

#the_range a {
	text-decoration:none;
	color:#696662;
	}

#the_range a:hover{
	text-decoration:none;
	color:#ef9a1b;
	}

#the_range_content {
	position:absolute;
	top:20px;
	left:360px;
	width:615px;
	height:auto;
}
	
	#the_range .extra_text_1 {
		background-image:url(../images/graphics/bg_range_cat_1_3.png);
		background-repeat:repeat-y;
		color:#696662;
		font-size:48px;
		text-align:left;

		width:615px;
		height:auto;
		}
		
	#the_range .extra_text_2 {
		background-image:url(../images/graphics/bg_range_cat_1_3.png);
		background-repeat:repeat-y;		
		color:#663300;
		text-align:left;
		width:615px;
		height:auto;
		}
	
	#the_range .extra_text_3 {
		background-image:url(../images/graphics/bg_range_cat_2.png);
		color:#696662;
		font-size:48px;
		text-align:right;
		margin-top:20px;		
		width:615px;
		}
		
	#the_range .extra_text_4 {
		background-image:url(../images/graphics/bg_range_cat_2.png);
		color:#663300;
		text-align:right;
		width:615px;
		}
	
	#the_range .extra_text_5 {
		background-image:url(../images/graphics/bg_range_cat_1_3.png);
		background-repeat:repeat-y;		
		color:#696662;
		font-size:48px;
		margin-top:20px;		
		text-align:left;
		width:615px;
		}
		
	#the_range .extra_text_6 {
		background-image:url(../images/graphics/bg_range_cat_1_3.png);
		background-repeat:repeat-y;		
		color:#663300;
		text-align:left;
		width:615px;
		}

	#the_range .download_cat {
		margin-top:30px;
		color:#696662;
		text-align:right;
		width:610px;
		}

/*** end of the_range page ***/

/*** formatting contact us page ***/

#notifications {
/*	width:976px;*/
	text-align:left;
	margin-top:10px;
	padding-left:470px;
	font-size:14px;
	font-weight:bold;
	}

/* this works in everything but IE browsers */
html>body #notifications {
/*	width:976px;*/
	text-align:left;
	margin-top:10px;
	padding-left:450px; /* change in IE */
	font-size:14px;
	font-weight:bold;
	}

#contact_us {
	width:976px;
	height:260px;
	display:inline-block;
	margin-top:20px;
	position:relative;
	}

	#address {
		float:left;
		width:430px;
		text-align:left;
		margin-right:0px;
		margin-left:20px;
		}
		
		#address .main_text {
			color:#5f4022; /* new colour #663300;*/
			font-size:18px;
			margin-left:10px;
			}
		#address .slogan_text {
			color:#696662;
			font-size:24px;
			margin-left:10px;
			}
			
	#contact_us_form {
		float:left;
		text-align:left;
		display:inline-block;
		}

		#contact_us_form .header1 {
			color:#696662;
			font-size:24px;
			}
		#contact_us_form .header2 {
			color:#663300;
			font-size:14px;
			}

input {
	color:#663300;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	border-style:groove;
	border-width:1px;
	}

textarea {
	color:#663300;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:groove;
	}

.button {
	border-style:groove;
	}
			
			#form_details {
				color:#696662;
				float:left;
				width:180px;
				margin-right:20px;
				}

			/* this works in everything but IE browsers */ /* check if works in all recent IEs */
			html>body #form_details {
				color:#696662;
				float:left;
				width:180px;
				margin-right:50px;
				}
		
			#form_textarea {
				color:#696662;			
				float:left;
				width:217px;
				}

			/* this works in everything but IE browsers */ /* check if works in all recent IEs */
			html>body #send {
				margin-top:11em;
				float:left;
				margin-left:34px;
				}
			
			#send {
				float:left;
				margin-top:12px;
				margin-left:110px;
				}
			
/*** end of contact us page ***/

/*** sub cat pages ***/

#sub_cat_pages {
	width:976px;
	height:auto;
	text-align:left; /* dont forget for IE */
	}
		
	#sub_cat_pages .header {
		position:relative;
		width:976px;
		height:221px;
		}
		
		#sub_cat_pages .header .description {
		background-image:url(/images/header_vert_line.png);
		background-repeat:repeat-y;
		position:absolute;
		top:95px;
		width:450px;
		height:auto;
		text-align:left;
		}
		
		#sub_cat_pages .header .title {
		position:absolute;
		top:105px;
		left:580px;
		text-align:center;
		}
		
		#sub_cat_pages .header .title h1 {
		font-size:48px;
		color:#696662;
		}
		
	#sub_cat_pages .products {
		width:976px;
		height:auto;
		display:inline-block;
		}

	#sub_cat_pages a img {
		border-bottom-style:none;
		border-left-style:none;
		border-right-style:none;
		border-top-style:none;
		}
/* test 
	#sub_cat_pages a:hover img {
		border-right-style:groove;
		border-left-style:groove;
		border-right-color:#696662;
		border-left-color:#696662;
		}
/* end of test */

	#sub_cat_pages a {
		text-decoration:none;
		color:#696662;
		}
		
	#sub_cat_pages a:hover {
		color:#ef9a1b;
		}	
		
			#sub_cat_pages .products .product {
				float:left;
				width:184px;
				height:220px;
				/* background-color:#CCCC33; /* tem */
				margin-left:8px;
				text-align:center;
				}
										
					#sub_cat_pages .products .product .pic {
					/* background-color:#996600; /* tem */
					margin-top:15px;
					width:184px;
					height:170px;
					}
					
/*** end of sub cat pages ***/

.nofloat {
	clear: both;
	}