
body{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5; padding:0;
	background-image:url(images/top_back.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#424342;
}
form{margin:0; padding:0;}
input{ font-size:12px; padding:0; margin:0;}

/* header */
#body_header{
	background-image:url(images/header_back.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
	#header_search{
		color:#FFFFFF;
		/*font-size:12px;*/
		font-weight:bold;
		margin-bottom:10px;
		text-align:right;
		width:250px;
		float:right;
	}
/* topmenu */
#body_topmenu{
	background-image:url(images/navi_back.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	height:33px;
	line-height:33px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	
}

	#body_topmenu .l_border{ 
		border-left:1px solid #999;
	}
	#body_topmenu a:link, #body_topmenu a:visited, #body_topmenu a:active{
		text-decoration:none; color:#ffffff; display:block;
		padding-left:5px;
		padding-right:5px;
	} 
	#body_topmenu a:hover{
		text-decoration:none; color:#000000; display:block; background-color:#ffffff;
	} 
	
/* Main content */
#body_main{ background-color:#FFFFFF; padding:10px; height:auto;}
	/* left column & left menu */
	#body_left{ 
		background-color:#ececec; border:1px solid #999; /*padding:5px 0 5px 0;*/
		width:160px;
		height:100%;
	}
	#body_left .menu_headline{
		text-decoration:none; padding:5px;
		color:#CC0000;
		background-color:#DDDDDD;
		font-size:12px;
		font-weight:bold;
		display:block;
		border-bottom:1px solid #666666;
	} 
	#body_left a.main:link, #body_left a.main:visited, #body_left a.main:active{
		text-decoration:none; padding:5px;
		background-color:#cccccc;
		font-size:12px;
		font-weight:bold;
		display:block;
		border-bottom:1px solid #666666;
	} 
	#body_left a.main:hover{
		text-decoration:none; 
		background-color:#CC0000;
		color:#FFFFFF;
	}
	#body_left a.sub:link, #body_left a.sub:visited, #body_left a.sub:active{
		text-decoration:none;  padding:5px;
		font-size:12px; 
		color:#000; 
		display:block;
	/*	border-bottom:1px solid #cccccc;*/
	} 
	#body_left a.sub:hover{
		text-decoration:none; 
		background-color:#CC0000;
		color:#FFFFFF;
	}
	
	/* Content container */
	#body_content{ 
		background-color:#f8f7f7;
		padding:5px;
		border-top:1px solid #999;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		/*width:auto;*/
	}
	/* right column */
	#body_right{
		background-color:#ececec;
		padding:5px; 
		border-top:1px solid #999;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		width:170px;
	}
/* Footer */
#body_footer{
	background-image:url(images/navi_back.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	height:33px;
	line-height:33px;
	color:#FFFFFF;
	font-size:11px;
	padding-left:20px;
	padding-right:20px;
}
	#body_footer a:link, #body_footer a:visited, #body_footer a:active{
		text-decoration:none; color:#fff;
	} 
	#body_footer a:hover{text-decoration:underline; color:#fff;}
/* ---------------------------------------------------------------------- */


