@import url("radius.css");
@import url("lightbox.css");
@import url("navi.css");
/*
img {
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
}
html {
	-webkit-filter: grayscale(100%);
}
*/

/* ------------------------------------------------------------------- */


* { padding: 0; margin: 0; }
html,body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #252525; }

a { text-decoration: none; }
.clr { clear: both; }
.dpb { display: block; float: left; }
.dpb-right { display: block; float: right; }
.pt { cursor: pointer; }
.line { width: 1024px; height: 20px; background: url("d_line/line.png"); margin: 10px 0 10px 0; } 
.blank { height: 2px; }

#page { width: 1024px; margin: 0 auto; background: #FFFFFF; }
header { width: 1024px; height: 100px; background: url("d_images/logo.png") no-repeat; }
footer { width: 1024px; height: 110px; margin: 5px auto; }
	.footer-left { display: block; float: left; width: 400px; height: 100px; background: url("d_bg/footer.png"); }
	.footer-right { display: block; float: left; width: 624px; height: 100px; }
	.footer-right-column { width: 208px; height: 100px; }
	.footer-right-link { width: 208px; height: 25px; color: #F0F0F0; line-height: 25px; background: url("d_bg/link.png"); }
	.footer-right-link:hover { color: #FF5400; background: url("d_bg/linkh.png"); }
	.linkspan { padding-left: 50px; }

	#nav-top { width: 1024px; height: 30px; }
	#nav-bottom { width: 1024px; height: 70px; }
		.nav { width: 100px; height: 70px; background: red; margin-left: 2px; }
			.nav-modernform { width: 100px; height: 70px; background: url("d_icons/modernform.png"); }
			.nav-product { width: 100px; height: 70px; background: url("d_icons/product.png"); }
			.nav-promotion { width: 100px; height: 70px; background: url("d_icons/promotion.png"); }
			.nav-contact { width: 100px; height: 70px; background: url("d_icons/contact.png"); }
	#slide { width: 1024px; height: 300px; background: #F0F0F0 url("d_slide/1.png"); }

	.category { width: 240px; margin-right: 10px; background: #A4B3C4; }
		.category-topic { width: 220px; height: 40px; display: block; margin: 0 auto; margin-top: 10px; background: #FFFFFF url("d_images/category.png"); }
		.category-border { width: 220px; height: 5px; display: block; margin: 0 auto; background: url("d_images/border_category.png"); }
		.category-list { width: 220px; display: block; margin: 0 auto; height: 30px; line-height: 30px; color: #2565AD; background: #FFFFFF url("d_images/bg_category.png"); border-bottom: 1px solid #DDDDDD; }
		.category-list:hover { color: red; text-shadow: 1px 1px 1px #FF0000; }
		.category-line { width: 220px; display: block; margin: 0 auto; margin-top: 10px; height: 5px; background: url("d_images/line_category.png"); }
		.visitor-topic { width: 220px; height: 40px; display: block; margin: 0 auto; margin-top: 10px; background: #FFFFFF url("d_images/visitor.png"); }
		.visitor { width: 220px; height: 120px; display: block; margin: 0 auto; margin-bottom: 10px; background: #FFFFFF; }
		.link-topic { width: 220px; height: 40px; display: block; margin: 0 auto; margin-top: 10px; background: #FFFFFF ; }
		.link { width: 220px; height: 100px; display: block; margin: 0 auto; margin-bottom: 10px; background: #FFFFFF; border-radius: 5px; }
	.content { width: 774px; }
		.welcome { width: 321px; height: 50px; background: url("d_images/welcome.png"); }
		#product { margin-left: 7px; }
		.contact { width: 220px; height: 40px; background: #FFFFFF url("d_images/contact.png"); }
		.map { width: 745px; height: 455px; margin-left: 8px; background: url("d_images/map.png"); }
		.address { width: 745px; height: 110px; margin-left: 8px; padding-top: 10px; margin-bottom: 20px; color: #FFFFFF; background: #2565AD; text-align: center; line-height: 25px; }
		.work { width: 220px; height: 40px; background: #FFFFFF url("d_images/working.png"); }
		.living { width: 220px; height: 40px; background: #FFFFFF url("d_images/living.png"); }
		.bad { width: 220px; height: 40px; background: #FFFFFF url("d_images/bad.png"); }
		.dress { width: 220px; height: 40px; background: #FFFFFF url("d_images/dress.png"); }
		.bath { width: 220px; height: 40px; background: #FFFFFF url("d_images/bath.png"); }
		.kitchen { width: 220px; height: 40px; background: #FFFFFF url("d_images/kitchen.png"); }
		.dining { width: 220px; height: 40px; background: #FFFFFF url("d_images/dining.png"); }
		.outdoor { width: 220px; height: 40px; background: #FFFFFF url("d_images/outdoor.png"); }
		.product-box { width: 180px; height: 300px; background: #DDDDDD; margin-right: 10px; margin-bottom: 10px; }
			.product-img { display: block; margin: 0 auto; margin-top: 10px; width: 160px; height: 188px; background: #FFFFFF; }
			.cover { display: block; margin: 0 auto; }
			.product-name { margin: 15px 0 15px 0; text-align: center; color: #2565AD; font-weight: bold; }
			.product-price { margin: 15px 0 10px 0; text-align: center; color: red; font-weight: bold; }
				.best-seller { width: 87px; height: 14px; display: block; margin: 0 auto; background: url("d_gif/best.gif"); }
			.product-preview { margin-top: 10px; text-align: center; }
			.product-more { color: #252525; }
			.product-more:hover { color: blue; text-shadow: 1px 1px 1px #2565AD; }
			.product-view { color: #252525; }
			.product-view:hover { color: red; text-shadow: 1px 1px 1px #FF0000; }
			.more-name { font-size: 18px; }
			.more-img { margin-top: 10px; width: 748px;border: 1px solid #A4B3C4; }
			.more-pic { display: block; margin: 0 auto; padding: 10px; max-width: 728px; }
			.more-description-topic { margin-top: 20px; font-weight: bold; font-size: 14px; color: #252525; }
			.more-description { margin-top: 15px; font-size: 13px; width: 500px; line-height: 25px; }
			.more-call { margin-top: 15px; margin-left: 8px; width: 240px; height: 200px; background: url("d_gif/call.gif") no-repeat; border: 1px solid #028FEC; }
			.more-best-seller { margin-top: 20px; margin-left: -9px; width: 81px; height: 60px; background: url("d_images/best.png"); }

			.sub-menu { display: block; float: left; width: 200px; height: 25px; line-height: 25px; background: url("d_bg/libg.png"); margin-bottom: 5px; }
			.sub-line { border-bottom: 1px solid #A4B3C4; width: 745px; margin: 10px 0 10px 0; }

			.a-sub { color: #000000; }
			.hold { color: red; text-shadow: 1px 1px 1px #FF0000; font-weight: bold; }

			.promotion { width: 220px; height: 40px; background: #FFFFFF url("d_images/promotion.png"); margin-bottom: 15px; }
			.promotion-box-img { width: 745px; margin: 0 0 5px 8px; }

			.visitor-txt { width: 140px; height: 16px; line-height: 25px; margin-left: 8px; margin-top: 5px; color: #2565AD; }
			.visitor-count { width: 63px; height: 16px; line-height: 25px; margin-top: 5px; color: #2565AD; text-align: right; }

			.music { background: #FFFFFF; }

			.new-product { width: 220px; height: 40px; background: #FFFFFF url("d_images/new.png"); margin-bottom: 15px; }

			.default-pic { margin-left: 8px; width: 750px; height: 100px; background: url("d_bg/1.png"); }
			.default-product { margin: 8px 0 0 8px; width: 748px; height: 220px; border: 1px solid #DDDDDD; }
			.default-news { display: block; float: left; margin: 8px 0 14px 8px; width: 300px; height: 100px; background: red; }
			.default-contact { display: block; float: left; margin-top: 8px; width: 450px; height: 100px; background: blue; }
			.default-all { float: right; padding: 5px; font-weight: bold; }
			.default-product-box { display: block; margin: 0 auto; margin-top: 50px; width: 640px; height: 150px; }
				.default-hot { display: block; float: left; width: 160px; height: 150px; }
				.default-product-pic { display: block; margin: 0 auto; width: 140px; height: 150px; }

			.default-pic2 {  margin: 8px 0 0 8px; width: 750px; height: 292px; background: url("d_bg/2.jpg"); }