body {margin: 0px;padding: 0px;}
.fl{float: left;}
.fr{float: right;}
.arial{font-family: Arial, Helvetica, sans-serif;}

/*text-align*/
body tr .l, body td .l, body div .l, .tablestyle table tr .l, body th .l, #crow table tr .l{ text-align:left}
body tr .r, body td .r, body div .r, .tablestyle table tr .r, body th .r, #crow table tr .r{ text-align:right}
body tr .c, body td .c, body div .c, .tablestyle table tr .c, body th .c, #crow table tr .c{ text-align:center}
td, div{text-align:left}
/*Clean*/
.clean,.clear{ clear:both}
form{margin: 0px;padding: 0px;}

/*text-color*/
.red{color: #FF0000;}

/* head */
#headbg {
	background-image:   url(/images/bg_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 25px;
	background-color: #FFFFFF;
}
#headbg td{
	padding-right: 10px;
	COLOR: #000070;
}
#headbg td a:link,#headbg td a:visited{
	COLOR: #000070;
}
#headbg td a:hover{
	COLOR: #0079B5;
}
#headbg .username{
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}

.logoleftbg{
	background-repeat: no-repeat;
	width: 12px;
	height: 66px;
}
.logocenterbg{
	background-image: url(/images/logo_bg.gif);
	background-repeat: repeat-x;
	width: 13px;
	height: 66px;
}
.logorightbg{
	background-repeat: no-repeat;
	width: 13px;
	height: 66px;
}

/*20060818*/
.titlebg {
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	text-align: left;
	clear: both;
}
.titlebg span{
	margin-top: 5px;
	float: left;
	text-align: left;
	padding-right: 3px;
}
.titlebg .fr img{margin-top: 7px;}

.titledownbg{
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	clear: both;
}
.titlebottom1{height:10px}


#favourites {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#favourites td{
	background-position: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#favourites #one{background: url(/images/add-arrow.gif) no-repeat 10px center;}
#favourites #two{background: url(/images/add-arrow.gif) no-repeat 10px center;}
#favourites #three{background: url(/images/add-arrow.gif) no-repeat 10px center;}

/* pro list */
.proline td{
	background-image: url(/images/line.gif);
	background-repeat: repeat-x;
	height: 1px;
}

/* Featured Products */
#homepro{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#homepro td{text-align: center;}
#homepro #pro {	margin-right: auto;	margin-left: auto;}


#procat td{height: 25px;}
#procat font{
	color:#F00;
	font-family: Arial, Helvetica, sans-serif;
}
.imgborder{
	border: 1px solid #efefef;
	background-color: #FFFFFF;
	height: 100px;
	width:100px;
}
.imgborder td, #pageprolist .imgborder td, #pageofferlist .imgborder td{
	text-align: center;
	vertical-align: middle;
}
.imgborderdetails{
	margin: 2px;
	border: 1px solid #efefef;
	background-color: #FFFFFF;
}
.ml{ margin-left:10px}
.mr{ margin-right:10px}


.comdetail{
	text-align: left;
}
.comdetail img{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
.comdetail .img{
	zoom:1;
	float: right;
	text-align: center;
	width: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;	
}


#pagecertificates{width: 100%;}
#pagecertificates td{padding: 5px;line-height: 130%;}
#pagecertificates td strong{font-size: 13px;font-weight: bold;}
#pagecertificates li{margin-top: 2px;margin-bottom: 2px;}


#productgroup{
	width: 100%;
	margin: 5px auto;
	text-align: left;
}
#productgroup td{
	width: 32%;
	padding: 3px;
	vertical-align: top;
	background-color: #f3f3f3;
}

/* Offer */
.pageofferlist{
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	width: 97%;
	text-align: left;
}
.pageofferlist .proline{height: 15px;}
.pageofferlist .imgborder{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#offerdetail table td,#offerdetail table th{padding:4px 6px;text-align:left;}
#offerdetail table{width:100%;background:#f5f5f5}
#offerdetail td{border-top:1px solid #ffffff;border-bottom:1px solid #DAD8D4;}

.offeritem{
	margin-top: 5px;
	margin-bottom: 5px;
	min-height:80px;
	display:block!important;
	height:auto;
	>height:80px;
}
#offerdetail th{
border-top:1px solid #ffffff;
border-bottom:1px solid #d4d0c8;
border-right:1px solid #ffffff;
background:#f0f0f0;
}
#offerdetail tbody{border-top:10px solid #ff0000}
#offerdetail table .postby td,#offerdetail table .postby th{
height:2px;
border-collapse:inherit;
border-top:7px solid #ffffff
}
#offerdetail .offersel{border-top:1px solid #13B585;}
#offerdetail .offerbuy{border-top:1px solid #CCCCCC;}
#offerdetail .offercop{border-top:1px solid #702E8B;}

