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

body{ margin:0 auto;}

#header{ width:984px; float:left;}

@charset "utf-8";
/* CSS Document */
body{}

*html.000{}
@font-face {
  font-family: Helvetica;
  src: url(../font/Helvetica.ttf); font-weight:normal 
  
}

.titleFont1{ font-family: "Helvetica"; color:#107697; font-size:28px; font-variant:normal; font-weight:500; }
.smalltitleFont1{ font-family: "Helvetica"; color:#272727; font-size:18px; font-variant:normal; font-weight:500; text-decoration:underline; }

.sloganFont1{ font-family: "Helvetica"; color:#107697; font-size:32px; }
.fontFamily{ font-family: "DeliciousRoman"}
h1{ padding:0px; margin:0px; font-variant:normal; font-weight:normal;}

label, input, textarea, .submit {}
textarea{}
form{ padding:0px; margin:0px;}
img{border:none; padding:0px; margin:0px;}
ul, li, ol{padding:0px; margin:0px;}



#warp{ margin:0 auto; width:984px; padding: 12px 10px 0px 10px;}
#main{ width:50%; margin:0 auto;}

.flotL{ float:left}
.flotR{ float:right}
.Clear{clear:both;}
.Overflow{overflow:hidden;}

.row{ width:100%}
.row2{ width:750px; height:20px;}
.row3{ width:750px; height:60px;}

.colm1{ width:10%}
.colm2{ width:20%}
.colm3{ width:30%}
.colm4{ width:40%}
.colm5{ width:50%}
.colm6{ width:625px;}
.colm7{ width:70%}
.colm8{ width:80%}
.colm9{ width:90%}
.colm10{ width:100%}




.Margin5{margin:5px;}
.Margin10{margin:10px;}
.Margin15{margin:15px;}
.Margin20{margin:20px;}
.Margin25{margin:25px;}
.Margin30{margin:30px;}


.MargTop5{margin-top:5px;}
.MargTop10{margin-top:10px;}
.MargTop15{margin-top:15px;}
.MargTop20{margin-top:20px;}
.MargTop25{margin-top:25px;}
.MargTop30{margin-top:30px;}

.MargLeft5{margin-left:5px;}
.MargLeft10{margin-left:10px;}
.MargLeft15{margin-left:15px;}
.MargLeft20{margin-left:20px;}
.MargLeft25{margin-left:25px;}
.MargLeft30{margin-left:30px;}

.MargRight5{margin-right:5px;}
.MargRight10{margin-right:10px;}
.MargRight15{margin-right:15px;}
.MargRight20{margin-right:20px;}
.MargRight25{margin-right:25px;}
.MargRight30{margin-right:30px;}

.MargBottom5{margin-bottom:5px;}
.MargBottom10{margin-bottom:10px;}
.MargBottom15{margin-bottom:15px;}
.MargBottom20{margin-bottom:20px;}
.MargBottom25{margin-bottom:25px;}
.MargBottom30{margin-bottom:30px;}


.ColorWhite{color:#FFFFFF;}
.ColorWhite2{color:#f6f6cd;}
.ColorWhite3{color:#dbd9da;}
.ColorGray{color:#cecece;}
.ColorGray2{color:#241f1f;}
.ColorGray3{color:#635300;}
.ColorGray4{color:#7b7b7b;}
.ColorGray5{color:#848484;}
.ColorBlue{color:#7c7ab1;}
.ColorBlue2{color:#3f3d8d;}
.ColorBlue3{color:#1956c5;}
.ColorBlue4{color:#1f5bc6;}
.ColorBlack1{color:#202020}
.ColorOrange{color:#ef9009;}
.ColorYellow{color:#fff600;}
.ColorGreen{color:#c8effd;}
.ColorRed{color:#ff0000;}
.ColorRed2{color:#ff8666;}
.ColorRed3{color:#ad2029;}
.fontSize14{
	font-size:14px;
	font-weight: bold;
}
.fontSize16{ font-size:16px}
.fontSize18{ font-size:18px}
.fontSize20{ font-size:20px}
.fontSize22{ font-size:22px}
.fontSize24{ font-size:24px}


.TxtCenter{text-align:center;}
.TxtLeft{text-align:left;}
.TxtJustify{text-align:justify;}
.TxtDecNone{text-decoration:none;}
.TxtRight{text-align:right;}

.searchButton{ float:left; padding:0px 0 0 0; height:26px;}
.search{ background:url(../images/search_bg.jpg) no-repeat center center; float:left; width:237px; height:26px; border:none; padding:0px 0px 0px 20px; }
.topLik{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none}
.topLik a{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none}
.topLik a:hover{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline}
.topLik{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none}

.menu {  height:23px; background:url(../images/top_link_bg.jpg) repeat-x; padding:5px 0 0 2px;}
.linktop{ padding:0px; margin:0px 0 0 0; }

.linktop ul  { padding:0px; margin:0px 0 0 0; display:inline; float:left; height:23px; }
.linktop li { padding:0px; margin:0px; display:inline; float:left; text-align:center;  }

.linktop li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color: #ffffff;  background:url(../images/top_link_bg.jpg) repeat-x;  }

.linktop li a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color: #ffffff; background:url(images/top_link_bg.jpg) repeat-x;padding:5px 8px 5px 8px;  text-decoration:none }
.linktop li a:visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color: #ffffff; background:#272727;padding:5px 8px 5px 8px;}
.linktop li a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color: #ffffff; background:#272727;padding:5px 8px 5px 8px;}
.linktop li a:active { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color: #ffffff; background:#272727;padding:5px 8px 5px 8px;}
.linktop .active2 a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color: #ffffff; background:#272727;padding:5px 8px 5px 8px; }

.active2{ background:#272727;padding:5px 8px 5px 8px; }

.header{ float:left; margin:0 0 10px 0; padding:0 0 0 0; width:100%;}
.slider{ float:left; z-index:0px}
.sloganMore{ width:241px; height:346px; float:right; background:#ffffff;  opacity: 0.8; position:relative; bottom:360px; right:20px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.SGFONT{ padding:35px 0 0 15px; float:left}
.grennFont{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#006d91;}
.imgBox{ border:1px solid #00000; padding:5px;}

.titleSmall{ border-bottom:1px solid #dfdfdf; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#272727; font-weight:bold;}
.titleSmall a{ border-bottom:1px solid #dfdfdf; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#272727; font-weight:bold; text-decoration:none}



.allfont{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#868686; text-align:justify; line-height:16px }
p{ padding:0px; margin:0px;}
.allfontWhite{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:justify; line-height:16px   }
.whiteTitle{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff;}

.TB12link { color: #999999;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none; padding:0px; margin:0px;}

.TB12link a:link{ color: #999999;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}

.TB12link a:visited{ color: #999999;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}

.TB12link a:hover{ color: #737ff5;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: underline;}

.TB12link a:active{ color: #999999;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}



.product{ width:300px; float:left; margin:31px 0 0 10px;}
.box{ float:left; border:1px solid #e2e2e2; padding:2px; }
.paddingTopFont{ padding: 25px 35px 0 35px; }
.matter{ float:left; width:196px; }
.padTop{ padding-top:5px;}
.ContantRightBox{ width:322px; background:#272727; border:1px solid#e2e2e2; padding:10px 15px;}

.padBottom{ padding-bottom:10px;}
.padBottom{ padding-bottom:20px;}

#footer{ background:#272727; text-align:center; margin:30px 0 0 0; float:left; width:969px; padding:0 15px 0px 0}

.footer { color: #777777;  font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none; text-align:center; padding:20px 0 0 0; margin:0px; margin-bottom:25px;}

.footer a:link{ color: #777777; font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none; text-align:center;}

.footer a:visited{ color: #777777;  font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none; text-align:center;}

.footer a:hover{ color: #777777;  font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: underline; text-align:center;}

.footer a:active{ color: #777777;  font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}


.blacklink { color: #272727; font-weight:bold;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none; padding:0px; margin:0px;}

A.blacklink:link{  font-weight:bold;color: #272727;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}

A.blacklink:visited{ font-weight:bold; color: #272727;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}

A.blacklink:hover{  font-weight:bold;color: #272727;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: underline;}

A.blacklink:active{ color: #737ff5;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}



.newslatter{ color: #ffd200;  font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 22px; text-align:right }
.newslatterInput{ width:200px; border:none; height:18px; float:left; margin-right:10px; }
.newslatterRow{ padding:0; margin:0px; height:20px;}
.newslatterButton{ padding:0px; margin:0px;}
.footer2 { color: #413d3d;  font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none; text-align:left; padding:10px 0 0 5px; margin:0px; }
.GreeTitle2{ color: #a4bc59;  font-family: Arial Narrow,Helvetica,sans-serif;  font-size: 25px; font-weight:bold; border-bottom:1px solid #ffffff; padding:0 3px 3px 3px;}
/*inner*/

.innerLeft{ width:185px; background:#272727; border:1px solid#e2e2e2; padding:10px 30px 10px 30px; height:auto; float:left}


.left   { float:left;   }

.left ul  { padding:0px; margin:0px 0 0 0;  float:left;  }
.left li { padding:0px; margin:0px;  float:left; text-align:left; display:list-item; clear:both; list-style-type:none; width:185px;}

.left li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #ffffff; border-bottom:1px dotted #ffffff; padding:8px 0 8px 0px ;   }

.left li a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #ffffff;   text-decoration:none }
.left li a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #9eb84f; }

.left li a:active { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #9eb84f;  }
.left .active a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #9eb84f;  }
.left .end { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #9eb84f; border:none ; margin-bottom:15px; }
.textContant{ width:725px; float:left; margin-left:10px; }
.ProductBox{ width:150px; border:1px solid #00000; float:left; margin-left:70px;}

.TB10 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size:10px; color: #868686;  }
.TB10B { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size:10px; color: #868686; font-weight:bold; }
.TB18B { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size:18px; color: #868686; font-weight:bold;  }
.colorLight{ color:#e2e2e2}
.blacklink { color: #272727; font-weight:bold;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none; padding:0px; margin:0px;}

A.smalllink:link{  color: #868686;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}

A.smalllink:visited{  color: #868686;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}

A.smalllink:hover{  color: #868686;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: underline;}

A.smalllink:active{ color: #868686;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;  font-size: 12px; text-decoration: none;}
.prve{ background:url(../images/prev.png) center center no}
.border{ border:1px solid #c1c1c1; padding:5px;}
.pading{ padding-left:5px;}
.inputForm{ width:300px; height:16px; border:1px solid #c1c1c1;}
.inputForm2{ width:500px; height:75px; border:1px solid #c1c1c1;}
.inputForm3{ width:300px; height:50px; border:1px solid #c1c1c1;}
.inputForm4{ width:300px; height:20px; border:1px solid #c1c1c1;}
select, input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size:12px; color: #868686; }

.queryBg{ background:url(../images/writing.jpg) no-repeat center top; }
.contactusBg{ background:url(../images/contactus2.jpg) no-repeat 0px 50px ; height:393px;  }