
body { 
	padding: 0; 
	margin: 0; 
	font: .74em Trebuchet MS, sans-serif; 
	line-height: 1.5em; 
	background: #fff url("img/top.jpg") repeat-x top; 
	color: #493a0d; 
	}
	
a { color: #594815; background: inherit; }
a:hover { color: #281f03; background: inherit; text-decoration: underline}
p {	margin: 5px 0; }

div, ul, h2, h3, h4, img{padding:0px; margin:0px; margin-right: 5px;}


hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }

.content { 
margin: 0px auto; width: 800px; 
}


.content ul {
	font:  14px Trebuchet MS, sans-serif;
	color: #FFF;
	list-style: none;
	margin: 0; padding: 0;
	margin-bottom: 10px;
	margin-left: 50px ;
	padding-top:15px;
	text-align: center;

}

img.noborder {
border: 0px;

}


.content li {
	display: inline;
	float:left;
}



.content li a {
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: #42311e;
	text-decoration: none;
	border-right: 1px solid #664d32;
}

.content li a:hover {
	background: #e2cccc;
	color: #42311f;
	border-right: 1px solid #eddfdf;
}

.content li a#current  {
	background: #f6f6f6;
	color: #000;
}

.clear { clear: both; }




img.noborder {
border: 0px;

}

img.float-right {
  margin: 5px 15px 5px 0px;  
}

img.float-left {
  margin: 5px 15px 5px 0px;  
  padding: 3px;
  
  }
  
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.float-pic { float: left; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }


/* Top part */
#top { padding-top: 10px; background: transparent; height: 101px; }
	#top h1 { font: bold 2.2em Arial, sans-serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFF }
	#top h2 { font: 1.2em Trebuchet MS, sans-serif; letter-spacing: 0px; color: #fcecbc; margin:0; padding: 0 }
	#top #icons { float: right; margin:0px 0; padding:0 }
	#top #icons img { padding-right: 2px; border: 0 }

/* Second part */
#prec { 	height: 220px; 	margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 0px }
	#wrap { margin: 0 auto; width: 800px; }
		#wrap #pic { float: right; background: #493a0d url("img/mainimg.jpg") no-repeat; height: 199px; width: 589px; overflow: hidden}
			#wrap #pic #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right }
			#wrap #pic #slogan h1 { font: bold 1.4em Trebuchet MS, sans-serif; color: #FFF; letter-spacing: 1px; margin:0 }
			#wrap #pic #slogan h2 { font:  1.0em Trebuchet MS, sans-serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0}
			#wrap #pic #slogan a { color: #FFF; }
			
		#wrap #menu { padding: 0; margin:0; background: inherit; }
		#wrap #menu a { padding-left: 25px; line-height: 36px; font:  0.9em Trebuchet MS, sans-serif; text-decoration: none; background: #F6F6F6 url("img/lm-li.gif") no-repeat left;  }
		#wrap #menu ul { padding: 10px 0 }
		#wrap #menu li { line-height: 36px; background: #F6F6F6 url("img/li-line.gif") no-repeat bottom left; list-style: none }

		

/*  Advertising */
#ad { background: #FFF ; padding-left: 95px; min-height: 80px; margin-bottom: 15px;}
#ad a, #left_side a { background: #FFF; text-decoration: none }
#ad a:hover, #left_side a:hover { text-decoration: underline }
		
/* main area */
#main { }
	
	#left_side { background: #FFF; margin-bottom: 10px; width: 800px;  }
		#left_side h3 { background: #FFF url("img/hbg.gif") repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
		#left_side h3 span { background: url("img/h-art.gif") no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0}
		#left_side p { color: #493a0d; padding: 0 5px 0 5px; text-align: justify }
		#left_side blockquote { padding-left: 10px; border-left: 2px solid #574714; margin: 10px 0 10px 25px; }
		.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }		
		#left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
		#left_side ul { list-style-position: inside; margin-left: 2px }
		#left_side ul li { list-style-type: square; margin-left: 15px;  }
		#left_side ul ul li { margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }
	
/* The footer */
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #5c482d;  background: #fff }
#footer .right  { float: right; text-align: right; background: #FFF; }
#footer a { text-decoration: none; background: #FFF }


#adminMenu{	
}

#adminMenu ul{
	width:900px;
	margin:0 auto;	
	text-align:center;
}

#adminMenu ul li{
	display:inline;		
}

#adminMenu ul li a{
	
}

#map p{

text-align: center;
}


#left {
	float: left;
	width: 320px; 
	padding: 10px;
}

#right {
	float: right;
	width: 320px; 
	padding: 10px;
}

/* Products */
#products{

}

.product{
	width:730px;
	margin:auto;
	padding-bottom:20px;	
}

.product .productName{
	font-size:16px;
	font-weight:bold;
}

.product .productDescription{
	font-size:14px;
	font-weight:normal;
}

.product .productImage{
	float:right;
	width:150px;
}

.product .productInformation{
	float:left;
	width:460px;
}

.product .productEnd{	
	margin:0;
	padding:5px;
	clear:both;
	border-bottom:1px solid black;
}


/* category List */

#categories  ul{ text-align: center; height:25px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}
#categories ul li a{padding:0 10px 0; color:#fff; background:#42311e; text-decoration:none; font-size:14px;}
#categories ul li a:hover{background-color:#e2cccc; color: #000; }




