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; height:38px; line-height:38px; padding:0 10px;}
#office-hour{float:left;}
#copyright{float:right;}
#logo{background:url(../images/common/citybaby.png) no-repeat; height:100px; text-indent:-10000px;}
#shopping{margin:50px 0 0 915px;}
#shopping a{width:85px; height:28px;background:url(../images/common/shopping-cart.jpg); display:block;}
#shopping a:hover{background:url(../images/common/shopping-cart.jpg) bottom;}
#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/product-button.jpg); margin:0; padding:0; width:65px; height:25px; position:absolute; margin:95px 0 0 125px; line-height:25px; text-align:center;}
.add-button:hover{background:url(../images/products/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; font-size:12px; border:1px solid #999; padding:2px 5px; margin:10px 20px 0 0;}
#products-details #products-button #back{background:url(../images/products/button.jpg) repeat-x; width:25px;}
#products-details #products-button #add-cart{background: repeat-x; width: 70px;}

#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;}