BODY {
	background-color : #ffffff;
	font-family : Arial;
	font-size : 12px;
	
	scrollbar-3dlight-color : #999999;
	scrollbar-darkshadow-color : #999999;
	scrollbar-arrow-color : #999999;
	scrollbar-highlight-color : #dfdfdf;
		
	scrollbar-face-color : #cdcdcd;
	scrollbar-shadow-color : #dcdcdc;
	scrollbar-track-color : #dcdcdc;
	color: #252525;
	margin-left : 0px;
	margin-right : 0px;
	margin-top: 0;
	margin-bottom: 0; 
}

#body{ width:100%; height:100%; background:url(imgs/bodybg.jpg) top repeat-x;}

table { 	font-size : 12px; }
#footer {  padding:10px;}

#navmenuitem { text-align:left; }


#navgenre{ text-align:right;}
#navgenre ul{ list-style: none; margin: 0; padding: 0; }
#navgenre li{ display: inline; }
#navgenre a { color:#ff0000; padding-left:5px;  padding-right:5px;}

A, A:LINK, A:VISITED, A:ACTIVE, A:FOCUS { color : #0080FF; text-decoration : none; border : 0px; }
A:HOVER { color : #0080C0; text-decoration : underline; border : 0px; }

input#userid {text-transform: lowercase;}
input[type=text],input[type="password"] { background-color: #D2EBF1; border : 1px solid Gray; font-family : arial; font-size : 12px; color: #2F4F4F; padding: 3px;}
input[type=text]:hover, input[type=text]:active, input[type=text]:focus, input[type="password"]:focus{ background-color: #ffffff } 
input[type=radio] {background-color: #efefef;}
input[type=checkbox] {background-color: #FFD700;}
textarea {background-color: #D2EBF1; border : 1px solid Gray; font-family : arial; font-size : 12px; color: #2F4F4F; padding: 3px;}
textarea:hover, textarea:active, textarea:focus{ background-color: #ffffff} 
select { background-color: #D2EBF1; border : 1px solid Gray; font-family : arial; font-size : 12px; color: #2F4F4F; padding: 3px;}
table #caption{ font : bold; text-align:right; } 

HR { color : #538CBD; height : 1px; }

.title{	color : #5d5d5d;	font : bold larger Arial;	font-size : 20px; padding:10px; }
.subtitle{	color : #535353;	font : bold larger Arial;	font-size : 16px; }
.remark{	color : #73709e;	font : larger Arial;	font-size : 12px; }
.worning{ color : Red;	font-size : 11px; }


.tbl001{ border: 1px solid #494949; background-color: #efefef; padding:7px; border-collapse:separate; border-spacing:0px; }
.tbl001 caption { color : #ff9600;	font : bold; background-color:#494949; padding:3px;}
.tbl001 th{ color: #000000;  font-weight: bold; }
.tbl001 tbody td{ border-bottom: 1px solid #0f0f0f; }
.tbl001 tfoot{ color : #ff9600;	font : bold; }
.tbl001 #caption{ 	font : bold;  border: 0px;} 



#sys_msg{	padding: 5px; border: 1px solid #0080FF; background-color: #0080FF; color : #FFFF00;}
#warning_msg{	color:#FF0000; font:bold;}
#remark_msg{	font:bold; color : #797979;}



#prod_cat{ text-align:right;  }
#prod_list ul{ list-style:none; margin:0px; padding:0px; } 
#prod_list ul li{ clear:both; padding-top:10px; padding-bottom:10px; } 
#prod_list #spacer{ margin-top: 3px; margin-bottom: 3px;}
#prod_list #separator{ margin-top: 15px; margin-bottom: 15px;}
#prod_list #photo { border: 1px solid #494949; float: left; margin: 0px 10px 0px 10px; clear: right; border: 1px solid #494949;}
#prod_list #title{ padding-left:20px; background-image:url(imgs/arrow.gif); background-position:left; background-repeat:no-repeat; display:block; }
#prod_list #title a{ text-decoration : none; font-size : 12px; font : bold; color:#FF8000;}
#prod_list #title a:hover{ color:#FF952B;}
#prod_list #description { color:#808080;  text-align:justify;}
#prod_list #description a:hover{ color:#FF952B;}
#prod_list #details { color:#FF952B; text-align:right; padding-top:10px; font-size:10px;}
#prod_list #details a{ color:#FF0000;}

.prod_view #prod_photo{ float:right; margin: 0px 10px 15px 0px; clear: right; display:block; }
.prod_view #separator{ margin-top: 15px; margin-bottom: 15px;}
.prod_view #photo {  margin: 0px 10px 0px 10px;  border: 1px solid #494949; }
.prod_view #spacer{ margin-top: 5px; margin-bottom: 5px;}
.prod_view #title{ font-size : 12px; font : bold; color:#FF8000; display:block; }
.prod_view #title a{ text-decoration : none; }
.prod_view #title a:hover{ color:#FF952B;}
.prod_view #description { color:#808080;  text-align:justify;}
.prod_view #description a:hover{ color:#FF952B;}
.prod_view #doc1link{ font-size : 12px; font : bold; color:#4D5259; padding:10px;}
.prod_view #doc1link a{ text-decoration : none; color:#text-decoration : none; color:#6c00ff;}
.prod_view #doc1link a:hover{ color:#4a01ae;}
.prod_view #doc2link{ font-size : 12px; font : bold; color:#4D5259; padding:10px;}
.prod_view #doc2link a{ text-decoration : none; color:#text-decoration : none; color:#760088;}
.prod_view #doc2link a:hover{ color:#9200a8;}
.prod_view #doc3link{ font-size : 12px; font : bold; color:#4D5259; padding:10px;}
.prod_view #doc3link a{ text-decoration : none; color:#text-decoration : none; color:#00a8b7;}
.prod_view #doc3link a:hover{ color:#007d88;}


#news_cat{ text-align:right; }
.news_list table{ }
.news_list td{ padding:10px;}
.news_list #spacer{ margin-top: 3px; margin-bottom: 3px;}
.news_list #separator{ background-image:url(imgs/line-dot.gif); margin-top: 3px; margin-bottom: 3px; display:block; height:1px;}
.news_list #photo { float: left; margin: 0px 10px 0px 10px; clear: right; border: 1px solid #494949;}
.news_list #title{ padding-left:20px; margin:5px; background-image:url(imgs/icon-news.gif); background-position:left; background-repeat:no-repeat; display:block; }
.news_list #title a{ text-decoration : none; font-size : 12px; font : bold; color:#4D5259;}
.news_list #title a:hover{ color:#3A3E43;}
.news_list #message { color:#808080; font-size : 12px;  text-align:justify;}
.news_list #message a:hover{ color:#FF952B;}
.news_list #details { color:#FF952B; text-align:right; padding-top:10px; font-size:10px;}
.news_list #details a{ color:#FF0000;}

.news_template_list table{ } 
.news_template_list td{ padding:10px;} 
.news_template_list #spacer{ margin-top: 3px; margin-bottom: 3px;}
.news_template_list #separator{ background-image:url(imgs/line-dot.gif); margin-top: 3px; margin-bottom: 3px; display:block; height:1px;}
.news_template_list #photo { float: left; margin: 0px 10px 0px 10px; clear: right; border: 1px solid #494949;}
.news_template_list #title{ padding-left:15px; margin:5px; background-image:url(imgs/icon-news.gif); background-position:top left; background-repeat:no-repeat; display:block; }
.news_template_list #title a{ text-decoration : none; font-size : 12px; font : Arial; color:#f39500;}
.news_template_list #title a:hover{ color:#ffa81e;}
.news_template_list #message { color:#808080; font-size : 11px; text-align:justify;}
.news_template_list #message a:hover{ color:#FF952B;}
.news_template_list #details { color:#FF952B; text-align:right; padding-top:10px; font-size:10px;}
.news_template_list #details a{ color:#FF0000;}
.news_template_list #source{ font-size : 12px; font : bold; color:#4D5259; display:block;  }
.news_template_list #source a{ color:#ff4e00; }
.news_template_list #source a:hover{ color:#d94200;}
.news_template_list #doc1link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;}
.news_template_list #doc1link a{ text-decoration : none; color:#text-decoration : none; color:#6c00ff;}
.news_template_list #doc1link a:hover{ color:#4a01ae;}
.news_template_list #doc2link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;}
.news_template_list #doc2link a{ text-decoration : none; color:#text-decoration : none; color:#760088;}
.news_template_list #doc2link a:hover{ color:#9200a8;}
.news_template_list #doc3link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;}
.news_template_list #doc3link a{ text-decoration : none; color:#text-decoration : none; color:#00a8b7;}
.news_template_list #doc3link a:hover{ color:#007d88;}

.news_view #photo{ float: left; margin: 0px 0px 10px 10px; clear: right; }
.news_view #spacer{ margin-top: 3px; margin-bottom: 3px;}
.news_view #separator{ background-image:url(imgs/line-dot.gif); margin-top: 3px; margin-bottom: 3px; display:block; height:1px;}
.news_view #photo { padding:5px;}
.news_view #spacer{ margin-top: aa5px; margin-bottom: 5px;}
.news_view #title{ font-size : 12px; font : bold; color:#4D5259; display:block; }
.news_view #title a{ text-decoration : none; }
.news_view #title a:hover{ color:#FF952B;}
.news_view #message,.news_view table { color:#808080;  font-size : 12px;  text-align:justify;}
.news_view #description a:hover{ color:#FF952B;}
.news_view #source{ font-size : 12px; font : bold; color:#4D5259; display:block;  }
.news_view #source a{ color:#ff4e00; }
.news_view #source a:hover{ color:#d94200;}
.news_view #doc1link{ font-size : 12px; font : bold; color:#4D5259; padding:10px;}
.news_view #doc1link a{ text-decoration : none; color:#text-decoration : none; color:#6c00ff;}
.news_view #doc1link a:hover{ color:#4a01ae;}
.news_view #doc2link{ font-size : 12px; font : bold; color:#4D5259; padding:10px;}
.news_view #doc2link a{ text-decoration : none; color:#text-decoration : none; color:#760088;}
.news_view #doc2link a:hover{ color:#9200a8;}
.news_view #doc3link{ font-size : 12px; font : bold; color:#4D5259; padding:10px;}
.news_view #doc3link a{ text-decoration : none; color:#text-decoration : none; color:#00a8b7;}
.news_view #doc3link a:hover{ color:#007d88;}
.news_view #nav a { color:#808080;}
.news_view #nav a:hover{ color:#FF952B;}


#gallery_cat{ text-align:right; }
.gallery_list table{ }
.gallery_list td{ padding:10px;}
.gallery_list #spacer{ margin-top: 3px; margin-bottom: 3px;}
.gallery_list #separator{ background-image:url(imgs/line-dot.gif); margin-top: 3px; margin-bottom: 3px; display:block; height:1px;}
.gallery_list #photo {text-align:center;}
.gallery_list #photo img{ border: 1px solid #494949;}
.gallery_list #description {text-align:center;  color:#808080;}
.gallery_list #description a:hover{ color:#FF952B;}


#faq_cat{ text-align:right; }
.faq_list ul{ }
.faq_list li{ padding:10px;}
.faq_list #spacer{ margin-top: 3px; margin-bottom: 3px;}
.faq_list #separator{ background-image:url(imgs/line-dot.gif); background-repeat:repeat-x; margin-top: 3px; margin-bottom: 3px; display:block; height:1px;}
.faq_list #question { padding-bottom:10px;}
.faq_list #question a { cursor: help; font-size:15px; font : larger Arial; color:#4D5259; display:block; text-decoration : none; }
.faq_list #question a:hover { color:#4D5259; }
.faq_list #answer { color:#4D5259; background-image:url(imgs/answer.gif); background-position:top left; background-repeat:no-repeat; padding-left:60px;}

#classified_cat{ text-align:left; white-space: nowrap;}
#classified_cat a{ display:block; padding:5px; color:#4D5259; text-decoration : none;}
#classified_cat a:hover{ color:#292D30; }

#classified_nav { color:#4D5259; font:bold; font-size : 12px;}
#classified_nav a{color:#292D30; text-decoration : none;}
#classified_nav a:hover{}
#classified_nav #saperator{ }

#classified_view #classified_prod_photo{ float:left; margin: 0px 10px 15px 0px; clear: right; }
#classified_view #separator{ margin-top: 15px; margin-bottom: 15px;}
#classified_view #photo { padding:5px;}
#classified_view #spacer{ margin-top: 5px; margin-bottom: 5px;}
#classified_view #title{ font-size : 13px; font : bold; color:#FF8000; display:block; }
#classified_view #title a{ text-decoration : none; }
#classified_view #title a:hover{ color:#FF952B;}
#classified_view #description { color:#808080;}
#classified_view #description a:hover{ color:#FF952B;}



#classified_cat{ text-align:right;  }
#classified_list ul{ list-style:none; margin:0px; padding:0px; } 
#classified_list ul li{ clear:both; padding-top:10px; padding-bottom:10px; } 
#classified_list #spacer{ margin-top: 3px; margin-bottom: 3px;}
#classified_list #separator{ margin-top: 15px; margin-bottom: 15px;}
#classified_list #photo { border: 1px solid #494949; float: left; margin: 0px 10px 0px 10px; clear: right; border: 1px solid #494949;}
#classified_list #title{ padding-left:20px; background-image:url(imgs/arrow.gif); background-position:left; background-repeat:no-repeat; display:block; }
#classified_list #title a{ text-decoration : none; font-size : 12px; font : bold; color:#FF8000;}
#classified_list #title a:hover{ color:#FF952B;}
#classified_list #description { color:#808080;  text-align:justify;}
#classified_list #description a:hover{ color:#FF952B;}
#classified_list #details { color:#FF952B; text-align:right; padding-top:10px; font-size:10px;}
#classified_list #details a{ color:#FF0000;}

#searchresult ul{ list-style:none; margin:0px; padding:0px; } 
#searchresult ul li{ clear:both;  padding:10px; border:solid 1px #dddddd; margin:5px; } 
#searchresult #record { display:block;  color:#ff0000;}
#searchresult #title{  font-size : 12px; font : bold; color:#4D5259; display:block; }
#searchresult #description{  display:block; }
#searchresult #photo img{ float: left; margin: 0px 10px 0px 10px; clear: right; border: 1px solid #494949;}
#searchresult #detail{  display:block; }
#searchresult #detail a {  color:#8080C0; }
#searchresult #spacer{  margin-top: 20px; margin-bottom: 20px; }

#icon-delete a{ background:url(icon/icon-delete-small.png) 0 0 no-repeat; display:block; width: 25px; height: 25px; text-indent:-3000px; overflow:hidden; text-decoration:none; }
#shopping-cart a{ background:url(imgs/cart.jpg) 0 0 no-repeat; display:block; width: 41px; height: 28px; text-indent:-3000px; overflow:hidden; text-decoration:none; }
#icon-addcart a { background:url(icon/addcart.jpg) 0 0 no-repeat; display:block; width: 60px; height: 20px; text-indent:-3000px; overflow:hidden; text-decoration:none; }
#icon-outofstock a { background:url(icon/outofstock.jpg) 0 0 no-repeat; display:block; width: 60px; height: 20px; text-indent:-3000px; overflow:hidden; text-decoration:none; }

#tbl-orange {}
#tbl-orange .bl {background: url(imgs/tbl-orange-bl.gif) 0 100% no-repeat #e68200; width:100%}
#tbl-orange .br {background: url(imgs/tbl-orange-br.gif) 100% 100% no-repeat}
#tbl-orange .tl {background: url(imgs/tbl-orange-tl.gif) 0 0 no-repeat}
#tbl-orange .tr {background: url(imgs/tbl-orange-tr.gif) 100% 0 no-repeat; padding:10px}

#tbl-light-blue {} 
#tbl-light-blue .bl {background: url(imgs/tbl-light-blue-bl.jpg) 0 100% no-repeat #e7ffff; width:100%}
#tbl-light-blue .br {background: url(imgs/tbl-light-blue-br.jpg) 100% 100% no-repeat}
#tbl-light-blue .tl {background: url(imgs/tbl-light-blue-tl.jpg) 0 0 no-repeat}
#tbl-light-blue .tr {background: url(imgs/tbl-light-blue-tr.jpg) 100% 0 no-repeat; padding:10px}

#tbl-light-gray {} 
#tbl-light-gray .bl {background: url(imgs/tbl-light-gray-bl.jpg) 0 100% no-repeat #d1d1d1; width:100%}
#tbl-light-gray .br {background: url(imgs/tbl-light-gray-br.jpg) 100% 100% no-repeat}
#tbl-light-gray .tl {background: url(imgs/tbl-light-gray-tl.jpg) 0 0 no-repeat}
#tbl-light-gray .tr {background: url(imgs/tbl-light-gray-tr.jpg) 100% 0 no-repeat; padding:10px}
#tbl-light-gray a,
#tbl-light-gray a:visited{ color:#500000;} 

#tbl-light-gray2 {} 
#tbl-light-gray2 .bl {background: url(imgs/tbl-light-gray-bl.jpg) 0 100% no-repeat #d1d1d1; width:100%;}
#tbl-light-gray2 .br {background: url(imgs/tbl-light-gray-br.jpg) 100% 100% no-repeat;}
#tbl-light-gray2 .tl {background: url(imgs/tbl-light-gray-tl.jpg) 0 0 no-repeat;}
#tbl-light-gray2 .tr {background: url(imgs/tbl-light-gray-tr.jpg) 100% 0 no-repeat; padding:10px 0px 10px 0px;}

#tbl-deep-gray {} 
#tbl-deep-gray .bl {background: url(imgs/tbl-deep-gray-bl.jpg) 0 100% no-repeat #777777; width:100%; }
#tbl-deep-gray .br {background: url(imgs/tbl-deep-gray-br.jpg) 100% 100% no-repeat;  height:100%;}
#tbl-deep-gray .tl {background: url(imgs/tbl-deep-gray-tl.jpg) 0 0 no-repeat}
#tbl-deep-gray .tr {background: url(imgs/tbl-deep-gray-tr.jpg) 100% 0 no-repeat; padding:10px 0px 10px 0px;}

#container{ padding:10px 0px 10px 20px; width:780px; text-align:left;}

#banner_template_list div{ padding-bottom:5px;}

/*
#websearch input[type=submit] { 
	background:url(icon/search.png) no-repeat top;
	width: 35px;
  height: 35px;
  color:transparent; 
  border:0px;
  text-indent:-3000px; overflow:hidden; text-decoration:none;
} */


#template_websearch input{
	border: none;
	float: left;
}

#template_websearch input[type=text] {
	margin-top:5px;
	color:#ffffff;
	background:#ff0000;
	width:150px; height:15px;
	border:dashed 1px #CC0000;
}

#template_websearch input[type=submit] {
	width: 35px;
	height: 35px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(icon/search-btn.png) no-repeat top right;	
}
#template_websearch input[type=submit]:hover {
	background:  url(icon/search-btn-over.png) no-repeat top right;	
}

#horizontal_scrollmsg { margin-top:5px; font-size:16px; position:relative; top:3px; color:#ffffff; font-weight: bold; }
#horizontal_scrollmsg ul{ margin-left: 0;	padding-left: 0; display: inline;}
#horizontal_scrollmsg ul li{ margin-left: 0;list-style: none;	display: inline; float:left; padding-right:50px;}

#navmembermenu { 
position: relative;
bottom: 0px; }

#index_prod { }
#index_prod ul{ list-style:none; margin:0px; padding:0px; } 
#index_prod ul li{ float:left;  padding:10px; border:solid 1px #dddddd; margin:5px; } 
#index_prod #spacer{ margin-top: 3px; margin-bottom: 3px;}
#index_prod #separator{ margin-top: 15px; margin-bottom: 15px;}
#index_prod #photo {  clear: both;}
#index_prod #title{ background-image:url(imgs/arrow.gif); background-position:left; background-repeat:no-repeat; display:block; }
#index_prod #title a{ text-decoration : none; font-size : 12px; font : bold; color:#FF8000;}
#index_prod #title a:hover{ color:#FF952B;}
#index_prod #description { color:#808080;  text-align:justify;}
#index_prod #description a:hover{ color:#FF952B;}
#index_prod #details { color:#FF952B; text-align:right; padding-top:10px; font-size:10px;}
#index_prod #details a{ color:#FF0000;}

#float_left{ float:left; clear:right; padding:0px 5px 5px 0px;}
#float_right{ float:right; clear:left; padding:0px 0px 5px 5px;}


#clsads_comment { padding-top:20px;}
#clsads_comment ul{ list-style:none; margin:0px; padding:0px; } 
#clsads_comment ul li{ clear:both; padding:10px; border:solid 1px #dddddd; margin:5px; } 
#clsads_comment ul li #date{ float:right; clear:left;  } 
#clsads_comment ul li #name{ float:left;  } 
#clsads_comment ul li #email{ float:left;  padding-left:10px; } 
#clsads_comment ul li #comment{ clear:both;  } 
#clsads_comment #commentform { clear:both; border:solid 1px #dddddd; padding:10px; margin:5px; }