/* CSS Document */
body {margin:0px; background:#5b5650; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

h1,h2,h3,h4,p,ul,li {margin:0px; padding:0px;}

/*img {behavior:url("iepngfix.htc"); border:none;}*/

#main {width:950px; margin:0px auto; background:url(../image/header.jpg) repeat-x top #28272c  ; padding-top:10px;}

.clear { clear:both;}

#left {width:262px; float:left;}

#logo {padding:20px 0px 0px 0px; text-align:center;}

#right {width:669px; float:left;} 
#right .top {width:105px; float:right; color:#898b8e;}
#right .top .box {padding-left:15px;}
#right .top p {padding-top:10px; font-size:11px; font-weight:bold;}
#right .top p a {color:#FFF;}

#right .pay {width:197px; float:right; color:#898b8e; padding-top:15px;}
#right .pay img {margin-top:5px;}

#right .online {width:326px; float:right; color:#898b8e; padding-top:15px; font-size:18px;}
#right .online p {margin-top:2px; font-size:24px;}

.padd {padding-bottom:10px; height:77px;}
.padd2 {padding:20px 0px; padding-top:10px;}

#menu {padding:45px 10px 30px 20px; height:215px;}
#menu ul {margin:0px; padding:0px;}
#menu ul li { list-style-type:none; background:url(../image/line.jpg) repeat-x bottom; padding:9px 0px;}
#menu ul li img {float:left; margin:0px 15px; border:0px;}
#menu ul li a {color:#FFF; text-decoration:none;}


#welcome {background:#FFF;}
#welcome .top-top {background:url(../image/top.jpg) no-repeat top; height:10px;}
#welcome .bottom {background:url(../image/bottom.jpg) no-repeat; height:10px;}
#welcome .product {padding:0px 0px 0px 35px;}
#welcome .product h1 {font-size:30px; color:#28282a; padding-bottom:10px;}
#welcome .product .box {float:left; width:195px; padding:0px 8px 8px 0px;}
#welcome .product .box .name {background:url(../image/back.jpg) repeat-x; height:41px;}
#welcome .product .box .name p {background:url(../image/arrow.jpg) no-repeat right; height:41px; line-height:40px; font-size:13px; font-weight:bold; padding-left:10px;}
#welcome .product .box .name p a {color:#FFF; text-decoration:none;}
#welcome .product .box .name p a:hover {color:#f3c816;}

.secure {width:384px; float:left; padding-right:10px;}
.secure h1 {font-size:30px;}
.secure h2 {font-size:13px; padding-bottom:10px;}
.secure p {font-size:12px; padding-bottom:10px;}

.dhl {background:url(../image/banner-right.jpg) repeat-x bottom #7eabc5; width:196px; color:#FFF; float:left; color:#FFF; padding-bottom:10px;}
.dhl h1 {font-size:24px!important; color:#FFF!important; font-weight:normal!important; padding:10px 18px;}
.dhl p {font-size:14px; padding:0px 18px 10px 18px;}

.banne-right {width:196px; float:left;}

.categories {font-size:12px; margin:0px 20px; border-bottom:1px dashed #777777; padding:0px 10px 40px 10px;}
.categories h1 {font-size:14px; text-transform:uppercase; color:#f3c816; background:url(../image/cat.jpg) no-repeat left; padding-left:25px; margin-bottom:15px;}
.categories ul {margin:0px; padding:0px;}
.categories ul li {background:url(../image/icon1.jpg) no-repeat left; padding-left:20px; font-weight:bold; list-style-type:none; line-height:25px;}
.categories ul li a {color:#FFF; text-decoration:none;}
.categories ul li a:hover {color:#f3c816;}

#left-banner {width:195px; color:#FFF; text-align:center; padding-bottom:25px; margin:30px; background:url(../image/banner-left.jpg) repeat-x bottom #7eabc5; padding-top:15px;}
#left-banner h1 {font-size:24px; padding:20px 20px 10px 20px;}
#left-banner p {font-size:14px; padding:0px 15px 20px 15px;}

#fotter {padding:15px 0px 10px 100px; text-align:center; line-height:18px; font-size:11px; color:#949091;}
#fotter a {color:#949091; text-decoration:none; margin:0px 1px;}
#fotter a:hover {color:#f3c816;}