@charset "utf-8";
/* CSS Document */


body{background:url(../images/bg.jpg) repeat-x; min-height:500px; margin:0; background-color:#3f3f3f; font-family:Tahoma, Geneva, sans-serif;}
a{text-decoration:none;}
img{border:none;}
p{margin:3px 0;}
ul{margin:0; padding:0;}
ul li{float:left; list-style:none;}
input[type="button"]{cursor:pointer;}
.left{clear:both; float:left;}
.center{float:left;}
.right{float:right;}
.underline{border-bottom:dashed 1px #a0a0a0;}
.star{color:#832b2b; font-size:11px;}
.paragraph{margin-bottom:10px;}
.h-page{margin:10px 0 0 10px;}
.all-content{padding:20px; font-size:12px;}


#wrapper{margin:0px auto; width:980px;}
#box-top{background:url(../images/box-top.png) no-repeat; width:904px; height:120px; padding:0 38px; position:relative; z-index:10;}
#box-middle{background:url(../images/box-middle.png) repeat-y; width:100%;/*924px;*/ min-height:500px;/* padding:0 38px;*/ z-index:1; padding:0 0 29px 0;}
#box-bottom{background:url(../images/box-bottom.png) no-repeat; width:100%; height:19px;}


#mail-tel{float:right; color:#fff; font-family:Verdana, Geneva, sans-serif; text-tranform:uppercase; font-size:12px; margin:5px 10px 0 0;}

#logo{width:333px; margin:10px 0 0 0;}
#btn-top{margin:35px 5px 0 0;}

#menu-top{position:absolute; top:88px; margin:0px auto; width:904px; z-index:10; _height:50px; _overflow:hidden;}
#menu-top ul{}
#menu-top ul li{font-size:13px;}



#menu-top ul li a{display:inline-block; background:url(../images/bg-menu-2.png) no-repeat; width:150px; height:36px; float:left; text-align:center; padding:15px 0 0 0; text-transform:uppercase; color:#fff; overflow:hidden;}
#menu-top ul li a:hover, #menu-top ul li.first a:hover, #menu-top ul li.last a:hover{background-position:0 -51px;}
#menu-top ul li.first a{background:url(../images/bg-menu-1.png) no-repeat; width:152px; height:36px; float:left;}
#menu-top ul li.last a{background:url(../images/bg-menu-3.png) no-repeat; width:152px; height:36px; float:left;}


#inner-header{background:url(../images/bg-header.png) top center no-repeat; width:980px; min-height:361px; padding:25px 0 0 0;}
#header{padding:0px 38px 0 38px; background:url(../images/img-header-bottom.png) bottom no-repeat; width:903px; height:238px;}


/* Top Product */
#top-product{background:url(../images/bg-top-product.png) top center no-repeat; /*width:888px;*/ min-height:135px; margin:0 34px; padding:12px 0px 12px 12px; color:#6e6e6e;}
.box-product-top{background:url(../images/top-product-top.png) no-repeat; width:295px; height:10px; clear:both; float:left;}
.box-product-middle{background:url(../images/top-product-middle.png) repeat-y; width:255px; min-height:108px; padding:10px 20px; clear:both; float:left;}
.box-product-bottom{background:url(../images/top-product-bottom.png) no-repeat; width:295px; height:8px; clear:both; float:left; margin-bottom:4px;}
#top-product ul{}
#top-product ul li{}
#top-product ul li img{margin-right:15px;}
.btn-topproduct{background:url(../images/btn-topproduct.gif) no-repeat; width:78px; height:18px; display:block;}
.heading-topproduct{color:#32526d; font-size:12px; margin:0px 0 5px 0; font-weight:bold; height:26px; overflow:hidden;}
.heading-topproduct a{color:#32526d;}
.detail-topproduct{color:#6e6e6e; font-size:11px; word-spacing:3px; margin:10px 0; height:30px; overflow:hidden;}

/* Top Product1 */
#top-product1{ /*width:888px;*/ min-height:135px; margin:0 34px; padding:12px 0px 12px 12px; color:#6e6e6e;}
.box-product1-top{background:url(../images/top-product-top.png) no-repeat; width:295px; height:10px; clear:both; float:left;}
.box-product1-middle{background:url(../images/top-product-middle.png) repeat-y; width:255px; min-height:108px; padding:10px 20px; clear:both; float:left;}
.box-product1-bottom{background:url(../images/top-product-bottom.png) no-repeat; width:295px; height:8px; clear:both; float:left; margin-bottom:4px;}
#top-product1 ul{}
#top-product1 ul li{}
#top-product1 ul li img{margin-right:15px;}
.btn-topproduct1{background:url(../images/btn-topproduct.gif) no-repeat; width:78px; height:18px; display:block;}
.heading-topproduct1{color:#32526d; font-size:12px; margin:0px 0 5px 0; font-weight:bold; height:26px; overflow:hidden;}
.heading-topproduct1 a{color:#32526d;}
.detail-topproduct1{color:#6e6e6e; font-size:11px; word-spacing:3px; margin:10px 0; height:30px; overflow:hidden;}




#profile{width:580px; padding:0px 10px 0 50px;}
ul#list-product-profile{padding:21px 0 0 0;}
ul#list-product-profile li{background:url(../images/border-product.png) no-repeat; width:91px; height:92px; text-align:center; padding:10px 0 0 0; margin-right:5px;}



#news{width:280px; padding:0px 10px 0 5px;}
#news p{color:#6e6e6e; font-size:12px;}
#visitor-count{background:url(../images/bg-count.jpg) no-repeat; width:147px; height:25px; margin:17px 0 0 0; color:#621919; font-size:12px; padding:40px 0 0 144px;}
.highlight-news{color:#145289; font-style:italic;}


/* Contact */
div#contact_us{font-size:13px;}
div#contact_us p{height:14px;}

ul#contact_form{clear:both; float:left; width:505px; padding:20px 0; border-radius:10px; margin:0 20px 20px 0;}
ul#contact_form li{font-size:13px; clear:both; float:left; padding:5px 0; padding-left:10px; width:100%;}
ul#contact_form li label{clear:both; float:left; width:120px;  margin-right:30px;}
ul#contact_form li input[type=text], ul#contact_form li textarea{width:270px; border:1px solid #ccc; float:left; color:#6E6E6E;}
ul#contact_form li textarea{float:left; height:40px;}
ul#contact_form li input[type=text]{height:17px;}
ul#contact_form li input[type=reset], ul#contact_form li input[type=submit]{width:70px; background:#2d7089; border:none; color:#fff; padding:3px; cursor:pointer; border-radius:5px;}
ul#contact_form li input[type=reset]{margin:0 5px 0 150px;}

/* Product_detail */
#img_detail{margin:5px; margin-right:15px; padding:10px; background:#ddd;}
.topicproduct{color:#32526d; font-size:12px; margin:0px 0 5px 0; font-weight:bold; height:26px; width:345px;}
.product-detail{color:#6e6e6e; font-size:12px; word-spacing:3px; margin:10px 0; width:435px;}

/* Gallery */
ul#gallery{clear:both; float:left; width:920px; padding:0 0 0 10px;}
ul#gallery li{float:left; margin:10px 20px 10px 0; width:128px; padding:0px 0 ; text-align:center;}
ul#gallery li img{margin:0px auto;}
.detail-product{display:none;}
.gallery_top{background:url(../images/gallery-top.png) no-repeat; width:128px; height:10px; clear:both; float:left;}
.gallery_middle{background:url(../images/gallery-middle.png) repeat-y; width:128px; clear:both; float:left;}
.gallery_bottom{background:url(../images/gallery-bottom.png) no-repeat; width:128px; height:6px; clear:both; float:left;}



#footer{font-size:10px; color:#c0c0c0; padding:5px 0; clear:both;}