.addbasket{float: right;margin: 5px;}
.updatetime{padding-right: 10px;}
.coop, .sell, .buy{
	text-align: center;
	font-weight: bold;
	padding-right: 3px;
}
.coop{color: #702E8B;}
.sell{color: #13B585;}
.buy{color: #E94A2D;}

.divline{
clear:both;
font-size:0px;
line-height:0px;
height:1px;
border-top:1px dashed #cccccc;
margin-top:5px;
margin-bottom:5px
}
#prodetail h1,#offerdetail h1{	float: left;	margin-left: 7px;}



/* Product */
#pageprolist #features .proitem{	
	min-height:100px;
	display:block!important;
	height:auto !important;
	>height:100px;
	margin-left: 0px;
	zoom:1;
}
#pageprolist #features{padding: 5px;}
#pageprolist #title td{background-color: #EAEAEA;height: 20px;}
#pageprolist,#procat{margin-right: auto;margin-left: auto;}
#procat{width: 100%;}
#pageprolist{width: 99.6%;}
#pageprolist td{padding: 1px;vertical-align: top;}

#page{width: 100%;}
#page td{padding: 4px;line-height: 200%;text-align: center;}
#page td strong{font-size: 12pt;font-weight: bold;}
#page td a:link,#page td a:visited{padding: 2px;}
#page td a:hover{padding: 2px;}

#pageinquiry td{height: 26px;}
#pageinquiry td font{color: #FF0000;}

#pagebulletin td{padding: 0px;}

/*EnFonts*/
.eng{font-family:Arial, Helvetica, sans-serif}


.asterisk{
	color: #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/* DIY */
.diy{
	text-align: left;
	clear: both;
	padding-bottom: 0px;
	line-height: normal;
	margin-bottom: 10px;
}
.diy .diytitle{
	background-color: #EAEAEA;
	line-height: 20px;
	width: 100%;
	font-weight: bold;
}

.diy .diytitle span{
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}
.diy .diyinfo{
	zoom:1;
	overflow:auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.diy .diyinfo .img{
	margin-left: 8px;
	border: 1px solid #efefef;
}
.diy .back{width: 100%;}
.diy .related{
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	background-image: url(/images/line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 10px;
	width: 100%;
}
.diy .related a{
	display: block;
	line-height: 150%;
}
/* DIY */

.detailphoto{
	padding: 10px;
	text-align: center;
}
.photo{
	float: left;
	text-align: center;
	width: 120px;
	height: 125px;
}
.photo table{
	margin-top: 5px;
}


/* add 20060806*/
#safeimage{
	text-align: center;
}
#safeimage #pref{
	width: 95%;
	line-height: 22px;
	background: #FFCCFF;
	text-align: right;
	margin: 10px auto;
	padding-right: 7px;
}

/* Index page */
.sindex{}
.sindex ul{
	width: 44%;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	float: left;
	text-align: left;
}
.sindex ul li{
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	line-height: 120%;
	list-style-image: url(/images/sindex.gif);
}
.sindex .padding{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	height: 25px;
	margin-bottom: 5px;
}
/* membership info */
.membership{clear: both;}
.membership div{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 8px;margin-top: 15px;
}
.membership p{
	margin: 0px;
	padding: 2px 0px 2px 10px;
	background-image: url(/images/sindex.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}
.membership p strong{
	font-family: Arial, Helvetica, sans-serif;
}
.membership span {font-family:Arial, Helvetica, sans-serif}
/* Send Inquiry Button */
#btncontact{text-align: center;height: 80px;}

/* Group Area */
.procategories{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-right: 20px;
	padding-left: 20px;
	text-align:center
}
.procategories a{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	white-space:nowrap;
	color: #333333;
}
.procategories a:hover{color: #000000;}
input.viewreport{ width:230px}
/* bottom */
#pager{
	clear:both;
	text-align:center;
	background-image: url(/images/line.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 15px;
}
#pager a{
	font-weight:bolder;
	line-height: 22px;
	margin-right: 1px;
	margin-left: 1px;
}
#pager p{margin:0px;padding: 0px;}


#bottom {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: 60px;
	background-color: #F5F5F5;
	padding-right: 10px;
	line-height: 140%;
	text-align:right;
	color: #000000;
}
#bottom a:link,#bottom a:visited{
	COLOR: #000070;
}
#bottom a:hover{
	COLOR: #0079B5;
}
#copyright{width:100%;
	color: #FFFFFF;
	background-color: #666666;
	height: 38px;
	text-align:center;
	padding-top: 4px;
}
#copyright a:link,#copyright a:visited{
	COLOR: #FFFFFF;
	text-decoration: underline;
}
#copyright a:hover{
	COLOR: #FFCC00;
	text-decoration: none;
}