body{
margin:	0;
font-family:	Arial, helvetica, sans-serif;
font-size:	12px;
color:	#888;
background-color:	#FFFCF6;
text-align:	center;
}

/*TEXT STYLING*/
a{		
	color:	#4F2E11;
	text-decoration:	none;
	}			
a:hover{
	text-decoration:	underline;
	}
p{
	text-align:	justify;
	margin:	3px 0 5px 0;
}
h5	{
	font-size:	13px;
	font-weight:	bold;
	margin:	3px 0 1px 0;
	}
h6{
	text-align:	right;
	font-size:	14px;
	margin:	5px 0 0 2px;
	}
div.header{
	height:	21px;
	background:	url(img/line.gif) repeat-x bottom;
	margin:	0 0 10px 0;
	color:	#4F2E11;
	}
div.header h3{
	margin:	0;
	font-size:	15px;
	}
.hr{
	clear:	both;
	border-bottom:	2px solid #4F2E11;
	height:	10px;
	margin:	0 0 10px 0;
	}
.note{
	font-size:	11px;
	}
sup{
	color:	#F0037F;
	}
/*IMG STYLING*/
img				{		
	border:				0px;
}
.big_pic{
	float:	left;
	width:	300px;
	margin:	0 20px 0 0;
	border:	2px #888 solid;
	}
.border{
	border:	2px #888 solid;
	}
.no_pic{
	float:	left;
	width:	300px;
	margin:	0 20px 0 0;
	border:	2px #888 solid;
	font-size:	11px;
	display:	block;
	color:	#FFF;
	text-align:	center;
	background-color:	#4F2E11;
	padding:	200px 0 0 0;
	height:	200px;
	_height:	400px;
	overflow:	hidden;
	}
/*FORM STYLING*/
.quantity{
	width:	30px;
	}
input.left{
	float:	left;
	}
input.right{
	float:	right;
	}
/*BLOCK POSITIONING*/
#container{
	width:	650px;
	margin:	auto;
	text-align:	left;
	}
/*NAV GEAR*/
#nav{
	margin:	20px 0 0 0;
	padding:	40px 0 0 0;
	height:	50px;
	background:	url(img/header.gif) no-repeat top left;
}
#subnav{
	margin:	0 0 10px 0;
	}
/*END NAV*/
#response{
	background-color:	#4F2E11;
	color:	#EEE;
	margin:	10px 0 5px 0;
	padding:	5px;
}
#content{
	margin:	10px 0 20px 0;
	overflow:	auto;
	}
div.paragraph{
	float:	left;
	margin:	0;
	width:	326px;
	padding:	0 0 15px 0;
	background:	url(img/line.gif) repeat-x bottom;
	}
div.paragraph2	{
	float:	left;
	margin:	0;
	width:	436px;
	padding:	0 0 15px 0;
	background:	url(img/line.gif) repeat-x bottom;
	}
#footer{
	clear:	both;
	height:	20px;
	padding:	7px 0 0 0;
	font-size:	11px;
	text-align:	right;
	background:	url(img/line.gif) repeat-x top;
	}
/*END BLOCK POSITIONING*/

/* _________________________ CATEGORIES LISTING */
#categories {
	position:	relative;
	margin:	0 0 0 57px;
	_margin:	-8px 0 0 0;
	overflow:	auto;
	display:	none;
	padding:	8px;
	background:	 url(img/line.gif) repeat-x bottom #FFFCF6;
	border-top:	1px solid #4F2E11;
	border-left:	1px solid #4F2E11;
	border-right:	1px solid #4F2E11;
	z-index:	100;
	}
/* commented backslash hack v2 everthing except macIE5 can read \*/
#categories{
	position:	absolute;
	}
/* end hack */
#categories a {
	padding-right:	2px;
	display:	block;
	height:	20px;
	width:	auto;
	text-decoration: none;
	cursor:	pointer;
	}
#categories a.active{
	color:	#FFF;
	background-color:	#4F2E11;
}
#categories a:hover{
	text-decoration:	underline;
}
#categories .current_category{
	background-color:#4F2E11;
	color:	#fff;
}
#categories .current_category a:hover{
	color:	#fff;
}
/* commented backslash hack v2 everthing except macIE5 can read \*/
#categories span {
	display:	block;
	float:	left;
	background-color:	transparent;
	background-repeat:	no-repeat;
	background-position:	0 0;
	width: 25px;
	height: 20px;
	}
/* end hack */
#categories span.cat_name {
	margin: 4px 0 0 2px;
	height:	16px;
	width: auto;
	_margin: 2px 0 0 2px;
	}
#categories span.t {
	background-image:	url(img/cat_t.gif);
	}
#categories span.o {
	background-image:	url(img/cat_o.gif);
	}
#categories span.l {
	background-image:	url(img/cat_l.gif);
	}
#categories span.i {
	background-image:	url(img/cat_i.gif);
	}
#categories span.dummy {
	background-image:	url(img/cat_bullet.gif);
	width:	1px;
	}
/* _________________________ END CATEGORIES LISTING */

/* _________________________ PRODUCTS LISTING */
/*this products declaration is for the ul of thumbs*/
div.products{
	height:	204px;
	width:	650px;
	_height:	224px;
	margin:	10px 0 10px 0;
	}
div.products div.text{
	position:	absolute;
	margin:	0 0 0 209px;
	width:	441px;
	height:	204px;
	background:	url(img/line.gif) repeat-x bottom;
/* commented backslash hack v2 everthing except macIE5 can read \*/
	overflow: hidden;
/* end hack */
	}
div.products img{
	position:	absolute;
	margin:	0;
	height:	200px;
	width:	200px;
	border:	2px solid #888;
	}
div.products span.products_no_pic{
	position:	absolute;
	margin:	0;
	font-size:	10px;
	display:	block;
	color:	#FFF;
	text-align:	center;
	background-color:	#4F2E11;
	padding:	100px 0 0 0;
	width:	204px;
	height:	204px;
	overflow:	hidden;
	border:	2px #888 solid;
	}
div.products span.products_no_pic{
	voice-family: "\"}\"";
	voice-family: inherit;
	height:	100px;
	width:	200px;
   }
.price{
	display:	block;
	float:	right;
	color:	#666;
	font-size:	14px;
	margin:	0;
	}
.sold{
	display:	block;
	float:	right;
	color:	#666;
	font-size:	14px;
	margin:	0 5px 0 5px;
	}
/* _________________________ END PRODUCTS LISTING */

/* _________________________ CART STYLES */
#cart_table{
	width:	650px;
	padding:	0;
	font-size:	12px;
	}
#cart_table th{
	background-color:	#4F2E11;
	color:	#FFF;
	font-weight:	bold;
	padding:	5px;
	text-align:	right;
	}
#cart_table td{
	padding:	4px 5px 4px 2px;
	text-align:	right;
	border-top:	1px solid #4F2E11;
}
#cart_table tbody.border td{
	border-bottom:	1px solid #4F2E11;
	border-top:	0;
}
#cart_table td.divide{
	padding:	4px 5px 4px 2px;
	text-align:	right;
	border-top:	2px solid #4F2E11;
	}

#cart_table td.bold{
	color:	#f00;
}
#cart_table td.strike{
	color:	#f00;
	text-decoration:	line-through;
}
/* _________________________ END CART STYLES */

/* _________________________ GUESTBOOK STYLES */
#guestbook input{
	display:	block;
	float:	none;
	margin:	0;
	width:	650px;
	}
#guestbook textarea{
	width:	650px;
	height:	40px;
	}
/* _________________________ END GUESTBOOK STYLES */