#categories{
	padding:5px 0;

}

#categories li{
	display: inline;
	padding-right:5px;
	float:left;
}


.activeCategory{
	font-weight:bold;	
}

.categoryName{
	text-align:center;
}

.categoryDescription{
	text-align:center;
	margin-bottom:20px;
}

/* Search */
#search{	
	padding:5px 0;
}

#searchString{
	width:300px;
}

#searchSubmit{
	width:60px;
}


#search form{
	width:390px;
	margin:auto;
}

/* Product Details */

#productDetails{
	padding-bottom:10px;
	text-align:center;
text-decoration: none;
	
}

#productDetails .productStyle{
	font-weight:bold;
	text-align: center;	
}

#productDetails p{
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:2px;
}

#productDetails h1{
	text-align:center;
}

#productDetails .productImage{
	text-align:center;
	text-decoration:italic;
}

#productDetails .productDescription{
		text-align:center;
	text-decoration:italic;
	
}

#productDetails .productBackToCategory{
	padding-top:10px;
}

.productStains{
padding-right: 5px;
}

.productStains li, .productStains ul , .productWoodTypes li, .productWoodTypes ul{

}

.productStains li, .productWoodTypes li{
	padding-right:5px;

}

/*----FOOTER PANEL----*/
#footermainPan{height:102px; background:url(images/footerbg.gif) 0 0 repeat-x #24201E; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:16px 0 0;}

#footerPan{width:588px; position:relative; margin:0 auto;}


#footerPan p.copyright{
text-align:center;
top:26px;  
}
#footerPan a{
color: #24201e;
}

#footerPan ul{
	 display:block; margin:0px 0 0 75px; padding:0; font-size:0; height:20px; list-style: none; 
	}
#footerPan ul li{
	color:#ffffff; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; 
	padding:0; margin:0;
	}
#footerPan ul li a{
	color:#ffffff; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none; padding:0 6px 0 6px; 
	}
#footerPan ul li a:hover{
	text-decoration:underline;
	color:#ff0000;
	}

#footerPanhtml{width:58px; height:23px; display:block; position:absolute; top:76px; left: 160px; }
#footerPanhtml a{width:58px; height:23px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #a07b1e; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 10px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #cc9d23; color:#fff;}
#footerPancss{width:48px; height:23px; display:block; position:absolute; top:76px; left: 240px;}
#footerPancss a{width:48px; height:23px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #940a0a; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #A79040; color:#fff; text-decoration:none;}
#footerPanakw{width:108px; height:23px; display:block; position:absolute; top:76px; left: 310px; }
#footerPanakw a{width:108px; height:23px; display:block; background:url(images/akw-normal.gif) 0 0 no-repeat #a07b1e; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 10px;}
#footerPanakw a:hover{background:url(images/akw-hover.gif) 0 0 no-repeat #cc9d23; color:#fff;}

/*----/FOOTER PANEL----*/

#mainbodyPan{margin:0 auto;}

#bodyPan{width:780px; margin:0 auto; padding:5px 30px 0 ;
	background: #F6F6F6;
	
}

#bodyPan h1 {
color:#42311e; 
font:20px Arial, Helvetica, sans-serif;
height:26px;
font-weight:bold;
}

#bodyPan h2 {
color:#42311e; 
font:18px Arial, Helvetica, sans-serif;
height:26px;
font-weight:bold;
}

#bodyPan h3{height:46px; font:36px/46px Arial, Helvetica, sans-serif; font-weight:normal;}
#bodyPan h4{height:24px; font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; padding:5px 0 0 0px;}
#bodyPan h4 span{color:#760000; font-size:18px; font-weight:normal; text-transform:none;}

#bodyPan h5{width:600px; height:54px; float:left; display:block; color:#009FC2; font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; padding:10px 0 0 52px; margin:0px;}
#bodyPan h5 span{background:#720c0c; color:#F4D000; font-size:18px; font-weight:normal; text-transform:none;}
#bodyPan p span{background:#D5D5D5; color:#fff;}

#bodyPan p.caption{width:588px; height:30px; font-size:27px; line-height:20px; padding:10px 0;}

#bodyPan p.comments{width:100px; height:16px; float:left; display:block; background:url(images/icon1.gif) 0 0 no-repeat #e9c702; line-height:16px; color:#fff; padding:0 0 0 30px; margin:0 10px 0 0;}
#bodyPan p.comments span.no{width:23px; height:16px; background:#0F0F0F; color:#fff; margin:0 0 0 5px; padding:0 4px;}

#bodyPan p.continue{width:88px; height:16px; float:left; line-height:16px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; margin:0 170px 0 0;}
#bodyPan p.continue a{width:88px; height:16px; display:block; background:url(images/arrow-normal.gif) 75px 0 no-repeat #42311e; color:#fff; text-decoration:none; padding:0 0 0 10px;} 
#bodyPan p.continue a:hover{background:url(images/arrow-hover.gif) 75px 0 no-repeat #e2cccc; color:#000; text-decoration:none;} 

#bodyPan p.border{width:588px; height:40px; float:left; display:block; background:url(images/dot-line.gif) 0 20px repeat-x; margin:5px 0 0;}

#bodyPan p.img{width:143px; height:106px; display:block; background:url(images/img2.jpg) 0 0 no-repeat; position:absolute; top:460px; right:95px;}