.headline{
	font-size:18px;
	font-weight:bold;
	padding:5px; 
	margin:0;
}
th.bgcol{ background-color:#ececec;}
a:link, a:visited, a:active{text-decoration:underline; color:#c00;} 
a:hover{text-decoration:none; color:#c00;}

a.block:link, a.block:visited, a.block:active{ display:block; color:#CC0000; padding:3px;} 
a.block:hover{color:#fff; background-color:#CC0000;}


/* link for sort column */
a.sort_asc:link, a.sort_asc:visited, a.sort_asc:active{
	display:block;
	text-decoration:none;
} 
a.sort_asc:hover{
	display:block;
	text-decoration:underline;
}

a.sort_desc:link, a.sort_desc:visited, a.sort_desc:active{
	display:block;
	text-decoration:none;
} 
a.sort_desc:hover{
	display:block;
	text-decoration:underline;
}

/*---- left menu ----*/
.left_menu{


}

.note{ 
	/*padding:2px 5px 2px 5px; */
	padding-left:5px; padding-right:5px;
	border:1px solid #FFCC00; 
	background-color:#FFFFcc; 
	font-size:10px;
}
.box_warning{
	padding:2px 5px 2px 10px; 
	border:1px solid #FFCC00; 
	background-color:#ffffcc;
	color:#CC0000;	
	font-size:13px;
	z-index:100;
	position:fixed;
	width:100%;
	left:0; top:0;
}
div.box{
/*	padding:5px;*/
	margin:5px;
	margin-bottom:0;
	border:1px solid #999;
}

div.box_err_msg{
	padding:5px;
	margin:10px;
	border:1px solid #cc0000;
	color:#CC0000;
	font-weight:bold;
}
.error{ color:#CC0000;}

table.box td{ background-color:#f3f3f3;/*:#EFEFEF;*/}
table.box tr.bgcol_expried td{ background-color:#FFFFFF;  font-weight:bold;}
table.box tr.bgcol td{ background-color:#E5E5E5;}
table.box td.bgcol{ background-color:#E5E5E5;}
table.box th{ background-color:#cccccc; color:#000;}
table.box tr.rollover td, 
table.box tr.rollover td.bgcol{background-color:#FFFFCC;}

/* coupon layout */
.coupon_layout{
	width:500px;
	border:solid 1px #666666;
	background-color:#FFFFFF;
	font-size:12px;
}
.coupon_layout #compinfo{
	
	text-align:left;
	border-bottom: dashed 1px #999;
}
.coupon_layout #compname{
	width:200px;
	font-weight:bold;
	text-align:left;
	
}
.coupon_layout #today{
	width:100px;
	text-align:right;
	vertical-align:top;
}
.coupon_layout #logo{
	text-align:left;
	vertical-align:middle;
	max-width:100px;
}
.coupon_layout #discount{
	text-align:center;
	font-size:39px;
	font-weight:bold;
	
}
.coupon_layout #discount_text{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	
}
.coupon_layout #siteinfo{
	border-top: dashed 1px #999;
	text-align:right;
}

/*Product information style (product_deatil.php)*/
.p_name{font-size:18px;	font-weight:bold; padding:5px 0 5px 0; margin:0;}
.p_price{ font-size:14px; font-weight:bold; color:#333333; }
.p_img{ min-width:50px;}
.p_descripton{ padding:10px;}
.p_company{ font-weight:bold;}

/*Company information style (company_detail.php)*/
.c_name{font-size:18px;	font-weight:bold; padding:5px 0 5px 0; margin:0;}
.c_img{max-width:300px;}
.c_descripton{ padding:10px;}
.c_company{ font-weight:bold;}

/* letter link style */
span.fstletter {
	border:1px solid #999;
	padding-left:4px;
	padding-right:4px;
	color: #aaaaaa;
	font-size: 11px;
	text-decoration:none;
	font-weight: normal;
	margin-right:2px;
	height:17px;
	line-height:17px;
}
a.fstletter:link, a.fstletter:visited, a.fstletter:active {
	border:1px solid #999;
	padding-left:4px;
	padding-right:4px;
	color: #000;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	margin-right:2px;
	/*height:17px;
	line-height:17px;*/
	background-color:#ddd;
}
a.fstletter:hover {
	background-color:#c00;
	color: #ffffff;
	text-decoration: none;
}

a.fstletter_selected:link, a.fstletter_selected:visited, 
a.fstletter_selected:active, a.fstletter_selected:hover{
	border:1px solid #999;
	padding-left:4px;
	padding-right:4px;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	margin-right:2px;
	background-color:#c00;
	/*height:17px;
	line-height:17px;*/
}

.block_header_red{
background-color:#CC0000; color:#FFFFFF;
}

/* box login*/
.box_login{
	background-image:url(images/header_back.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#740202;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

/* seller contact*/
.seller_contact{
	background-color:#ebebeb;

}

/* pagging */
a.paging:link, a.paging:visited, a.paging:active {
	border:1px solid #cc0000;
	margin-right:2px;
	padding-left:2px;
	padding-right:2px;
	color: #0000CC;
	font-size: 10px;
	text-decoration:none;
	font-weight: normal;
	height:18px;
	line-height:18px;
	text-align:center;
}

a.paging:hover {
	background-color:#cc0000;
	color: #ffffff;
	text-decoration: none;
}
a.paging_selected:link, a.paging_selected:visited, 
a.paging_selected:active, a.paging_selected:hover{
	border:1px solid #996600;
	margin-right:2px;
	padding-left:2px;
	padding-right:2px;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	font-weight:bold;
	height:18px;
	line-height:18px;
	text-align:center;
	background-color:#cc0000;
}

div.special_product {
	margin:20px;
	width:337px;
	height:98px;
	text-align:center;
	background-image:url(images/icons/special_product.jpg);
	background-repeat:no-repeat;	
}
div.special_product a:link,   div.special_product a:visited, 
div.special_product a:active, div.special_product a:hover{
	padding-left:80px;
	padding-top:20px;
	padding-bottom:21px;
	display:block;
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
}

.text_small{
	font-size:11px;
}
