c@charset "utf-8"; /* CSS Document */ *{padding:0; margin:0;} body{color:#887260; font:12px Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat-x #c1b7ab; padding:0; margin:0} img{border:0;} ul{list-style-type:none; padding:0; margin:0} li{list-style-type:none; padding:0; margin:0} ol {list-style: none; padding:0; margin:0} p,h1,h2,h3,h4,h5,h6,form{margin:0px;padding:0px;} caption{text-align: left;} input {color:#4c4c4c;font:12px Arial, Helvetica, sans-serif;} textarea {color:#4c4c4c;font:12px Arial, Helvetica, sans-serif;} select {color:#4c4c4c;font:12px Arial, Helvetica, sans-serif;} a{ color:#887260;text-decoration:underline} .clear {clear: both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } input {color:#887260;font:12px Arial, Helvetica, sans-serif;} textarea {color:#887260;font:12px Arial, Helvetica, sans-serif;} select {color:#887260;font:12px Arial, Helvetica, sans-serif;} .font_line{ text-decoration:line-through; color:#666666} .font_18px{ font-size:18px;} .font_gray{ color: #666666} .font_red_18px{ color:#c1551f; font-size:18px} .font_red{ color:#c1551f} .font_11px{ font-size:11px} .font_org{color:#24a800} #body{ margin:10px auto; padding:0; width:960px;background:#FFFFFF; padding:5px} #wrapper{margin:0 auto; clear:both;border-left:#eadee2 solid 1px;border-bottom:#eadee2 solid 1px;border-right:#eadee2 solid 1px; display:inline-block;width:958px;} #top{height:80px;margin:0 auto; padding:0px; background:url(../images/top_bg.jpg) repeat-x; border-left:#eadee2 solid 1px;border-top:#eadee2 solid 1px;border-right:#eadee2 solid 1px;display:inline-block;width:958px;} #logo{ float:left; width:400px; padding:10px 0 0 10px} #top_r{float:right; width:480px; padding-top:15px; padding-right:10px} #top_r_01{ text-align:right; color:#887260; font-size:11px; margin-bottom:10px} #top_r_01 a{ color:#887260; text-decoration:none; padding:0 8px} #top_r_01 a:hover{ text-decoration:underline} /*search*/ #search{text-align:right} #searchbox{ border: #c3c3c3 solid 1px; width:170px; padding:3px 4px 3px 18px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#ffffff; color: #666666;float:right; background:url(../images/icon_01.jpg) no-repeat 3px 4px} #btn_search{ background:url(../images/btn_search.jpg) no-repeat; height:23px; width:51px;border:none;cursor:pointer; margin-left:6px;float:right;} /*nav*/ #nav{ clear:both;border-left:#eadee2 solid 1px;border-right:#eadee2 solid 1px;display:inline-block;width:958px;} #nav_left{ float:left; width:700px;} #nav_left ul{} #nav_left ul li{ float:left; color:#887260; padding:0 10px 5px 10px; font-size:13px} #nav_left ul li a{ color:#887260;text-decoration:none;} #nav_left ul li a:hover{ text-decoration:underline} #nav_right{ width:140px; float:right; padding:0px 0px 0px 25px; background:url(../images/icon_shoppingcart.jpg) no-repeat;font-size:14px;} #nav_right a{ color:#774330; text-decoration:none} #nav_right a:hover{ text-decoration:underline} /*---------------------footer----------------------*/ #foot{ clear:both; text-align:center; padding:10px 0px 30px 0px;margin:0 auto; width:960px; color:#887260} #foot p{ margin-bottom:5px} #foot_link{background:url(../images/bottom_bg.jpg) repeat-x;color:#887260;} #foot_link a{color:#887260; padding:0px 5px} /*--------------------------left----------------------*/ #left{ width:180px; float:left; margin-bottom:10px; background:url(../images/left_bg.jpg) repeat-x #e5e0dd; padding:5px} .tit01{ color:#1e1e1e; font-size:16px; font-weight:lighter;background:url(../images/tit_bg_01.jpg) repeat-x; height:24px; padding:5px 0 0 10px; color:#815760; border:#e0d5c6 solid 1px} #left_01{ background:#FFFFFF; padding:10px 0 0 0} #left_01 li{ color:#887260; font-size:12px; background:url(../images/tit_bg_02.jpg) no-repeat 5px 9px; padding:4px 0px 8px 15px;} #left_01 li a{ color:#887260; text-decoration:none;} #left_01 li a:hover{ text-decoration:underline} #bestsellers{background:#FFFFFF} #bestsellers li{ padding:10px; text-align:center} #bestsellers li a{ color:#887260; text-decoration:none} #bestsellers li a:hover{ text-decoration:underline} /*--------------------------right----------------------*/ #right{ width:745px; float:right; padding-left:10px;margin-bottom:10px; padding-right:10px} #right_01{ width:573px; float:left;padding-right:10px; padding-top:10px} #right_02{ width:158px; float:right;border-left:#eadee2 solid 1px;} #right_02 ul{ background:#FFFFFF} #right_02 ul li{padding:10px 0px 10px 6px; text-align:center} #right_02 ul li a{ color:#887260; text-decoration:none} #right_02 ul li a:hover{ text-decoration:underline} /*--------------index.html----------*/ #welcome{ padding:15px 15px; clear:both;} #welcome h1{ font-size:22px; color:#321e0e; font-weight:lighter; margin-bottom:15px} #welcome p{ padding-bottom:10px} /*banner*/ #banner{ background:url(../images/banner_bg.jpg) no-repeat; height:373px} #banner_nav{right:10px;top:250px} #banner_nav a{display:block; float:left; margin-left:5px; width:17px; height:16px; text-decoration:none; text-align:center; background:url(../images/banner_tit.gif) no-repeat; color:#ffffff; padding-top:1px;} #banner_nav a:hover{ background:url(../images/banner_tit_hover.gif) no-repeat; color:#ffffff} #banner_nav a.banner_nav_hover{ background:url(../images/banner_tit_hover.gif) no-repeat; color:#ffffff} .tit02{ color:#1e1e1e; font-size:18px; font-weight:lighter;background:url(../images/tit_bg_01.jpg) no-repeat #FFFFFF; height:24px; padding:5px 0 0 10px; color:#815760; border:#e0d5c6 solid 1px} .good{ background:#FFFFFF; border-bottom:#e0d5c6 solid 1px;border-left:#e0d5c6 solid 1px;border-right:#e0d5c6 solid 1px;} .good li{ width:160px; float:left; padding:5px 14px 10px 14px;height:200px; text-align:center; display:block} .good li a{ color:#887260; text-decoration:none} .good li a:hover{ text-decoration:underline} .good_img{ margin-bottom:5px;} .good_img img{ width:120px} .pice{ padding:5px 0 0 0} .tit05{ font-size:22px; color:#321e0e; font-weight:lighter; margin-bottom:15px} /*---------------------page------------------------*/ #Crumbs{ clear:both; color:#887260; font-size:11px;background:url(../images/crumbs_bg.jpg) repeat-x; font-weight:bold; height:23px; padding:8px 10px 0 10px} #Crumbs a{ color:#887260; text-decoration:none;} .right_03{ padding:0 20px} /*goodbrand.html*/ #brand_information{ padding:15px 15px 25px 15px; clear:both;} #brand_information h1{ font-size:22px; color:#321e0e; font-weight:lighter; margin-bottom:15px} #brand_information p{ padding-bottom:10px} .brand{background:#FFFFFF; border-top:#e0d5c6 solid 1px; display:inline-block} .brand li{ width:160px; float:left; padding:5px 13px 10px 13px;height:200px; text-align:center} .brand li a{ color:#887260; text-decoration:none} .brand li a:hover{ text-decoration:underline} #Page{clear:both;text-align: right;font-size:11px;padding:5px 0; font-weight:bold} #Page a{color: #08609d;padding:0 2px;} /*goodsdetails.html*/ #detail{padding:10px 0;background:#FFFFFF;} #detail_left{ width:390px; float:left; text-align:center; margin-bottom:20px; overflow:hidden;} #detail_left p{margin-bottom:15px} #detail_left_a img{ margin-right:5px; border:#CCCCCC solid 1px; width:60px; height:60px; margin-bottom:5px} #detail_right{ width:350px; float:right; margin-bottom:20px} #detail_right h1{ color:#887260; font-size:18px; font-weight:lighter; padding-bottom:10px;} #detail_right_01{ padding:10px 0; border-top: #CCCCCC solid 1px;} #detail_right_01 table tr td{ padding:2px 3px} #information{ padding:15px 0; color:#717171; clear:both} #information h2{ font-size:14px; font-weight: bold; color:#887260; padding-bottom:10px;border-top:#CCCCCC solid 1px; padding-top:10px} #information p{ margin-bottom:15px} #information ul li{padding:5px 10px; background:url(../images/arrow3.gif) no-repeat left; font-weight:bold} /*shoppingcart.html*/ .content_03{ padding:25px 35px;background:#FFFFFF; margin-bottom:15px} .content_03 table tr td{ padding:7px 10px;} .scQuantityHeading{font-weight:bold; background:#929292; color:#FFFFFF; font-size:12px;} .QuantityHeading{ border-bottom:#cccccc solid 1px;} .Total{padding:20px;margin-bottom:15px; font-size:14px; text-align:right} .item_name{ height:70px; margin-right:5px} /*cart*/ #checkout_cart01{ background:url(../images/cart_01.jpg) no-repeat 0 20px; height:22px; width:800px; margin:0px auto 30px auto; color:#4c4b4c; padding-top:20px; font-size:11px; font-weight:bold} #checkout_cart02{ background:url(../images/cart_02.jpg) no-repeat 0 20px; height:22px; width:800px; margin:0px auto 30px auto; color:#4c4b4c; padding-top:20px; font-size:11px; font-weight:bold} #checkout_cart03{ background:url(../images/cart_03.jpg) no-repeat 0 20px; height:22px; width:800px; margin:0px auto 30px auto; color:#4c4b4c; padding-top:20px; font-size:11px; font-weight:bold} #checkout_cart04{ background:url(../images/cart_04.jpg) no-repeat 0 20px; height:22px; width:800px; margin:0px auto 30px auto; color:#4c4b4c; padding-top:20px; font-size:11px; font-weight:bold} .car_tit_1{float:left;width:190px;padding-left:30px;} .car_tit_2{float:left;width:200px;} .car_tit_3{float:left;width:200px;} .car_tit_4{float:left;} .car_tit_1 a,.car_tit_2 a,.car_tit_3 a,.car_tit_4 a{ color:#4c4b4c; text-decoration:none; font:11px/22px Arial, Helvetica, sans-serif; font-weight:bold} .shiopping02{ border-bottom:#cccccc dashed 1px; padding:10px 20px 20px 20px; margin:0 0 20px 0} .shiopping02 h2{ font-size:18px; margin-bottom:15px; font-weight: lighter} .shiopping02 h3{ font-size:12px; font-weight:bold; padding:15px 0; margin-top:15px; color:#af0038} .shiopping02 table tr td{ padding:3px 6px;} .left_line{ border-left:#CCCCCC dashed 1px;} .from02{ width:650px; height:100px} .btn_login{ text-align:right} .Required{ text-align:right; color: #FF0000; font-size:11px; display:block} .myAccount{ padding:10px; margin-bottom:15px;border:#e0d5c6 solid 2px; background:#FFFFFF} .myAccount h2{ font-size:12px; font-weight:lighter; color:#af0038; padding-bottom:5px; display:block; padding-top:10px; font-weight:bold} .myAccount ul li{float:left; width:32%;background:url(../images/arrow3.gif) no-repeat 0px 8px; padding:3px 0 3px 8px; color:#393939} .myAccount ul li a{ text-decoration:none; color:#887260; text-decoration:underline} .myAccount ul li a:hover{ text-decoration:underline} .content_04{ padding:20px 100px 30px 100px; min-height:400px; background:#FFFFFF; margin-bottom:15px} .content_04 table tr td{ padding:7px 10px;} .content_05{ border:#e5e5e5 solid 2px; padding:20px 40px; margin-bottom:15px;} .content_05 table tr td{ padding:7px 10px;} #points_r_02 ul{ padding:8px 15px; } #points_r_02 ul li{ padding:8px 0 8px 10px; font-size:14px; list-style:none; } #points_r_02 ul.das li{ font-size:11px; padding:3px 0 3px 20px; font-weight:bold } #points_r_02 ul.das li a{ color: #424242; } #points_r_02 ul.das li a:hover{ text-decoration:underline; } #points_r_02 ul.das ul.das3 li{ font-size:11px; background:url(../images/arrow3.gif) no-repeat 10px 8px; padding:3px 0 3px 20px; } #points_r_02 ul.das ul.das3 li a{ color: #999999; font-weight:lighter; } #points_r_02 ul.das li a:hover{ text-decoration:underline; }