body 
{
	background-color: #888888;
	font: 0.9em arial, georgia, Sans-Serif;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	color: #000;
	background-image: url("../images/background.jpg");
	background-repeat: repeat-x;
	background-position: 0% 0%;
}

#top_background 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 207px;
	margin: 0px;
	padding: 0;
	background-color: #E8E8E8;
	border-bottom: solid 2px #FFFFFF;
	z-index: -1; /* NOTE: this fixes a problem with Opera */
}

#wrapper
{
	float: left;
	position: relative;
	margin-left: auto;	/* center the div              */
	margin-right: auto;	/*                horizontally */
	margin-bottom: 0px;
	width: 786px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url("../images/wrapper_bg.jpg");
	background-repeat: repeat-y;
	clear: both;
}

#container 
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 786px;
	clear: both;
	z-index: 1;
}

#div_left { display: inline; position: relative; width: 182px; float: left;  margin: 0 0 0 8px;
			background-color: #FFFFFF; text-align: left; padding: 0px; }
			
#div_right { display: inline; position: relative; width: 530px; float: left; margin-left: 58px;  background: #FFFFFF; }

#header { margin: 0; padding:0;}
#welcome {  position: relative; background-color: #efefef; color: #000000; font-size: 1.2em; font-weight: bold;
			margin: 0; padding: 0 0 0 17px; min-height: 40px; line-height: 40px; text-align: left; border-top: 1px solid #B7B2B3; }
* html #welcome { height: 40px }

#content {  text-align: left; margin:0; padding: 20px 20px 5px 20px; 
			background-color: #FFFFFF; 	line-height: 1.3em; }
#content a:link, #content a:visited { color: #000066; text-decoration: underline; } 
#content a:hover, #content a:active { color: #00008B; text-decoration: none; background-color: #a5b0c2; }

#block_letter { 
	/* border: 1px solid #CCCCCC; */
	background: #FFFFFF; none repeat scroll 0% 50%; 
	margin-right: 6px; margin-top: 0px;
	padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 5px;
	float: left; color: #000000; 
	font-size: 90px; line-height: 70px; 
	font-weight: bolder;
	font-family: times; 
}
#bonness { font-family: times; font-weight: bolder; font-size: 1.2em; }

#logo { border-bottom: 1px solid #B7B2B3; margin-bottom: 5px;}
#top_photo { border-bottom: 1px solid #00FF00; margin-bottom: 0; height: 206px; }

/* ================ Beginning of Navigation decoration ================ */
#nav {  list-style: none;  font-weight: bold; text-decoration: none; padding: 0; 
		font-size: 1.1em; text-height: 21px;
		margin-top: 0; 
		margin-left: -15px; margin-left/**/:/**/ 0px; }

#selected { background: #efefef;  margin: 0; padding-left: 15px; min-height: 25px; 
			line-height: 25px; border-right: 5px solid #A4AFC1;}
* html #nav { height: 25px }

#non-selected { padding-left: 15px; margin: 0; min-height: 25px; line-height: 25px; }
* html #nav { height: 25px }

#sub { display: inline; font-size: 0.9em; font-weight: normal; margin: 0 0 0 15px; min-height: 20px; line-height: 20px; }
* html #sub { height: 20px; }

#sub span { background: #efefef; }
#sub span { background: #FFFFFF; }
/* ================ End of Navigation decoration ================ */

#footer { background: url("../images/footer.gif") no-repeat left bottom; height: 30px; clear: both; }

#powered { 
	position: relative;
	/* border: 1px solid #66FF00;  */
	margin: 0 auto;
	padding: 5px 15px 0 0;
	text-align: right;
	width: 786px;
	clear: both;
}

#copy_r { line-height: 1.1em; font-size: 0.8em; font: Georgia, "Times New Roman", Times, serif; }

body a:link, body a:visited { 
	color: #000000;
	text-decoration: none;
}

body a:hover, body a:active { 
	color: #000000;
	text-decoration: underline;
	background-color: transparent; 
}

h1, h2, h3, h4, h5 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; }
h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; }

/* ========================================================================== for search page */
#div_search_box { margin-top: 8px; }
#div_search_box ol li { border-bottom: 1px dashed #BBB; padding-top:1em; font-size: 0.9em; }
#div_search_box ol { margin-left:10px; padding-left:10px; }
.text_search { font-variant:small-caps; font-weight:bold; font-size: 0.9em; font-family: verdana; color: red; }
#form_search { padding:0; margin:0; }
#form_search input { margin-left:4px; }
.span_path { color: #999; font-size:80%; }
.span_lastmod { position:absolute; right:10px; font-size: 88%; color:#999; }
/* ========================================================================== for search page */

#content_heading { font-size: 1.1em; font-weight: bold; }

/* for product list */
#product_list { font-size: 0.9em; border: 1px solid #CCCCCC; width: 470px; border-collapse: separate; border-spacing: 0; }
.heading { background: 	#D3D3D3; color: #000000; font-weight: bold;  padding: 0 5px 0 0; width: 90px; text-align: right; vertical-align: top; }
.data { background: #F5F5F5; padding: 0 10px 0 10px; width: auto; }
.thumb { width: 100px; vertical-align: top; background: #F5F5F5; }
.img_links { border: 0; }

#bar { text-align: center; width: 50%; border: 1px thin color:#3399FF; height: 1px; margin-top: 3px; margin-bottom: 3px; }

#spacer { margin:0; border:0; padding:0; top: 0; bottom: 0; line-heignt: 1px; height: 3px; }