/* CSS Document */

body{margin:0px auto; width:921px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#01258B; line-height:25px}
a{ text-decoration:none}
a:hover{ text-decoration:underline}

/*foot*/
.foot1{border-top:1px solid #ccc; padding:10px; font-size:11px}
.foot2{ width:300px; float:left}
.foot3{ width:300px; float:right; text-align:right}

/*menu*/
#menu{ margin:0px; background:url(images/1_10.jpg) repeat-x; height:31px}
#menu li{ list-style:none; float:left; text-align:center;}
#menu li a{ display:block; width:80px;color:#fff; border-left:1px solid #514FD4; border-right:1px solid #00006C; height:31px; padding:0px 8px; text-transform:capitalize}
#menu li a:hover{ text-decoration:none;background:url(images/1_100.jpg) repeat-x;}
#home #menu .m1,#company #menu .m2,#products #menu .m3,#news #menu .m4,#order #menu .m5,#where #menu .m6,#contact #menu .m7{ background:url(images/1_09.jpg) repeat-x; height:31px; font-weight:bold}
#home #menu .m1 a:hover,#company #menu .m2 a:hover,#products #menu .m3 a:hover,#news #menu .m4 a:hover,#order #menu .m5 a:hover,#where #menu .m6 a:hover,#contact #menu .m7 a:hover{ background:url(images/1_09.jpg) repeat-x; height:31px; font-weight:bold}

/*menu2*/
#menu2{ margin:0 0 0 60px; font-size:11px}
#menu2 li{ list-style:none;display:inline;text-align:center;}
#menu2 li a{ color:#009; height:25px; padding:0px 8px; text-transform:capitalize}
#menu2 li a:hover{ text-decoration:none; color:#f60}

/*left*/
#left{ margin:10px 10px 10px 0px; font-size:11px; text-align:left}
#left li{ list-style:none;}
#left li a{ display:block; color:#fff; font-weight:bold;padding-left:18px; text-transform:capitalize; background:#f60 url(images/ico.gif) no-repeat 10px; width:180px}
#left li a:hover{ text-decoration:none}

#left .one a:hover{text-decoration:none; color:#fff;background:#f60 url(images/ico.gif) no-repeat 10px; font-weight:bold}
#left .two a{ display:block; color:#069;padding-left:25px; margin-left:10px; text-transform:capitalize; background:url(images/ico2.jpg) no-repeat 10px; width:163px; border-bottom:1px dotted #999}
#left .three a{ display:block; color:#069;padding-left:35px; margin-left:10px; text-transform:capitalize; background:url(../images/newsline.gif) no-repeat 10px; width:153px}
#left .two a:hover,#left .three a:hover{text-decoration:none; color:#f60;background:url(images/ico1.jpg) no-repeat 10px; font-weight:bold}

/*index*/
.index-abo1{ margin:15px 0 0 10px}
.index-abo2{ font-weight:bold; font-size:13px; color:#f60; text-transform:uppercase;padding-top:10px}
.index-abo3{ padding-bottom:7px;}

.index-left{ margin:10px 10px 10px 0}
.index-left1{margin:8px 5px 8px 40px; color:#666; font-size:11px; line-height:normal}

.index-select{ margin-left:40px; background:#fff url(images/1_21.jpg) no-repeat; height:23px; width:170px; border:0px; color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif}

.index-pro1{ margin:10px 8px}
.index-protitle{ background:#999;line-height:17px; padding-left:6px; font-size:11px; text-align:center}
.index-protitle a{ color:#fff}

.index-top{ margin-right:10px}
.index-top1 a{ padding:0 10px 0 5px; color:#0C375F}

/*content*/
.content{ margin:10px 0}
.titel1{ font-size:16px; color:#f60; font-weight:bold; text-transform:capitalize}
.titel2{ font-size:14px; color:#f60; font-weight:bold; text-transform:capitalize; border:1px solid #aaa; padding-left:20px}
.about{ margin:10px 20px 10px 10px; color:#000}
.black{ font-weight:bold}

.right{ margin-top:25px}
.right1{ border:1px solid #aaa; border-top:1px solid #fff; padding:5px; width:160px; font-size:11px}

.but{ background:#fff; border:0px solid #aaa; color:#999; font-size:11px}

/*news*/
.news1 a{ background:url(images/ico2.jpg) no-repeat 10px; color:#009; padding-left:18px; height:23px;}
.news1 a:hover{background:url(images/ico1.jpg) no-repeat 10px; text-decoration:none; color:#f60}
.news-time{padding-left:18px; height:23px; background:#eee}
.news-title{ font-weight:bold; font-size:14px}

/*products*/
.pro1{margin:10px auto}
.pro-protitle a{background:url(images/ico2.jpg) no-repeat 10px; color:#009; padding-left:18px; height:23px;}
.pro-protitle a:hover{ background:url(images/ico1.jpg) no-repeat 10px; text-decoration:none; color:#f60; font-weight:bold}

/*products-view*/
.pro-view1{ border-bottom:2px solid #8ac}
.table1{ border-left:1px solid #999; border-top:1px solid #999; margin-top:10px}
.table2{ border-right:1px solid #999; border-bottom:1px solid #999; padding-left:5px;}



/*products-two*/
.pro-two{float:left; font-weight:bold; background:#fff; margin:10px; border:2px solid #C4DEF0; padding:2px}
.pro-twoo a{display:block;color:#1867DE; text-decoration:underline; line-height:20px; border:1px solid #fff; width:150px; text-align:left; margin:0px; padding-left:20px; list-style:none; background:url(images/ico2.jpg) no-repeat 10px}
.pro-twoo a:hover{ background:#97C6E6 url(images/ico.gif) no-repeat 10px}



.left-one a{background:#f60 url(images/ico.gif) no-repeat 10px 8px; display:block; height:25px; padding-left:20px; color:#fff; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #fff; margin-right:8px}
.left-one a:hover{ background:#f60 url(images/ico.gif) no-repeat 10px 8px; text-decoration:none}

.left-two{ display:block;margin:0 5px 0 20px;background:url(images/ico2.jpg) no-repeat 5px 8px; padding-left:10px; border-bottom:1px dotted #999}
.left-two a{height:25px;color:#f60;color:#01029B; }