/* CSS Document */
#Content{ height:940px}
#SideBar{ width:238px; float:left; height:950px;overflow:hidden}
#SideBar #DiyClass {width:238px;height:auto;background:url(../images/diyclass.gif) no-repeat;margin-top:5px;padding:0px;text-align:left; overflow:hidden}

#DiyClass h1 {text-align:right; margin-bottom:0px; padding-top:15px; height:14px;}
#DiyClass h1 a{color:#FFFFFF; font-size:12px; font-weight:normal; margin-right:5px}
#DiyClass div{ border:#FF9900 solid 1px; padding-top:30px; padding-left:10px; margin-top:18px; overflow:hidden}
#DiyClass h2{ font-size:14px; padding:0px; margin:0px; color:#ff9b00}
#DiyClass ul{ list-style-type:none; margin-left:10px; margin-top:10px; padding-left:0px; overflow:hidden}
#DiyClass ul li{ display:inline; margin:3px 5px 5px 0px; WORD-BREAK: keep-all; width:40px}


#SideBar #ForWhom {width:205px;height:auto;background:url(../images/ForWhom.gif) no-repeat;margin-top:5px;padding:0px;text-align:left ;overflow:hidden}

#ForWhom h1 {text-align:right; margin-bottom:0px; padding-top:15px; height:14px}
#ForWhom h1 a{color:#FFFFFF; font-size:12px; font-weight:normal; margin-right:5px}
#ForWhom div{ height:auto; border:#FF9900 solid 1px; padding-top:10px; padding-left:15px; margin-top:19px; overflow:hidden}
#ForWhom h2{ font-size:14px; padding:0px; margin:0px}
#ForWhom ul{ list-style-type:none; margin-left:15px; margin-top:0px; padding:0px; width:170px}
#ForWhom ul li{ float:left;WORD-BREAK: keep-all; margin:10px}
#Promise  {width:205px;height:auto;background:url(../images/Promise.gif) no-repeat;margin-top:5px;padding-top:38px;text-align:left; overflow:hidden}
#Promise div{ height:auto; border-left:#FF9900 solid 1px; border-right:#FF9900 solid 1px; border-bottom:#FF9900 solid 1px; padding-top:20px; padding-left:20px; margin-top:0px;}
#Promise div span{ color:#993333; font-size:14px; font-weight:bold}
#MainContent{ margin-left:5px; width:712px; float:left}
#DiyTempShow ul{ width:220px; list-style-type:none; padding:0px; margin:0px}
#DiyTempShow li{float:left; width:38%; margin-top:3px; padding-left:24px; background:url(../images/diy_DiyTempShow.jpg) repeat-y; line-height:22px; font-size:1.1em;  }
		#DiyTempShow li.y22{background-position:0 22px;}
#DiyTempShow {overflow:auto; height:100%; padding-bottom:10px; margin-top:-15px;}
		#DiyTempShow div{display:inline; float:left; width:220px; height:200px; margin:10px 13px 0; padding:1px; background:url(images/dotline_h.gif) repeat-x bottom; }
		#DiyTempShow div.room,#DiyTempShow div.cups,#DiyTempShow div.others{ height:170px; background:none; }
		#DiyTempShow div h3{width:220px; height:118px; margin:0; padding:0; background:url(../images/DiyTempShow.jpg) no-repeat; text-indent:-500px; }
		#DiyTempShow div h3 a{display:block; width:220px; height:118px;}

		#DiyTempShow div.print h3{background-position:0 0;}
		#DiyTempShow div.crystal h3{background-position:0 -232px;}
		#DiyTempShow div.clothing h3{background-position:0 -472px;}
		#DiyTempShow div.cups h3{background-position:0 -708px;}
		#DiyTempShow div.room h3{background-position:0 -944px;}
		#DiyTempShow div.others h3{background-position:0 -1180px;}

		#DiyTempShow ul{overflow:auto; height:auto; }
		#DiyTempShow li{float:left; width:38%; margin-top:3px; padding-left:24px; background:url(../images/diy_DiyTempShow.jpg) repeat-y; line-height:22px; font-size:1.1em;  }
		#DiyTempShow li.y22{background-position:0 22px;}
		#DiyTempShow li.y44{background-position:0 44px;}
		#DiyTempShow li.y66{background-position:0 66px;}
		#DiyTempShow li.y88{background-position:0 88px;}
		#DiyTempShow li.y110{background-position:0 110px;}
		#DiyTempShow li.y132{background-position:0 132px;}
		#DiyTempShow li.y154{background-position:0 154px;}
		#DiyTempShow li.y176{background-position:0 176px;}
		#DiyTempShow li.y198{background-position:0 198px;}
		#DiyTempShow li.y220{background-position:0 220px;}
		#DiyTempShow li.y242{background-position:0 242px;}
		#DiyTempShow li.y264{background-position:0 264px;}
		#DiyTempShow li.y286{background-position:0 286px;}
		#DiyTempShow li.y308{background-position:0 308px;}
		#DiyTempShow li.y330{background-position:0 330px;}
		#DiyTempShow li.y352{background-position:0 352px;}
		#DiyTempShow li.y374{background-position:0 374px;}
		#DiyTempShow li.y396{background-position:0 396px;}
		#DiyTempShow li.y418{background-position:0 418px;}
		#DiyTempShow li.y440{background-position:0 440px;}
		#DiyTempShow li.y462{background-position:0 462px;}
		#DiyTempShow li.y484{background-position:0 484px;}
		#DiyTempShow li.y506{background-position:0 506px;}
		#DiyTempShow li a{float:left; margin-right:10px; word-break:keep-all;}
#Advantage{ margin:5px auto 0px; width:710px; height:100px; border:#FF9933 solid 1px}
#Advantage h4{ font-size:14px; color:#FF9966; margin-top:5px; text-align:center}
#Advantage ul{ list-style-type:none}
#Advantage ul li{ font-size:12px; line-height:18px}
#Post{margin:5px auto 0px; width:710px; height:170px;border:#FF9933 solid 1px; text-align:center}
#Post h4{ font-size:14px; color:#FF9966; margin-top:5px; }
#Post ul{ list-style-type:none; margin:0px}
#Post ul li{ display:inline;font-size:12px; line-height:18px; margin:10px}