body{ font-size:15px; font-family:Arial, Helvetica, sans-serif; background:url(../images/common/bg.jpg); color:#666666; line-height:normal; display:block;}

html { overflow:-moz-scrollbars-vertical;overflow-y:scroll; }

p, div, html, body, img, h1, h2, ul, li, h3, h4, dl, dt, dd, ol, input{margin:0; padding:0;}

body, html{height:100%;}

img{border:0;}



a:link, a:visited{color:#666666; text-decoration:none;}

a:hover{color:#B10034; text-decoration:none;}



/*main*/

#container{ width:1000px; margin:0 auto;}

#header{background:url(../images/common/header.jpg) no-repeat; line-height:38px; padding:0 10px; height:190px;}

#office-hour{float:left;}

#copyright{float:right;}

#logo{float:left;}

#notice{float:left; width:530px; height:125px; background:url(../images/common/notice.jpg) no-repeat; padding:5px 0 5px 35px; margin:10px 0 0 20px; line-height:26px; overflow:hidden;}

#shopping{float:right; margin:10px 0 0 0;}

#shopping a{width:28px; height:90px;background:url(../images/common/shopping-cart.jpg); display:block; text-indent:-10000px;}

#shopping a:hover{background:url(../images/common/shopping-cart.jpg) right top;}

#recommend{background:url(../images/common/recommend.jpg) no-repeat; height:150px; padding:0 0 0 42px; margin:5px 0 0 0;}

#recommend-info{background:url(../images/common/recommend-bg.jpg) repeat-x; height:150px;}

#recommend-end{background:url(../images/common/recommend-end.jpg) no-repeat right; height:120px; padding:15px;}

#recommend-info img{border:1px solid #CCC; padding:1px; margin:0 10px;}

#news-info{background:url(../images/common/news-bg.jpg) no-repeat; height:40px; line-height:40px; margin:5px 0 0 0; padding:0 10px 0 140px; overflow:hidden;}

#news-info div{ border:0; color:#666;}

#content-info{background:url(../images/common/content-bg.jpg) repeat-y; margin:5px 0 0 0;}

#content-search{background:url(../images/common/content-top.jpg) no-repeat; height:70px; text-align:right; padding:28px 10px 0 0;}

#content-search input[type=text]{width:130px;background:#fff; border:1px solid #999;}

#content-search input[type=submit]{background:#fff; border:1px solid #999;}

#content-end{background:url(../images/common/content-end.jpg) no-repeat; height:9px;}

#footer{height:50px; text-align:center; line-height:50px;}



/*nav*/

#nav ul{list-style:none;}

#nav li{float:left;}

#nav li a{height:60px; display:block; text-indent:-10000px;}

#nav li #news a{background:url(../images/common/nav-news.jpg); width:139px;}

#nav li #news a:hover{background:url(../images/common/nav-news.jpg) bottom;}

#nav li #about a{background:url(../images/common/nav-about.jpg); width:148px;}

#nav li #about a:hover{background:url(../images/common/nav-about.jpg) bottom;}

#nav li #products a{background:url(../images/common/nav-products.jpg); width:151px;}

#nav li #products a:hover{background:url(../images/common/nav-products.jpg) bottom;}

#nav li #qna a{background:url(../images/common/nav-qna.jpg); width:129px;}

#nav li #qna a:hover{background:url(../images/common/nav-qna.jpg) bottom;}

#nav li #payment a{background:url(../images/common/nav-payment.jpg); width:143px;}

#nav li #payment a:hover{background:url(../images/common/nav-payment.jpg) bottom;}

#nav li #rights a{background:url(../images/common/nav-rights.jpg); width:144px;}

#nav li #rights a:hover{background:url(../images/common/nav-rights.jpg) bottom;}

#nav li #contact a{background:url(../images/common/nav-contact.jpg); width:146px;}

#nav li #contact a:hover{background:url(../images/common/nav-contact.jpg) bottom;}



/*index*/

#new-proudcts{background:url(../images/index/new-products.jpg) no-repeat; width:56px; height:150px; float:left;}

#new-products-list{float:right; width:920px;}

#new-products-list div{width:190px; height:280px; background:#fff; border:1px solid #ccc; float:left; margin:0 15px 15px 0; padding:10px 10px; line-height:18px;font-size:12px;}

#hot-proudcts{background:url(../images/index/hot-products.jpg) no-repeat; width:56px; height:150px; float:left;}

#hot-products-list{float:right; width:920px;}

#hot-products-list div{width:190px; height:280px; background:#fff; border:1px solid #ccc; float:left; margin:0 15px 15px 0; padding:10px 10px; line-height:18px;font-size:12px;}



/*product*/

#products-content-top{background:url(../images/products/content-top.jpg) no-repeat; height:80px; text-align:right; padding:28px 10px 0 0;}

#products-content-top input[type=text]{width:130px;background:#fff; border:1px solid #999;}

#products-content-top input[type=submit]{background:#fff; border:1px solid #999;}



#left-slide{float:left; width:210px; margin:20px;}

#left-slide ul{list-style:url(../images/products/point.jpg); margin:0 0 0 40px;}

#left-slide li{padding:5px 10px;}



#products-catalog{background:url(../images/products/product-catalog-bg.jpg) repeat-y;}

#products-catalog div{background:url(../images/products/product-catalog-top.jpg) no-repeat; padding:50px 0 0 0;}

#products-catalog-end{background:url(../images/products/product-catalog-end.jpg) no-repeat; height:5px;}

#brand-catalog{margin:20px 0; padding:0 0 0 5px;}



#products-content{float:right; width:700px; margin:20px 20px 0 20px;}

#brand-list{font-size:12px;}

#brand-list ul{list-style:none;}

#brand-list li{float:left; width:100px; text-align:center;}

#brand-list li a{margin:2px; padding:0 6px; height:22px; line-height:22px; background:url(../images/products/button.jpg); border:1px solid #999; display:block;}

#brand-list li a:hover{background:url(../images/products/button.jpg) bottom; color:#fff;}

#brand-bg{ margin:10px 5px;}



#products-list div{background:url(../images/products/product-item-bg.jpg) no-repeat; width:210px; height:375px; padding:0; float:left; margin:10px;}

#products-list .products-photo{background:none; width:190px; height:210px; padding:0; float:none;}

#products-list .products-info{margin:15px 10px 10px 10px; background:none; width:190px; height:125px; padding:0; font-size:12px; float:inherit;}

#products-list .products-info .red2{width:125px; display:block; overflow:hidden;}

.products-button{background:url(../images/products/product-button.jpg); margin:0; padding:0; width:65px; height:25px; position:absolute; margin:65px 0 0 125px; line-height:25px; text-align:center;}

.products-button:hover{background:url(../images/products/product-button.jpg) bottom; color:#FFF;}

.add-button{background:url(../images/products/add-product-button.jpg); margin:0; padding:0; width:65px; height:25px; position:absolute; margin:95px 0 0 125px; line-height:25px; text-align:center;}

a.add-button {color:#fff;}

.add-button:hover{background:url(../images/products/add-product-button.jpg) bottom; color:#FFF;}

#products-details{background:url(../images/products/product-detail-bg.jpg) repeat-y; width:620px; margin:10px 0 0 0;}

#products-details div{background:url(../images/products/product-detail-top.jpg) no-repeat; padding:10px;}

#products-details #products-details-end{background:url(../images/products/product-detail-end.jpg) no-repeat; padding:0; margin:0; height:6px;}

#products-details #products-photo-info{background:none; padding:5px; font-size:11px; width:250px; line-height:18px; float:left;}

#products-details #products-photo-info img{margin:10px 20px;}

#products-details #products-other{background:none; float:right; width:328px; padding:0;}

#products-details #products-other-info{background:url(../images/products/product-info-bg.jpg) repeat-y; width:328px; padding:0; font-size:12px;}

#products-details #products-other-info div{background:url(../images/products/product-info-top.jpg) no-repeat; float:none;}

#products-details #products-other-info ul{list-style:none;}

#products-details #products-other-info li{float:left; margin:5px;}

#products-details #products-other-info #products-other-info-end{background:url(../images/products/product-info-end.jpg) no-repeat; height:5px; padding:0;}



#products-details #products-button{width:260px;float:left; background:none;}

#products-details #products-button div{;float:left; margin:10px 20px 0 0; font-size:12px;}

#products-details #products-button #back{background:url(../images/products/button.jpg) repeat-x; width:25px; border:1px solid #999; padding:2px 5px;}

#products-details #products-button #add-cart{background:url(../images/products/add-product-button.jpg); padding:0; width:65px; height:25px; line-height:25px; text-align:center;}

#products-details #products-button #add-cart:hover{background:url(../images/products/add-product-button.jpg) bottom; color:#FFF;}

#products-details #products-button #add-cart a{color:#fff;}



#related-products {background:url(../images/products/related-products.jpg) no-repeat; padding:70px 0 0 0;}



#pager{ width:690px; text-align:center; padding:5px;}

#pager ul{list-style:none;margin:0 auto;}

#pager li{float:left;}

#pager li a{background:url(../images/products/page-bg.jpg); width:25px; height:25px; display:block; line-height:25px; text-align:center; margin:0 5px;}

#pager li a:hover{background:url(../images/products/page-bg.jpg) bottom; color:#fff;}

#pager .button a{background:url(../images/products/page-button.jpg); width:50px; height:25px; display:block; line-height:25px; text-align:center;}

#pager .button a:hover{background:url(../images/products/page-button.jpg) bottom;}



/*shopping*/

#shopping-content-top{background:url(../images/products/shopping.jpg) no-repeat; height:100px;}

#shopping-content{padding:20px 60px;}

#shopping-info table{width:880px;}

#shopping-info td{padding:10px 15px; border:1px solid #CCC; background:#fff; text-align:center;}

#shopping-info #top td{ background:#DAE1D2;}

#shopping-info dl{width:700px; line-height:18px;}

#shopping-info dt{width:150px; margin:10px; float:left;}

#shopping-info dd{width:510px; margin:10px; float:left;}

#shopping-botton{text-align:right;}

#shopping-send{color:#F00; margin:20px; text-align:center;}

#total{text-align:right; margin:10px 0; font-size:16px; font-weight:bold;}



/*about*/

#about-content-top{background:url(../images/about/about-us.jpg) no-repeat; height:100px;}

#about-content{padding:20px;}

#about-info{font-size:18px; line-height:36px; padding:0 40px 20px 40px;}

#brands-top{background:url(../images/about/brands.jpg) no-repeat; padding:40px 0 0 0 ;}

#brands-content{background:url(../images/about/brands-bg.jpg) repeat-y; width:900px; margin:10px auto;}

#brands-content img{margin:10px;}

#brands-end{background:url(../images/about/brands-end.jpg) no-repeat; height:9px;}



/*qna*/

#qna-content-top{background:url(../images/qna/qna.jpg) no-repeat; height:100px;}



/*payment*/

#payment-content-top{background:url(../images/payment/payment.jpg) no-repeat; height:100px;}



/*rights*/

#rights-content-top{background:url(../images/rights/rights.jpg) no-repeat; height:107px;}

#rights-content{padding:20px 40px;}

#rights-content h2{font-size:24px; font-weight:normal; margin:0 0 10px 0;}

#rights-content p{margin:0 0 20px 0; font-size:16px; line-height:24px;}





/*contact*/

#contact-content-top{background:url(../images/contact/contact-top.jpg) no-repeat; height:100px;}

#contact-content{padding:20px 40px;}

#contact-info{width:400px; float:left;}

#contact-info h2{font-size:24px; font-weight:normal;}

#contact-info p{margin:0 0 20px 0; font-size:16px;}

#contact-info small{font:12px; color:#999;}

#contact-map{float:right; width:450px;}



/*common*/

.red{color:#C00;}

.red2{color:#F00;}

.hr{background:url(../images/index/hr.jpg) no-repeat; height:30px;}

.clear {zoom:1; clear:both; margin:0; padding:0;}

.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}