/*******************************/
/*Author: Media Federal Co., Ltd.*/
/*******************************/

body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; background: url(images/header_bg.gif) repeat-x 0px 0px; font-size: 13px; _font-size: 12px;word-break: break-all;}
h1, h2, h3, h4, h5, h6, div, span, form, img {margin: 0px; padding: 0px;}
a {color: #003fcd;}
a:visited {color: #815ea5;}
a:hover {color:#ff0000; text-decoration: none;}
ul, li, p {margin: 0px; padding: 0px; list-style: none;}
img {border: 0px; vertical-align: bottom;}
.clear {clear: both; line-height: 1px; font-size: 1px; height: 1px; display: block;}
h3 {font-size: 16px; font-weight: bold;}
h6 {font-size: 11px; font-weight: normal;}
.price {font-size: 14px; font-weight: bold;}
.red {color: #ff0000; margin: 0px 1px;}
.gray {color: #888888; font-size: 12px;}
.delete {text-decoration: line-through; font-family: Arial; font-weight: bold; }

.rollover {background: #efefef;}
.rollout {background: none;}

table, td {border-collapse:collapse; font-size: 13px;}

/**************** Header ****************/
.wrapper {width: 960px; margin: 0px auto;}
#header {height: 73px; background: url(images/header_right.jpg) no-repeat left top;}
#header_1 {height: 99px; background: url(images/header_right.jpg) no-repeat left top; margin-bottom: 10px;}
#header .header_link, #header_1 .header_link {margin: 30px 0px 0px 0px; float: right;}
#header .header_link a, #header_1 .header_link a {margin: 0px 9px; color: #000000; text-decoration: none; font-size: 13px;}
#header .header_link a:hover, #header_1 .header_link a:hover {text-decoration: underline;}

#nav_cart_search {background: #000000 url(images/header_right.jpg) no-repeat 0px -73px; margin-bottom: 10px; padding-top: 19px;}
#main_nav {display: inline-block; margin-right: 212px;}
#main_nav li {float: left; height: 32px; line-height: 30px; background: url(images/button.gif) no-repeat right -32px; white-space: nowrap;}
#main_nav .bt {float: left; height: 32px; width: 12px; display: inline-block; background: url(images/button.gif) no-repeat -1px 0px;}
#main_nav a {margin: 0px 12px 0px 0px; background: url(images/pxbg.gif) repeat-x 0px 0px; color: #FFFFEE; height: 32px; line-height: 30px; display: inline-block; text-decoration: none; float: left; }
#main_nav a:hover {text-decoration: underline;}

#main_nav li.select {float: left; height: 32px; line-height: 30px; background: url(images/button.gif) no-repeat right -96px; white-space: nowrap;}
#main_nav li.select .bt {float: left; height: 32px; width: 7px; display: inline-block; background: url(images/button.gif) no-repeat -1px -64px;}
#main_nav li.select a {margin: 0px 7px 0px 0px; background: url(images/pxbg.gif) repeat-x 0px -32px; color: #FFFFEE; height: 32px; line-height: 30px; display: inline-block;}

.search_news {background: url(images/pxbg.gif) repeat-x 0px -64px; height: 53px; clear: both; z-index: 1000;}
.search_news #search {background: url(images/titlebg.gif) no-repeat 0px 0px; height: 38px; padding: 15px 0px 0px 78px; float: left; width: 242px;}
.search_news #search a.bt {width: 54px; height: 22px; padding: 2px 0px 0px 0px; background: url(images/button.gif) no-repeat 0px -128px; color: #ffffff; text-align: center; display: inline-block; text-decoration: none;}
.search_news #news {background: url(images/titlebg.gif) no-repeat 0px -53px; height: 43px; float: left; padding: 10px 0px 0px 60px; width: 245px;}
.search_news #fb { height: 38px; padding: 8px 0px 0px 78px; float: left; width: 142px;}
.search_news #news a {display: block; margin-bottom: 10px;}

#header_1 #search {margin: 10px 10px 0px 0px; float: right;}
#header_1 #search a.bt {width: 54px; height: 22px; padding: 2px 0px 0px 0px; background: url(images/button.gif) no-repeat 0px -128px; color: #ffffff; text-align: center; display: inline-block; text-decoration: none;}

#cart {float: right; width: 177px; height: 113px; background: url(images/cartbg.gif) no-repeat 0px 0px; position: absolute; top: 45px; left: 50%; margin-left: 268px; padding: 77px 0px 0px 35px; z-index: 2000;}
#cart a.bt {width: 62px; line-height: 23px; background: url(images/button.gif) no-repeat -15px -224px; color: #ffffff; text-align: center; display: inline-block; margin: 5px 20px; text-decoration: none;}

/**************** SignIn ****************/
#signin {background: url(images/pxbg.gif) repeat-x 0px -117px; height: 43px; width: 748px; margin-bottom: 10px;}
#signin .signinbg_l {background: url(images/titlebg.gif) no-repeat 0px -106px; height: 43px; width: 36px; float: left;}
#signin .signinbg_r {background: url(images/titlebg.gif) no-repeat -70px -106px; height: 43px; width: 10px; float: right;}
#signin .signinbox {float: left; margin-top: 8px;}
#signin .memberbox {float: left; line-height: 43px;}
#signin a.bt {width: 54px; height: 22px; padding: 2px 0px 0px 0px; background: url(images/button.gif) no-repeat 0px -154px; color: #ffffff; text-align: center; display: inline-block; text-decoration: none;}
#signin a.arrow1 {background: url(images/button.gif) no-repeat 0px -178px; margin-left: 9px; padding-left: 17px; color: #000000;}

/**************** Footer ****************/
#footer {text-align: center; padding: 10px; font-size: 12px; line-height: 20px;margin-right:50px;}
#footer a {margin: 10px 20px; font-size: 13px; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/**************** Column ****************/
.leftside {width: 150px; float: left;}
.centerside {width: 596px; float: left; margin-left: 2px;}
.centerrightside {width: 796px; float: left; margin-left: 2px;}
.rightside {width: 200px; position: absolute; top: 230px; left: 50%; margin-left: 278px; z-index: 3000;}
.leftside_200 {width: 200px; float: left;}
.rightside_748 {width: 760px; float: right;}
.rightside_748-1 {width: 798px; float: right;}

/**************** Icon and Button ****************/
.cart_icon {background: url(images/icon.gif) no-repeat 0px -100px; width: 20px; height: 23px; float: left; display: inline-block;}
.bonus_icon {background: url(images/icon.gif) no-repeat -30px -100px; width: 20px; height: 23px; float: left; display: inline-block;}
.rank_icon {background: url(images/box_title.gif) no-repeat 3px -56px; width: 42px; height: 30px; float: left; display: inline-block;}
.new_icon {background: url(images/box_title.gif) no-repeat -45px -58px; width: 35px; height: 25px; float: left; display: inline-block;}
.list_icon {background: url(images/icon.gif) no-repeat 0px -447px; width: 17px; height: 20px; margin: 0px 3px; display: inline-block;}
.gallery_icon {background: url(images/icon.gif) no-repeat -30px -447px; width: 17px; height: 20px; margin: 0px 3px; display: inline-block;}
.date_icon {background: url(images/icon.gif) no-repeat 0px -594px; width: 17px; height: 20px; margin: 0px 3px; display: inline-block;}
.up_icon {background: url(images/icon.gif) no-repeat -20px -594px; width: 15px; height: 16px; margin: 0px 3px; display: inline-block;}
.down_icon {background: url(images/icon.gif) no-repeat -36px -594px; width: 15px; height: 16px; margin: 0px 3px; display: inline-block;}
.plus_icon {background: url(images/icon.gif) no-repeat 0px -620px; width: 15px; height: 16px; margin: 0px 3px; display: inline-block;}
.minus_icon {background: url(images/icon.gif) no-repeat -18px -620px; width: 15px; height: 16px; margin: 0px 3px; display: inline-block;}

a.bt_01 {background: url(images/cart_button.gif) no-repeat -100px 0px; width: 100px; height: 40px; display: inline-block; font-size: 15px; font-weight: bold; line-height: 40px; color: #ffffff; text-align: center; margin: 10px; text-decoration: none;}
a.bt_02 {background: url(images/cart_button.gif) no-repeat 0px 0px; width: 100px; height: 40px; display: inline-block; font-size: 15px; font-weight: normal; line-height: 40px; color: #ffffff; text-align: center; margin: 10px; text-decoration: none;}
a.bt_03 {background: url(images/cart_button.gif) no-repeat -200px 0px; width: 100px; height: 40px; display: inline-block; font-size: 15px; font-weight: bold; line-height: 40px; color: #ffffff; text-align: center; margin: 10px; text-decoration: none;}
a:hover.bt_01, a:hover.bt_02, a:hover.bt_03 {color: #ffffff;}

a.arrow {line-height: 20px; height: 20px; font-size: 12px; font-weight: normal; background: url(images/icon.gif) no-repeat 0px -146px; padding-left: 8px; margin-left: 2px;}

.environmental_icon {background: url(images/icon2.gif) no-repeat 0px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.exclusive_icon {background: url(images/icon2.gif) no-repeat -56px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.wholesale_icon {background: url(images/icon2.gif) no-repeat -112px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.diy_icon {background: url(images/icon2.gif) no-repeat -168px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.nofreight_icon {background: url(images/icon2.gif) no-repeat -224px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.twohour_icon {background: url(images/icon2.gif) no-repeat -280px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.cheap_icon {background: url(images/icon2.gif) no-repeat -336px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.nodiscount_icon {background: url(images/icon2.gif) no-repeat -392px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.new_icon {background: url(images/icon2.gif) no-repeat -448px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.hot_icon {background: url(images/icon2.gif) no-repeat -504px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.oneday_icon {background: url(images/icon2.gif) no-repeat -560px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}
.today_icon {background: url(images/icon2.gif) no-repeat -616px 0px; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}


.icon_for_all {background: url(images/icon3.gif) no-repeat; width: 50px; height: 53px; float: left; display: inline-block; margin: 3px;}

/**************** Block ****************/
#brand_box {background: url(images/pxbg_y.gif) repeat-y 0px 0px; margin-bottom: 10px;}
#brand_box h3 {color: #ffffff; background: url(images/box_title.gif) no-repeat 0px 0px; height: 47px; line-height: 31px; padding-left: 10px;}
#brand_box .box_bottom {background: url(images/box_title.gif) no-repeat 0px -47px; height: 9px; clear: both; font-size: 1px;}
#brand_box li {margin: 0px 0px 14px 11px; width: 130px; clear: both; font-size: 12px; line-height: 16px;}
#brand_box img {border: 1px solid #000000; float: left; margin-right: 5px; margin-bottom: 10px;}
#brand_box a {color: #000000; text-decoration: none;}
#brand_box a:hover {text-decoration: underline;}


#brand_box1 {background: url(images/pxbg_y1.gif) repeat-y 0px 0px; margin-bottom: 10px;}
#brand_box1 h3 {color: #ffffff; background: url(images/box_title1.gif) no-repeat 0px 0px; height: 47px; line-height: 31px; padding-left: 10px;}
#brand_box1 .box_bottom {background: url(images/box_title1.gif) no-repeat 0px -47px; height: 9px; clear: both; font-size: 1px;}
#brand_box1 li {margin: 0px 0px 14px 11px; width: 180px; clear: both; font-size: 12px; line-height: 16px;}
#brand_box1 img {border: 1px solid #000000; float: left; margin-right: 5px; margin-bottom: 10px;}
#brand_box1 a {color: #000000; text-decoration: none;}
#brand_box1 a:hover {text-decoration: underline;}


.normal_box {background: url(images/pxbg_y.gif) repeat-y -150px 0px; margin-bottom: 10px; font-size: 12px;}
.normal_box h3 {color: #ffffff; background: #1e1e1e url(images/box_title.gif) no-repeat 0px -470px; padding: 5px 10px;}
.normal_box .box_bottom {background: url(images/box_title.gif) no-repeat 0px -88px; height: 10px; clear: both; font-size: 1px;}

.normal_box200 {background: url(images/pxbg_y.gif) repeat-y -2420px 0px; margin-bottom: 10px; font-size: 12px;}
.normal_box200 h3 {color: #ffffff; background: #1e1e1e url(images/box_title.gif) no-repeat 0px -428px; padding: 5px 10px;}
.normal_box200 .box_bottom {background: url(images/box_title.gif) no-repeat 0px -460px; height: 10px; clear: both; font-size: 1px;}

.normal_box p, .normal_box200 p {margin: 12px 12px 6px 12px; line-height: 18px;}
.normal_box img, .normal_box200 img {margin-left: 0px;}
.normal_box ul, .normal_box200 ul {margin: 10px 15px;}
.normal_box li, .normal_box200 li {margin: 0px 0px 5px 0px; font-size: 13px;}
.normal_box li a, .normal_box200 li a {text-decoration: none; background: url(images/icon.gif) no-repeat 0px -145px; padding: 2px 2px 2px 8px;}
.normal_box li.select, .normal_box li a:hover, .normal_box200 li.select, .normal_box200 li a:hover {background: #949494; color: #ffffff; padding: 2px 2px 2px 8px;}

#category_box a.bt {width: 54px; height: 22px; padding: 2px 0px 0px 0px; background: url(images/button.gif) no-repeat 0px -154px; color: #ffffff; text-align: center; display: inline-block; margin: 10px 0px 0px 5px; text-decoration: none;}
#category_box a:hover.bt {text-decoration: none;}
#category_box .boxbg {background: url(images/boxbg.gif) no-repeat 0px 0px; height: 94px;}

#edm_box .boxbg {background: url(images/boxbg2.gif) no-repeat 0px -94px; height: 174px;}
#edm_box a.bt {width: 54px; height: 22px; padding: 2px 0px 0px 0px; background: url(images/button.gif) no-repeat 0px -154px; color: #ffffff; text-align: center; display: inline-block; margin: 5px 0px 0px 30px; text-decoration: none;}
#edm_box a:hover.bt {text-decoration: none;}

.product_box {background: url(images/pxbg_y.gif) repeat-y -300px 0px; margin-bottom: 10px;}
.product_box .box_bottom {background: url(images/box_title.gif) no-repeat 0px -131px; height: 8px; clear: both; font-size: 1px;}
.product_box ul {padding: 10px 13px;}
.product_box li {margin-bottom: 8px; clear: both;}
.product_box img.p_img {margin: 8px 5px 8px 0px; float: left;}
.product_box .p_price {margin: 10px 0px 10px 0px; line-height: 20px; float: left; width: 78px;}
.product_box a.bt {color: #ffffff; background: url(images/button.gif) no-repeat right -224px; width: 75px; height: 23px; line-height: 23px; display: inline-block; text-decoration: none; margin: 5px 0px;}

#openonly_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -98px; height: 34px; line-height: 34px; padding-left: 45px;}
#new_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -139px; height: 34px; line-height: 34px; padding-left: 45px;}
#rank_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -173px; height: 34px; line-height: 34px; padding-left: 45px;}
#time_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -207px; height: 34px; line-height: 34px; padding-left: 45px;}
#group_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -241px; height: 34px; line-height: 34px; padding-left: 45px;}
#free_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -275px; height: 34px; line-height: 34px; padding-left: 45px;}
#goodnew_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -309px; height: 34px; line-height: 34px; padding-left: 45px;}
#recommendation_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -343px; height: 34px; line-height: 34px; padding-left: 45px;}
#save_box h3 {color: #1e1e1e; background: url(images/box_title.gif) no-repeat 0px -377px; height: 34px; line-height: 34px; padding-left: 45px;}
#buygift_box h3 {color: #1e1e1e; background: url(images/box_title2.gif) no-repeat 0px 0px; height: 34px; line-height: 34px; padding-left: 45px;}
#yearsale_box h3 {color: #1e1e1e; background: url(images/box_title2.gif) no-repeat 0px -34px; height: 34px; line-height: 34px; padding-left: 45px;}
#anniversary_box h3 {color: #1e1e1e; background: url(images/box_title2.gif) no-repeat 0px -68px; height: 34px; line-height: 34px; padding-left: 45px;}
#school_box h3 {color: #1e1e1e; background: url(images/box_title2.gif) no-repeat 0px -102px; height: 34px; line-height: 34px; padding-left: 45px;}
#memberonly_box h3 {color: #1e1e1e; background: url(images/box_title2.gif) no-repeat 0px -136px; height: 34px; line-height: 34px; padding-left: 45px;}
#hotproduct_box h3 {color: #1e1e1e; background: url(images/box_title2.gif) no-repeat 0px -170px; height: 34px; line-height: 34px; padding-left: 45px;}

#rank_box .p_name {display: inline-block;}
#rank_box .p_name a {float: left; width: 153px; line-height: 16px;}
#rank_box .p_name .order, #rank_box_center .p_name .order {line-height: 16px; background: #ff0000; color: #ffffff; font-weight: bold; width: 14px; margin-right: 5px; float: left; font-size: 11px; text-align: center; font-family: Tahoma}

.center_title h3 {background: #1e1e1e url(images/icon.gif) no-repeat right 10px; color: #ffffff; line-height: 27px; padding-left: 10px;margin: 0px 0px 10px 0px;}
.center_title2 h3 {background: #1e1e1e; color: #ffffff; font-size: 13px; font-weight: normal; line-height: 20px; padding-left: 10px;margin: 0px 0px 10px 0px;}

.center_box {margin: 0px 0px 10px 10px; border-bottom: 1px solid #bdbdbd;}
.center_box h3 {background: #1e1e1e url(images/icon.gif) no-repeat right 10px; color: #ffffff; line-height: 30px;}
.center_box .content {border-top: 5px solid #e5e5e5; border-bottom: 5px solid #e5e5e5; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; display: inline-block; width: 584px; padding: 0px 0px 10px 0px;}

#crumb_trail {margin-bottom: 10px; font-size: 12px;}
.buymore {color: #ff0000; font-size: 12px; margin: 2px 0px;}

/**************** Img ****************/
#product_tab .block .content a img, #category_list a img, .center_box a img, #recommend_product a img, #new_box_center a img, #product_relative a img, .bonus_products a img, #discount_box a img {border: 1px solid #b2b2b2; margin-bottom: 5px;}
#product_tab .block .content a:hover img, #category_list a:hover img, .center_box a:hover img, #recommend_product a:hover img, #new_box_center a:hover img, #product_relative a:hover img, .bonus_products a:hover img, #discount_box a:hover img {border: 1px solid #000000; }

/**************** Homepage ****************/
#center_banner {background: #e5e5e5; margin: 0px 0px 10px 10px;}
#center_banner li {display: inline; line-height: 25px;}
#center_banner li a.select {background: #1e1e1e; color: #ffffff;}
#center_banner li a {color: #888888; padding: 0px 10px; display: inline-block; text-decoration: none;}
#center_banner li a:hover {text-decoration: underline;}

#event_banner {border: 1px solid #bdbdbd; padding: 6px 0px 0px 6px; height: 112px; margin: 0px 0px 10px 10px;}
#event_banner2 {border: 1px solid #bdbdbd; padding: 0px 0px 0px 0px; height: 118px; margin: 0px 0px 10px 10px;}
#event_banner img {position: absolute; z-index: 1000;}
#event_banner ul {width: 170px; margin: 0px 0px 0px 407px; position: absolute; z-index: 2000; margin-top: 8px;}
#event_banner li {line-height: 21px; margin-bottom: 3px;}
#event_banner li a {padding-left: 11px; width: 160px; display: inline-block; text-decoration: underline;}
#event_banner li a .bg {padding-left: 10px;}
#event_banner li.select a, #event_banner li a:hover {background: url(images/boxbg.gif) no-repeat -276px -244px; color: #ffffff; text-decoration: none;}
#event_banner li.select .bg, #event_banner li a:hover .bg {background: #1e1e1e;}

#area_3m {background: #ffe3e7; margin: 0px 0px 10px 10px;}
#area_3m ul {border-left: 1px solid #fb9ca9; border-right: 1px solid #fb9ca9; border-bottom: 1px solid #fb9ca9; padding-left: 5px; height: 98px;}
#area_3m li {float: left; width: 65px; text-align: center; margin-left: 5px; _margin-left: 4px;}
#area_3m li a {color: #000000; font-size: 11px; text-decoration: none;}
#area_3m li a:hover {text-decoration: underline;}
#area_3m .brand {border: 1px solid #fb9ca9; width: 65px; height: 58px; margin-bottom: 5px;}
#area_3m .Command {background: url(images/3m_brand.gif) no-repeat 0px 0px;}
#area_3m .Filtrete {background: url(images/3m_brand.gif) no-repeat -66px 0px;}
#area_3m .Nexcare {background: url(images/3m_brand.gif) no-repeat -132px 0px;}
#area_3m .Post-it {background: url(images/3m_brand.gif) no-repeat -198px 0px;}
#area_3m .Scotch {background: url(images/3m_brand.gif) no-repeat -264px 0px;}
#area_3m .Scotch-Brite {background: url(images/3m_brand.gif) no-repeat -330px 0px;}
#area_3m .i58 {background: url(images/3m_brand.gif) no-repeat -396px 0px;}
#area_3m .i3M {background: url(images/3m_brand.gif) no-repeat -462px 0px;}

#product_tab {margin-bottom: 4px; display: inline-block;}
#product_tab h3 {margin-left: 10px;}
#product_tab .block {padding: 0px 0px 10px 10px; width: 288px; float: left; height: 230px; overflow: hidden;}
#product_tab .block h3 {background: url(images/icon.gif) no-repeat 0px -43px; line-height: 26px; padding-left: 20px; margin: 0px;}
#product_tab .block h3 a, #product_tab .block h3 a:hover {color: #000000;}
#product_tab .block ul {background: url(images/boxbg.gif) no-repeat 0px -342px; height: 29px; margin-top: 5px;}
#product_tab .block li {float: left; width: 72px; display: inline-block; text-align: center; line-height: 29px;}
#product_tab .block li a {text-decoration: none; color: #003fcd;}
#product_tab .block li.select {background: url(images/boxbg.gif) no-repeat 0px -310px;}
#product_tab .block .content {border-right: 1px solid #989898; border-left: 1px solid #989898; border-bottom: 1px solid #989898; padding: 15px 9px 20px 9px; display: inline-block; width: 268px;}
#product_tab .block .content .align {height: 134px; float: left; line-height: 18px;}
#product_tab .block .content .onsale {height: 139px; width: 62px; float: left; margin-left: 6px;}

#bottom_banner {margin-left: 10px;}
#banner_right img {margin-bottom: 10px;}

/**************** Category ****************/
#recommend_product {background: #ffecec url(images/new_recommend.gif) no-repeat 0px -1px; margin: 0px 0px 10px 10px; _margin: 0px 0px 10px 5px; font-size: 12px; width: 286px; float: left; border-right: 1px solid #ffd0d0; border-top: 1px solid #ffd0d0; max-height: 435px; overflow: hidden;}
#recommend_product h3 {color: #ff0000; border-bottom: 1px dotted #ff0000; line-height: 33px; margin: 0px 15px 0px 30px;}
#recommend_product ul {margin: 5px 0px 0px 15px; border-bottom: 1px solid #ffd0d0; display: inline-block; padding-bottom: 10px;}
#recommend_product h3 a, #new_box_center h3 a {line-height: 25px; height: 25px; font-size: 12px; font-weight: normal; background: url(images/icon.gif) no-repeat 0px -143px; padding-left: 8px; margin-left: 100px;}
#recommend_product li, #new_box_center li {float: left; width: 120px; height:177px; text-align: center; margin: 10px 0px 5px 10px; _margin: 10px 0px 5px 5px;}
#recommend_product a, #new_box_center a {height: 144px; display: inline-block;}

#new_box_center {background: #ecfbff url(images/new_recommend.gif) no-repeat 0px -447px; margin: 0px 0px 10px 0px; font-size: 12px; width: 286px; float: right; border-right: 1px solid #d2eeff; border-top: 1px solid #d2eeff; max-height: 435px; overflow: hidden;}
#new_box_center h3 {color: #0068ab; border-bottom: 1px dotted #0fa2ff; line-height: 33px; margin: 0px 15px 0px 30px;}
#new_box_center ul {margin: 5px 0px 0px 15px; border-bottom: 1px solid #d2eeff; display: inline-block; padding-bottom: 10px;}

#category_list {margin-bottom: 10px;}
#category_list h3 {margin-left: 10px;}
#category_list li {float: left; width: 112px; text-align: center; margin: 5px 0px 10px 7px; _margin: 5px 0px 10px 4px; height: 131px; overflow: hidden;}

#rank_box_center ul {float: left; width: 280px; height: 140px;}
#rank_box_center li {font-size: 12px; margin: 10px 5px; padding-left: 18px;}
#rank_box_center li.crown_icon {background: url(images/icon.gif) no-repeat -36px -128px;}

#free_box li {border-bottom: 1px dotted #656565; background: url(images/icon.gif) no-repeat 2px -145px; padding: 0px 5px 12px 10px;}
#free_box li a {font-size: 12px; line-height: 19px;}

/**************** Brand ****************/
#brand_banner {margin: 0px 0px 10px 12px;}
#brand_video {width: 360px; float: left; margin: 0px 0px 10px 12px; _margin: 0px 0px 10px 6px; margin-top: 7px;}
#brand_sale {width: 374px; height: 303px; float: right; background: url(images/brand_sale.gif) no-repeat 0px 0px;}
#brand_sale h3 {margin: 40px 0px 10px 20px; color: #1e1e1e;}
#brand_sale ul {margin: 0px 20px;}
#brand_sale li {margin-bottom: 8px; background: url(images/icon.gif) no-repeat 0px -296px; padding-left: 15px;}

#brand_tab {margin: 0px 0px 10px 12px;}
#brand_tab .block {margin: 0px 0px 20px 10px; _margin: 0px 0px 20px 8px; width: 360px; float: left;}
#brand_tab .block h3 {line-height: 26px; margin: 0px; padding: 0px; background: #ffffff url(images/pxbg.gif) repeat-x 0px -179px;}
#brand_tab .block h3 a, #brand_tab .block h3 a:hover {line-height: 26px; color: #000000; background: #ffffff url(images/icon.gif) no-repeat 0px -43px; padding: 2px 8px 2px 22px;}
#brand_tab .block img {border: 1px solid #000000; margin: 10px 0px 0px 0px; float: left;}
#brand_tab .block ul {float: right; width: 192px; margin: 10px 5px 0px 0px; }
#brand_tab .block li {background: url(images/icon.gif) no-repeat 0px -145px; padding-left: 10px; margin-bottom: 6px;}
#brand_tab .block li a.bt {color: #ffffff; background: url(images/button.gif) no-repeat 0px -260px; width: 72px; height: 23px; line-height: 21px; display: inline-block; text-decoration: none; margin: 5px 0px; padding-right: 9px;}

/**************** Showroom ****************/
#showroomlist {margin-bottom: 10px;}
#showroomlist .line {border-bottom: 1px solid #ebebeb; height: 1px; clear: both;}
#showroomlist h3 {margin-bottom: 0px;}
.find_quantity {font-size: 13px; font-weight: normal;}
#showroomlist_status {background: #cfedff; line-height: 27px; font-size: 12px;}
#showroomlist_status .view_mode {background: #e8e8e8; width: 250px; float: left; margin-right: 10px; padding-left:10px; height: 27px;}
#showroomlist_status a {margin: 0px 6px;}
#showroomlist_status a.select {color: #000000; text-decoration: none;}
#page_area {text-align: center; margin: 10px 0px; font-size: 12px; padding-bottom: 0px;}
#page_area span {padding: 3px 5px; display: inline-block;}
#page_area a {background: #a1a1a1; padding: 3px 8px; color:#ffffff; text-decoration: none; margin-left: 5px; display: inline-block;}
#page_area a:hover {background: #0044df; padding: 3px 8px; color:#ffffff; text-decoration: none; margin-left: 5px; display: inline-block;}


#page_area1 {text-align: center; margin: 10px 0px; font-size: 12px; padding-bottom: 0px;}
#page_area1 span {padding: 3px 5px; display: inline-block;}
#page_area1 a {background: #a1a1a1; padding: 3px 8px; color:#ffffff; text-decoration: none; margin-left: 5px; display: inline-block;}
#page_area1 a:hover {background: #0044df; padding: 3px 8px; color:#ffffff; text-decoration: none; margin-left: 5px; display: inline-block;}

.product_list li {width: 100%; line-height: 22px; display: inline-block; padding: 10px 0px 0px 0px; margin: 2px 0px 0px 0px;}
.product_list li.sale {background: url(images/pxbg_y.gif) repeat-y -500px 0px;}
.product_list li.normal {background: url(images/pxbg_y.gif) repeat-y -1460px 0px;}
.product_list li .p_img {float: left; width: 150px; margin: 0px 15px 10px 10px;}
.product_list li .p_img img {border: 1px solid #000000;}
.product_list li .p_main {float: left; width: 430px; margin: 0px 0px 10px 0px;}
.product_list li .p_no, #product_list li p.p_des {color: #525252; font-size: 12px; line-height: 18px;}
.product_list li a.p_name {font-size: 15px; font-weight: bold; margin-right: 10px;}
.product_list li p.p_price {background: url(images/icon.gif) no-repeat 0px -48px; padding-left: 20px; margin-bottom: 5px;}
.product_list li .p_bt {float: right; width: 160px; margin: 0px 5px 0px 0px; margin-top: 20px;}
.product_list li .p_bt .bt {color: #ffffff; background: url(images/button.gif) no-repeat right -224px; width: 75px; height: 23px; line-height: 23px; display: inline-block; text-decoration: none; margin: 5px 40px; text-align: left;}
.product_list li .p_bt .buymore {font-size: 12px; line-height: 16px; text-align: center;}

.product_gallery li {width: 174px; float: left; padding: 10px 8px; text-align: center; line-height: 20px;}
.product_gallery li .p_img {height: 198px; overflow: hidden; width:155px;}
.product_gallery li img {border: 1px solid #000000;}
.product_gallery li .p_bt .bt {color: #ffffff; background: url(images/button.gif) no-repeat right -224px; width: 75px; height: 23px; line-height: 23px; display: inline-block; text-decoration: none; margin: 5px 40px; text-align: left;}

/**************** Product ****************/
#product_img {width: 305px; margin: 0px 10px 15px 22px; _margin: 0px 10px 15px 11px; float: left;}
#product_img .multi_img {margin: 10px 0px; display: inline-block;}
#product_img .multi_img a.arrow_left {background: url(images/icon.gif) no-repeat 0px -471px; width: 17px; height: 40px; margin: 0px 3px; display: inline-block;float: left;}
#product_img .multi_img a.arrow_right {background: url(images/icon.gif) no-repeat 0px -37px; width: 17px; height: 40px; margin: 0px 3px; display: inline-block;float: left;}
#product_img .multi_img ul {float: left;}
#product_img .multi_img li {float: left; margin: 0px 3px;}
#product_img .multi_img a img {border: 1px solid #c2c2c2; width: 40px; height: 40px;}
#product_img .multi_img li.select img, #product_img .multi_img a:hover img {border: 1px solid #ff0000;}
#p_status {margin: 3px 0px;}
#product_summary {width: 400px; float: right; margin-bottom: 15px;}
#product_summary h3#p_name {border-bottom: 4px solid #eaeaea; padding: 4px 5px; margin: 0px 0px 10px 0px;}
#product_summary #p_slogan {line-height: 22px; padding: 4px 5px;}
#product_summary #p_slogan li, #product_main .content li {background: url(images/icon.gif) no-repeat -45px -475px; padding-left: 10px;}
#product_summary #p_number {color: #717171; text-align: right; margin-bottom: 5px;}
#product_summary .buy_info {border: 1px solid #ffb167; background: #fff8f1 url(images/pxbg_y.gif) repeat-y -2620px 0px; width: 400px; font-size: 12px; display: inline-block;}
.buy_info #p_price {float: left; width: 180px; padding: 10px; line-height: 22px;}
.buy_info #p_calculate {float: left; width: 175px; padding: 10px; line-height: 21px;}
.buy_info a.bt {color: #ffffff; background: url(images/button.gif) no-repeat right -224px; width: 75px; height: 23px; line-height: 24px; display: inline-block; text-decoration: none; margin: 5px 0px; font-size: 13px; _font-size: 12px; text-align: left;}

#product_main .content, #product_return .content, #product_others .content {margin: 10px; line-height: 22px;}
#product_main, #product_relative, #product_return, #product_others {margin: 0px 0px 15px 12px;}
#product_relative li {float: left; width: 110px; text-align: center; margin: 10px 0px 5px 8px;}
#product_relative a {height: 130px; width: 105px; display: inline-block; font-size: 12px; overflow:hidden;}
/**************** memberFavorite ****************/
#memberFavorite_step {background: url(images/step_bg.gif) repeat-x -320px 0px; margin-top: 0px;}
#memberFavorite_step ul {height: 64px;  padding-left: 20px;}
#memberFavorite_step li {color: #b8b8b8; background: url(images/step_bg.gif) no-repeat -160px -15px; width: 150px; float: left; margin: 34px 0px 0px 4px; height: 21px; padding: 8px 0px 0px 10px;}
#memberFavorite_step li.select {color: #000000; background: url(images/step_bg.gif) no-repeat 0px -15px; font-size: 15px;height: 22px;}
#memberFavorite_step li.select b {font-size: 13px; color: #ff3d00;}
/**************** Cart ****************/
#process_step {background: url(images/step_bg.gif) repeat-x -320px 0px; margin-top: 20px;}
#process_step ul {height: 64px; background: url(images/cart_title.gif) no-repeat 0px 0px; padding-left: 200px;}
#process_step li {color: #b8b8b8; background: url(images/step_bg.gif) no-repeat -160px -15px; width: 150px; float: left; margin: 15px 0px 0px 4px; height: 41px; padding: 8px 0px 0px 10px;}
#process_step li.select {color: #000000; background: url(images/step_bg.gif) no-repeat 0px -15px; font-size: 15px;}
#process_step li.select b {font-size: 13px; color: #ff3d00;}
.cart_table table input {padding: 2px;}
.cart_table {margin-bottom: 20px; padding: 10px 9px 10px 10px; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; *display: inline-block;}
.cart_table .th1 {background: #000000 url(images/pxbg.gif) repeat-x 0px 0px; color: #ffffff; font-size: 15px; line-height: 30px; font-weight: normal; border-right: 1px solid #ffffff; padding: 0px 6px;}
.cart_table .img1 {border: 1px solid #000000; width: 70px; height: 70px;}
.cart_table .td1 {padding: 10px 5px; border-bottom: 1px solid #e7e7e7;}
.cart_table .p_name {font-size: 15px;}
.cart_table .total_price {text-align: right; background:#ffe9d4; }
.cart_table .total_price td {border-top: 4px solid #000000; padding: 20px 0px;}
.cart_table .tip {text-align: left; font-size: 13px; padding: 5px; background: #ffffff; border: 1px dotted #ff6600;}

.correct_icon {background: url(images/icon.gif) no-repeat left -529px; width: 18px; height: 20px; margin: 0px 3px; display: inline-block;}
.wrong_icon {background: url(images/icon.gif) no-repeat left -554px; width: 18px; height: 20px; margin: 0px 3px; display: inline-block;}
.wrong_box input {border: 2px solid #ff9696; background: #ffdddc;}

#pay_data td, #shipping_data td {border-bottom: 0px; padding: 15px 10px 0px 0px;}
.final_price {font-size: 16px; border-top: 1px dotted #333333; padding: 5px 0px; margin: 5px 0px 0px 0px;}

.cart_table p {line-height: 18px; margin: 20px 10px;}
.cart_table .message {font-size: 15px;}
.cart_table ul {margin-bottom: 15px;}
.cart_table li {background: url(images/icon.gif) no-repeat -45px -475px; padding-left: 10px; margin: 5px 20px 5px 20px;}
.order_list {border: 1px solid #000000; margin: 10px 25px;}

.cart_joinus {float:left; width: 350px; padding: 30px 40px 30px 40px; margin: 10px; line-height: 30px; background: #efefef; border: 1px dotted #999999; }
.cart_signin {float:left; width: 380px; padding: 30px 40px 30px 40px; margin: 10px; line-height: 30px; border: 1px dotted #999999; background: #fff1e5;}
.cart_joinus h3, .cart_signin h3 {line-height: 26px; color: #000000; background: url(images/icon.gif) no-repeat 0px -43px; padding: 2px 8px 2px 22px;}
.signin01 {background: #fff1e5; border: 2px dotted #fff1e5; padding: 10px 15px;}
.signin02 {background: #ffffff; border: 2px dotted #999999; padding: 10px 15px;}

/**************** Bonus ****************/
#bonus_title {background: url(images/bonus_title.gif) no-repeat 0px 0px; height: 70px; margin: 0px 0px 8px 12px; padding: 20px 20px 0px 190px; line-height: 20px;}
#bonus_banner img {margin: 0px 0px 10px 12px;}
.bonus_products {margin-left: 12px;}
.bonus_products li {float: left; width: 136px; text-align: center; margin: 10px 0px 5px 10px; font-size: 12px; height: 200px; }
.bonus_products li a {height: 147px; display: inline-block; font-size: 13px;}

/**************** About order-info ****************/
#about, #order_info {line-height: 22px; margin: 0px 0px 20px 12px; border: 1px solid #bdbdbd; background: #fff7ee; padding: 20px;}
#about .about_title, #order_info .about_title {font-size: 20px; color: #7b7b7b; font-weight: bold; border-bottom: 1px solid #bdbdbd; padding: 5px 0px; margin-bottom: 15px;}
#about h3, #order_info h3 {background: url(images/icon.gif) no-repeat 0px -45px; line-height: 26px; padding-left: 20px; margin-top: 15px;}
#about p, #order_info p {margin: 5px 0px;}
#about p.indent, #order_info p.indent {margin: 5px 20px;}

#info_search_box a.bt {width: 54px; height: 22px; padding: 2px 0px 0px 0px; background: url(images/button.gif) no-repeat 0px -154px; color: #ffffff; text-align: center; display: inline-block; margin: 5px 0px 0px 2px; text-decoration: none;}
#info_search_box a:hover.bt {text-decoration: none;}

/**************** Subscribe ****************/
#subscribe_message {padding: 20px; line-height: 22px;}
#subscribe_message h3 {line-height: 20px; margin: 0px 0px 8px 0px; background: url(images/icon.gif) no-repeat 0px -48px; padding-left: 20px; }
#banner_product img {margin: 10px 10px 0px 0px; }

/**************** Discount ****************/
#discount_box {border: 1px solid #000000; background: #ffffff; padding: 10px 0px 15px 9px; margin: 0px 0px 10px 0px;}
#discount_box h3 {font-size: 15px; color: #ff0000; margin: 15px 20px 0px 20px;}
#discount_box p {margin: 5px 20px; font-size: 12px; line-height: 22px;}
#discount_box li {width: 140px; float: left; text-align: center; margin: 10px 0px 10px 12px; height: 160px; overflow: hidden;}

#all_discount {margin: 0px 0px 10px 10px;}
#all_discount li {background: url(images/icon.gif) no-repeat 2px -145px; padding: 0px 5px 5px 10px; margin: 5px 10px;}
#all_discount li a {line-height: 19px;}

/**************** Regiester ****************/
#agree_box {background: url(images/register-01title.gif) no-repeat 60px 5px; padding: 91px 70px 40px 70px; margin: 20px 0px 10px 0px;}
#agree_box p {border: 2px solid #ffba8c; background:#fff0e1; padding: 30px; line-height: 24px; height: 300px; overflow: auto;}
#register {background: url(images/register-02title.gif) no-repeat 60px 5px; padding: 91px 70px 40px 70px; margin: 20px 0px 10px 0px;}
#register_c {background: url(images/register-03title.gif) no-repeat 60px 5px; padding: 91px 70px 40px 70px; margin: 20px 0px 10px 0px;}

#register_company { background: url(images/register-03title.gif) no-repeat 60px 5px; padding: 91px 70px 40px 70px; margin: 20px 0px 10px 0px;}

#register .table1, #register_c table {border: 2px solid #ffba8c; background:#fff0e1;}

#register_company table {border: 2px solid #ffba8c; background:#fff0e1;}
#register_company th {text-align: left; padding: 15px 20px 0px 43px; font-size: 15px; background: url(images/icon.gif) no-repeat 20px -33px; line-height: 26px;}
#register_company td {padding: 15px 5px 0px 0px;}
#register_company .register_content {border: 2px solid #ffba8c; background:#fff0e1; padding: 0px; line-height: 24px; font-size: 13px;}

#register th, #register_c th {text-align: left; padding: 15px 20px 0px 43px; font-size: 15px; background: url(images/icon.gif) no-repeat 20px -33px; line-height: 26px;}
#register td, #register_c td {padding: 15px 5px 0px 0px;}
#register .register_content, #register_c .register_content {border: 2px solid #ffba8c; background:#fff0e1; padding: 30px; line-height: 24px; font-size: 13px;}
.register_content p, #register_c p {margin-bottom: 10px;}
.register_content .tip {text-align: left; font-size: 13px; padding: 10px; background: #ffffff; border: 1px dotted #ff6600;}
#register_c {background: url(images/register-03title.gif) no-repeat 60px 5px; padding: 91px 70px 40px 70px; margin: 20px 0px 10px 0px;}

/**************** Other Page ****************/
.page_block {line-height: 22px; margin: 0px 0px 10px 0px; border: 1px solid #bdbdbd; background: #fff7ee; padding: 20px;}
.page_block h3 {background: url(images/icon.gif) no-repeat 0px -45px; line-height: 26px; padding-left: 20px; margin-top: 10px;}
#contact_us td {padding: 15px 5px 0px 0px;}
#contact_us h5 {background: url(images/icon.gif) no-repeat 15px -296px; padding-left: 30px;}
/**************** Member ****************/
#membertop {background: url(images/member-toptitle.gif) no-repeat center top; height: 118px; margin-bottom: 0px; padding: 20px 10px 0px 220px;line-height: 24px; margin-bottom: 10px;}
#member_menu {margin-bottom: 10px;}
#member_menu ul {margin: 10px 8px;}
#member_menu li {display: block; list-style: square inside; padding: 0px;}
#member_menu li a {color: #000000; text-decoration: none; background: none; padding: 0px;}
#member_menu li a:hover, #member_menu li.select a, #member_menu li.select {color:#ff6600; background: #fff9d9;}
.member h3 {line-height: 20px; margin: 10px 0px 8px 0px; background: url(images/icon.gif) no-repeat 0px -48px; padding-left: 20px;}
#member_nav ul {clear: both; display: inline-block; width: 798px; padding: 5px 0px 0px 0px;}
#member_nav li {float: left; padding: 5px 10px; border-top: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; margin-right: 3px;}
#member_nav li a {color: #999999; text-decoration: none;}
#member_nav li a:hover {color: #000000; text-decoration: underline;}
#member_nav li.select {background: #fff9d9;}
#member_content {border: 1px solid #bdbdbd;}
#member_content td {border-bottom: 0px; padding: 15px 10px 0px 0px;}
#member_content h5 {background: url(images/icon.gif) no-repeat 15px -300px; padding-left: 30px;}
.order_search, .bonus_note {margin: 8px 0px; padding: 10px; background: #eafaff;}
table.order_table {border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; margin-bottom: 10px;}
.order_table td {border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; padding: 8px 10px; color: #333333;}
.order_table th {background: #000000 url(images/pxbg.gif) repeat-x 0px -88px; color: #000000; font-size: 15px; line-height: 30px; font-weight: normal; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; padding: 0px 10px; text-align: left;}
table.order_detail {margin: 5px 0px 5px 0px;}
table.order_detail th {border: none; border-top: 2px solid #ff6600; color: #ff6600; font-size: 13px; padding: 2px 10px; line-height: 20px; background: #fff2e4; border-bottom: 1px solid #ff6600;}
table.order_detail td {border: none; color: #000000; border-bottom: 1px solid #ff6600;}
table.order_detail a {text-decoration: none;}
.order_detail_address {margin: 5px 10px 15px 10px;}
.order_detail_address li {color:#000000; display: block; list-style: square inside; padding: 0px;}
table.order_detail a.order_contact {background: url(images/icon.gif) no-repeat -34px -650px; padding-left: 17px; text-decoration: underline; display: inline-block; margin-bottom: 5px;}
table.order_detail a.order_heart {background: url(images/icon.gif) no-repeat -36px -620px; padding-left: 15px; text-decoration: underline;}
.order_table a.bt_fuction {width: 54px; height: 22px; padding: 2px 0px 0px 0px; background: url(images/button.gif) no-repeat 0px -128px; color: #ffffff; text-align: center; display: inline-block; text-decoration: none; margin-right: 5px;}
.order_table img {border: 1px solid #000000; margin: 0px 5px; float: left; }
.favorites {margin-left: 75px; line-height: 20px;}

#about ol li { list-style:decimal outside none;}
#li_A li { list-style:upper-alpha outside none;}
#about ul li { list-style:lower-roman outside none;}
ul.li_i {  padding-left:20px;}