/* CSS Document */
/********** Global Attributes ******************/
html, body, ul, ol, li, h1, h2, p, h3, h4, h5, h6, form, fieldset {margin : 0;padding : 0;border : 0;}
body {background-color:#f2f2f2;font : 11px Tahoma,  Helvetica, sans-serif;color : #2f373d;background : url(/images/bg01.gif) ;}
h1 { text-align:center;color: #84210d;margin: 0 0 10px 0;padding-bottom: 10px;font:Tahoma,Tahoma, sans-serif;background: url(/images/dot.gif) repeat-x bottom; line-height:38px;}
h2 {color: #0c5ca5;margin: 0 0 10px 0;padding-bottom: 10px;font: bold 15px Tahoma,Geneva, Arial, Helvetica, sans-serif;background: url(/images/dot.gif) repeat-x bottom;}
h3{ height:20px;text-decoration:none;font: bold 13px Tahoma,Geneva, Arial, Helvetica, sans-serif;color: #0c5ca5;background: url(/images/sidebar_top.gif) repeat-x left center;letter-spacing: 0px; padding:3px 0px 0px 10px; }
#mainh3{ height:20px;text-decoration:none;font: bold 13px Tahoma,Geneva, Arial, Helvetica, sans-serif;color: #0c5ca5;background: url(/images/main_top.gif) repeat-x left center;letter-spacing: 0px; padding:3px 0px 0px 10px; }
h4 {text-decoration:none;font: bold 22px Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #0c5ca5;margin-top:10px; margin-bottom: 7px;padding-bottom: 7px;letter-spacing: 0px;}
-h4 {text-decoration:none;font: bold 18px Tahoma, Geneva,  Helvetica, sans-serif;color: #0c5ca5;margin-top:10px; margin-bottom: 7px;padding-bottom: 7px;letter-spacing: 0px;background: url(/images/dot.gif) repeat-x bottom;}
a:{font: 11px Tahoma,Helvetica, sans-serif;color: #333333;text-decoration: none; font-weight:bold;}
a:hover{font: 11px Tahoma,Helvetica, sans-serif;color: #000000;text-decoration: underline;}
a:visited, a:link{font: 11px Tahoma, Helvetica, sans-serif;color: #222222;text-decoration:none ;}

.list{font: 11px Tahoma;color:#686b5e; padding-left:15px;background: url(/images/cat-bullet.gif) no-repeat left 6px;}
.clear {clear:both; height:1px; overflow:hidden;}
ol { margin: 10px 10px 10px 20px;}
ol li { margin: 10px 0;padding:15px; background:#F7F7F7;}
.global ul {margin: 10px 30px;font: 11px Tahoma,Arial, Helvetica, sans-serif;}
.global li {list-style: square;margin:5px 0px;} 
.req{ color:#FF0000;}
/*************Form Elements*********************/
.input {border: #CDCDCD 1px solid;color:#5F5F5F;height:18px;background: #FFFFFF url(/images/input-bg.gif) repeat-x top;font: 11px Tahoma, Tahoma, Arial, Helvetica, sans-serif;vertical-align: middle;width: 147px;}
.txtarea {border: #CDCDCD 1px solid;padding:3px;background: #FFFFFF url(/images/input-bg.gif) repeat-x top;}
.combo {border: #CDCDCD 1px solid;width: 150px;color:#5F5F5F;font: 11px Tahoma,  Tahoma, Arial, Helvetica, sans-serif;height:20px;padding:1px;}
label {display: block;margin: 1px 0 1px 0px;}
.search-btn{clear:both;text-align:right;margin:8px 10px 0 0;}
.hui {color:#5F5F5F;font: 11px tahoma,Tahoma, Arial, Helvetica, sans-serif;}
CHECKBOX, INPUT, RADIO, SELECT {
  font-family:Tahoma,  Tahoma, Arial, sans-serif;
  font-size: 11px;
}
.item1 {font-family: Tahoma, Helvetica,Tahoma, Verdana, sans-serif; font-size: 12px;color: #84210d; background: url(/images/kk.gif) no-repeat left center;text-decoration: none;margin: 8px 0 8px 0px;font-weight:bold; padding-left:10px;}
.button
{ color:#ffffff;
	  padding:4px;
       border:1px solid #000000;
      background-color: #b20818;
} 


/********** Navidgation Bar ****************/
#nav-bar {margin : 0px 0 0 254px;}
#nav-bar ul {margin:0;padding:0;position: relative;height:33px;background : url(/images/nav-bar.gif) no-repeat left top;}
#nav-bar ul li {margin: 0;padding: 0;list-style: none;position: absolute;}
#nav-bar ul li, #nav-bar ul li a {height: 33px;display: block;}
#nav-bar ul li a {text-indent: -9999px;text-decoration: none;overflow: hidden;}


#web-tpl a:hover { background: url(/images/nav-bar.gif) no-repeat 0px -33px;  width: 118px; }
#flash-tpl a:hover { background: url(/images/nav-bar.gif) no-repeat -118px -33px; width: 118px; }
#logo-tpl a:hover { background: url(/images/nav-bar.gif) no-repeat -236px -33px; width: 118px; }
#osc-tpl a:hover { background: url(/images/nav-bar.gif) no-repeat -353px -33px; width: 117px; }
#corporate-tpl a:hover { background: url(/images/nav-bar.gif) no-repeat -470px -33px; width: 117px; }
#swish-tpl a:hover { background: url(/images/nav-bar.gif) no-repeat -588px -33px; width: 118px; }

#index   { left: 0px; width: 100px!important; }   #index a{ width: 100px; }
#about   { left: 100px; width: 100px!important; } #about a { width: 100px; }
#product {left: 200px; width: 100px!important; }  #product a { width: 100px; }
#service { left: 300px; width: 100px!important; } #service a 	{ width: 100px; }
#faq     { left: 400px; width: 100px!important; } #faq a { width: 100px; }
#inquiry { left: 500px; width: 100px!important; } #inquiry a { width: 100px; }
#contact { left: 600px; width: 104px!important; } #contact a { width: 104px; }


#index a:hover { background: url(/images/nav-bar.gif) no-repeat 0px -33px;  width: 100px; }
#about a:hover { background: url(/images/nav-bar.gif) no-repeat -100px -33px; width: 100px; }
#product a:hover { background: url(/images/nav-bar.gif) no-repeat -200px -33px; width: 100px; }
#service a:hover { background: url(/images/nav-bar.gif) no-repeat -300px -33px; width: 100px; }
#faq a:hover { background: url(/images/nav-bar.gif) no-repeat -400px -33px; width: 100px; }
#inquiry a:hover { background: url(/images/nav-bar.gif) no-repeat -500px -33px; width: 100px; }
#contact a:hover { background: url(/images/nav-bar.gif) no-repeat -600px -33px; width: 104px; }




#wrapper {margin : 0 auto;padding-top : 0px;background : url(/images/mbg.jpg) repeat-y center top;}
#page {width : 991px;margin : 0 auto; float:inherit; display:inherit; }

#header {background : url(/images/tf-logo.jpg) no-repeat 24px 0px;}
#top-nav-links {color : #6a645a;margin : 0 0 0 50px;padding : 3px 40px 0 0; text-align:right;}
#top-nav-links ul li {padding : 0 0 0 4px;display : inline;}
#top-nav-links a{color : #6a645a;text-decoration : none;}
#top-nav-links a:hover {color : #000000;text-decoration : underline;}

#top-nav-banner {color : #6a645a;margin : 0 0 0 257px;padding : 6px 40px 0 0; text-align:right; height:79px;}
#top-nav-banner ul li {padding : 0 0 0 4px;display : inline;}
#top-nav-banner a{color : #6a645a;text-decoration : none;}
#top-nav-banner a:hover {color : #000000;text-decoration : underline;}

#setiao {clear:both;margin : 3px 31px 1px 26px;  padding:2px;  background-color:#287cb8;display:block;}



#main {width : 942px;margin : 0 auto;  float:inherit; }


/********* Side bar & Categories *****************/
#side-bar {width:231px;float:left;display:inline;}
.side-box{ border: 1px solid #CCCCCC; background:#FFFFFF; margin : 4px 4px 4px 2px;padding: 1px; font-size:12px;}
.side-box-cont{	}
.side-joint{margin:0;clear:both;} 

.categories{padding-left: 20px;}
#categories_a {font: 11px Tahoma,Helvetica,sans-serif;color: #222;}
#categories_a {background: url(/images/categories.gif) no-repeat left center;color:#222;text-decoration: none;margin: 8px 0 8px 0px;font-weight:bold; padding-left:10px;}
#categories_a:hover{color: #555;text-decoration: underline;}

.categories2 {font: 11px Tahoma, Arial, Helvetica, sans-serif;padding-left: 10px;margin: 4px 0 4px 5px;background: url(/images/xdot.gif) no-repeat left bottom;}

.categories2 li  {color:#333;list-style: none;text-decoration: none;background: url(/images/categories2.gif) no-repeat left center;padding:2px 10px;}
.categories2 li a{color:#333;list-style: none;text-decoration: none;}
.categories2 li a:visited, .categories a:link{color:#333;text-decoration: none;}
.categories2 li a:hover{color: #000;text-decoration: underline;}


/****** content**************/
#main-content {width : 711px;float:right;display:inline; }
/*.box-full-wrap {width : 711px; clear : both;margin : 0px;}
.box-full {background-color:#FFFFFF;}*/
.box-full-cont {margin : 4px 6px 10px 0px;padding:1px; font:11px; border: 1px solid #CCCCCC; background:#FFFFFF; line-height:180%;}
.box  { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;margin: 0px; padding:0px; LINE-HEIGHT: 20px;letter-spacing: 0px;}



.box_info { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;padding:10px 20px 10px 20px;margin: 0px; line-height:24px;}
.box_info li  {color:#333;list-style: none;text-decoration: none;background: url(/images/categories2.gif) no-repeat left center;padding:2px 10px;}
.box_info li a{color:#333;list-style: none;text-decoration: none;}
.box_info li a:visited, .categories a:link{color:#333;text-decoration: none;}
.box_info li a:hover{color: #000;text-decoration: underline;}

.box_info1 { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;padding:0px 20px 0px 20px;margin: 0px; line-height:20px;}
.box_info1 li  {color:#333;list-style: none;text-decoration: none;background: url(/images/categories2.gif) no-repeat left center;padding:2px 10px;}
.box_info1 li a{color:#333;list-style: none;text-decoration: none;}
.box_info1 li a:visited, .categories a:link{color:#333;text-decoration: none;}
.box_info1 li a:hover{color: #000;text-decoration: underline;}





.box_information { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;padding-left: 10px;margin: 0px; line-height:22px;}

.box_information li  {color:#333;list-style: none;text-decoration: none;background: url(/images/dot.gif) repeat-x bottom;padding:3px 10px;}
.box_information li a{color:#333;list-style: none;text-decoration: none;}
.box_information li a:visited, .categories a:link{color:#333;text-decoration: none;}
.box_information li a:hover{color: #000;text-decoration: underline;}


.box_inquiry { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;padding-left: 10px;margin: 0px; line-height:18px;}
.box_inquiry ul li  {color:#333;list-style: none;text-decoration: none;background: url() no-repeat left center;padding:5px 10px;}
.box_inquiry_submit { float:left; width:250px;padding-left: 10px;margin: 0px; text-align:right;}
.box_inquiry_reset { float:left; width:250px;padding-left: 10px;margin: 0px; text-align:left;}
.box_inquiry_submit ul li  {color:#333;list-style: none;text-decoration: none;background: url() no-repeat left center;padding:5px 10px;}



.box_aboutus { width:95%;padding:0px 0px 10px 20px; float:left;  overflow:hidden; background-color:#FFF;}
.box_content{ margin:0px auto; padding:8px; }
.box_content_side{ width:1px; background: url(/images/new99side1.gif) top left no-repeat; height:261px; float:left}
.box_content_body{ background:url(/images/new99body.gif) top left repeat-x; height:251px; float:left; width:279px; padding-left:20px; padding-top:10px}
.box_content_c{ background:url(/images/new99side.gif) top left no-repeat; width:38px; height:261px; float:left}


.box_item {float:left; width:270px; overflow:hidden;}
.box22 {float:left; width:120px; padding-top:6px; margin:0px; text-align:center;}
.menu_box{ padding:0px 5px 0px 5px; line-height:23px; font-size:11px;}
.menu_box a{ padding-left:8px;}


.box_img { width:120px;   padding:12px 0px; overflow:hidden;float:left;  margin:0px;}
.box_text { width:140px;  padding:12px 0px 5px 8px; float:left;  overflow:hidden;}


.clear {clear:both;font-size:1px;visibility:hidden;width:1px;line-height:0px;}


img {border:0px;line-height:0px;}


/*×ÖÌåÑùʽ*/

.font_blue {color:#0c5ca5;}
.font_blue a:link,.font_blue a:visited  {color: #0c5ca5;text-decoration:none;}
.font_blue a:hover {color: #663300;text-decoration:underline}
.font_hui {color:#333;}
.font_hui a:link,.font_hui a:visited {color:#333;text-decoration:none;}
.font_hui a:hover {color:#cc0000;text-decoration:underline;}
.font_hui2 {color:#666;}
.font_hui2 a:link,.font_hui2 a:visited{color:#666;text-decoration:none;}
.font_hui2 a:hover{color:#666;}
.font_white {color:#ffffff;}
.font_white a:link , .font_white a:visited , .font_white a:hover {color: #ffffff;text-decoration:none;}
.font_red {color: #cc0000;}
.font_red a:link, .font_red a:visited, .font_red a:hover {color: #cc0000;}


.STYLE2 {font-weight: bold; font-size: 12px;}
.STYLE3 {font-size: 24px}
.STYLE4 {
	font-size: 18px;
	font-weight: bold;
}
.STYLE5 {font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.STYLE6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.STYLE7 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
.STYLE8 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.STYLE9 {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
}
.STYLE10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.STYLE11 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.STYLE12 {font-size: 18px}
.STYLE13 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
.STYLE14 {font-size: 14}
.STYLE15 {font-size: 14px}
.STYLE16 {
	font-size: 16;
	font-weight: bold;
}
.STYLE17 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.STYLE19 {font-size: 24px; font-weight: bold; }
.STYLE20 {font-family: Arial, Helvetica, sans-serif}
.STYLE21 {font-family: "Times New Roman", Times, serif}
.STYLE23 {font-size: 12px}
.STYLE24 {font-size: 16px; font-weight: bold; }
.STYLE25 {font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.STYLE26 {color: #FFCC00}

.STYLE31 {	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}


/****** Footer **************/
#footer{clear:both;margin : 0 auto;padding:18px 0;}
#footer-cont {clear:both;width: 942px;margin : 0 auto; text-align:center; padding:5px; line-height:25px;display:block;}
#footer-01{width : 991px;margin : 0 auto; float:inherit; display:inherit;text-align:center; line-height:25px; height:6px; }
#footer-bot{clear:both;height:3px;margin-bottom:5px;background: url(/images/footer-bot.gif) repeat-x top;}
#footer-w{width:122px;margin: 4px 12px 0 0;height:27px;float:right;background: url(/images/wdd.gif) no-repeat center top;}
#footer-w a {text-indent: -9999px;text-decoration: none;overflow: hidden;width:33px;height:27px;float:right;display: block;}
.footer-links a:visited, .footer-links a:link{font: 11px Tahoma,  Arial, Helvetica, sans-serif;color: #333;text-decoration: none; font-weight:bold;}
.footer-links a:hover{font: 11px Tahoma, Arial, Helvetica, sans-serif;color: #111;text-decoration: underline;font-weight:bold;}