html{ height: 100%; }
body { margin: 0; padding: 0; width: 100%; font: 62.5% Tahoma, arial, sans-serif; color: #000; background: #fff url(images/layout/bg.png) repeat-x; overflow: scroll; }
strong { font-weight: bold; }
input{ font-family: arial, verdana, sans-serif; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ display: none; }

h1{ font-size: 1em; color: #000; }
h2{ font-size: 1em; color: #000; }
h3{ font-size: 1em; color: #000; }
h4{ font-size: 1em; color: #000; }
h5{ font-size: 1em; color: #000; }

.left { float: left; }
.right { float: right; }
.clear, .clearBoth { clear: both; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.caption { font-size: 1em; color: #777; text-align: right; padding-top: 3px; border-top: 1px solid #ccc; margin-top: 3px; }
.number{ text-align: right; }
.center{ text-align: center; }

/* a links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/

#topBar{ margin: 0; padding: 0; height: 40px; background: #000; }
#topBar .wrapper{ margin: 0 auto; padding: 0; width: 960px; }
#topBar span{ cursor: pointer; }
#topBar ul{ margin: 0 25px 0 0; padding: 12px 0 0 0; float: right; height: 28px; }
#topBar ul li{ margin: 0; padding: 2px 8px 0 8px; float: left; height: 16px; color: #dedede; font-size: 11px; font-weight: bold; border-left: solid 1px #333333; }
#topBar ul li.first{ border-width: 0px; }
#topBar ul li.eng{ padding-right: 20px; background: url(images/layout/top/eng.png) no-repeat right center; }
#topBar ul li a{ color: #dedede; font-weight: bold; }

#wrapper{ margin: 0 auto; padding: 0; width: 960px; }

/* Page Layout Structure */
#pageTop{ margin: 0; padding: 0; height: 166px;  }
#pageContent{ margin: 0; padding: 0; width: 958px; border: solid 1px #fff; background: #e9e9e9; }
#pageBottom{ margin: 9px 0 0 0; padding: 0; }

#pageTop .upper{ margin: 0; padding: 0; height: 110px; background: url(images/layout/top/top_bg.png) no-repeat; position: relative; }

#pageTop .upper .qoute{ position: absolute; left: 215px; height: 110px; }
#pageTop .upper h1.logo{  margin: 0; padding: 28px 0 0 37px; width: 144px; height: 63px; float: left; }
#pageTop .upper h1.logo a{ margin: 0; padding: 0; width: 144px; height: 63px; display: block; }
#pageTop .upper h1.logo a span{ display: none; }

#pageTop .upper .search{ margin: 47px 46px 0 0; padding: 0; float: right; width: 219px; height: 28px; background: url(images/layout/top/search_bg.png) no-repeat; }
#pageTop .upper .search input{ margin: 0 10px; padding: 8px 3px 5px 3px; background: none; border: 0; width: 164px; height: 15px; float: left; font-size: 11px; color: #858686; }
#pageTop .upper .search input:focus{ color: #000; }
#pageTop .upper .search a{ width: 29px; height: 28px; float: left; }
#pageTop .upper .search a span{ display: none; }

#pageTop .nav{ margin: 0; padding: 0; height: 56px; background: url(images/layout/top/nav_bg.png) repeat-x; }
#pageTop .nav ul{ height: 47px; padding: 0 10px; }
#pageTop .nav ul li{ margin: 0; padding: 15px 20px 0 22px; height: 32px; float: left; font-size: 1.6em; font-weight: bold; color: #ffffff; background: url(images/layout/top/nav_sep.png) no-repeat; }
#pageTop .nav ul li.first{ padding-left: 20px; background: none; }
#pageTop .nav ul li a{ color: #fff; font-weight: bold; }


#pageContent .frontpage{}
#pageContent .frontpage .upper{ padding: 9px; }
#pageContent .frontpage .upper .leftSide{ margin: 0 10px 0 0; padding: 0; float: left; width: 180px; height: 240px; background: #fff; }
#pageContent .frontpage .upper .rightSide{ margin: 0; padding: 19px 9px 19px 19px; float: left; width: 722px; height: 202px; background: #fff url(images/front/upper_bg.png) no-repeat right top; }
#pageContent .frontpage .upper .rightSide .banner{ float: left; width: 460px; }
#pageContent .frontpage .upper .rightSide h3{ display: none; }
#pageContent .frontpage .upper .rightSide ul.services{ margin: 75px 0 0 10px; width: 250px; overflow: hidden; float: left; }
#pageContent .frontpage .upper .rightSide ul.services li{ padding: 0 0 0 12px; background: url(images/front/arrow.png) no-repeat left 3px; font-size: 1.2em; width: 113px; height: 25px; float: left; }
#pageContent .frontpage .upper .rightSide ul.services li h4{ float: left; }
#pageContent .frontpage .upper .rightSide ul.services li h4 a{ color: #676767; }


#pageContent .frontpage .lower{ margin: 0; padding: 0; background: #fff url(images/front/sep.png) no-repeat 210px 30px; min-height: 210px; }
#pageContent .frontpage .lower .news{ margin: 0; padding: 25px 30px 10px 30px; min-height: 160px; width: 155px; float: left; }
#pageContent .frontpage .lower .info{ margin: 0; padding: 35px 30px 10px 30px; min-height: 150px; width: 615px; float: left; background: url(images/front/car.jpg) no-repeat 540px 40px; }

#pageContent .frontpage .lower span.date{ color: #999; }
#pageContent .frontpage .lower h5{ font-size: 1.4em; color: #bc2300; font-weight: bold; }
#pageContent .frontpage .lower h5 a{ color: #bc2300; }
#pageContent .frontpage .lower p{ margin: 0 0 10px 0; font-size: 1.2em; color: #676767; }
#pageContent .frontpage .lower a.more{ padding: 0 0 0 12px; background: url(images/front/arrow.png) no-repeat left 3px; font-size: 1.2em; color: #202125; }

#pageContent .frontpage .lower .info h5{ margin: 0 0 5px 0; }
#pageContent .frontpage .lower .info p{ width: 450px; line-height: 1.3em; }

#pageContent .subpage{ padding: 9px; }
#pageContent .subpage .leftSide{ margin: 0 10px 0 0; padding: 0; float: left; width: 180px; min-height: 30px; }
#pageContent .subpage .rightSide{ margin: 0; padding: 25px 45px; float: left; width: 632px; background: #fff; }

#pageContent .subpage .leftSide .subnav{background: #fff;}
#pageContent .subpage .leftSide .subnav h5{ margin: 0; padding: 5px 20px; min-height: 15px; background: #dedede url(images/layout/subnav/header_bg.png) repeat-x; border-bottom: solid 1px #efefed; color: #bc2200; font-size: 1.2em; font-family: verdana, georgia, sans-serif; font-weight: bold; } * html #pageContent .subpage .leftSide .subnav h5{ height: 25px; }
#pageContent .subpage .leftSide .subnav ul{ padding: 5px 20px; }
#pageContent .subpage .leftSide .subnav ul li{ margin: 8px 0; }
#pageContent .subpage .leftSide .subnav ul li a{ color: #353535; font-size: 1.1em; }

#pageContent .subpage .leftSide .subnav ul li.selected a,
#pageContent .subpage .leftSide .subnav ul li a:hover{ color: #bc2200; }

#pageContent .subpage .rightSide .breadcrumb{ margin: 0 0 5px 0; color: #676767; font-size: 1.1em; }
#pageContent .subpage .rightSide .breadcrumb a{ color: #676767; }

#pageContent .subpage .rightSide .content{ }
#pageContent .subpage .rightSide .content h4.title{ margin: 0 0 10px 0; color: #bc2200; font-size: 2em; font-weight: bold; } 
#pageContent .subpage .rightSide .content .text{ font-size: 1.2em; color: #676767; }
#pageContent .subpage .rightSide .content .text a{ color: #bc2200; }
#pageContent .subpage .rightSide .content .text ul{ }
#pageContent .subpage .rightSide .content .text ul li{ padding: 3px 0 5px 12px; background: url(images/arrow.png) no-repeat left 6px; }






#pageBottom .footer{ margin: 0 10px; padding: 8px 0 0 0; height: 27px; background: #000; color: #fff; text-align: center; font-size: 1.4em; }

.banner{  }
.banner img{ border: 0; }


#TB_Send{ margin: 0; padding: 7px; width: 466px; height: 426px; overflow: hidden; font-family: Arial, Verdana, Sans-Serif; background: #dadada; }
#TB_Send .wrapper{ margin: 0; padding: 0; width: 466px; height: 426px; overflow: hidden; position: relative; }

#TB_Send .wrapper .content{ margin: 0; padding: 60px 0 0 85px; height: 330px; background: #e9e9e9; }
#TB_Send .wrapper .content h5{ margin: 0 0 20px 0; padding: 0; font-size: 26px; color: #c03010;  }
#TB_Send .wrapper .content h5 span{ }

#TB_Send .wrapper .content .field{ margin: 0 0 10px 0; }
#TB_Send .wrapper .content .field label{ margin: 3px 0 0 0; padding: 0; font-size: 13px; color: #4c4c4c; display: block; }
#TB_Send .wrapper .content .field input{ padding: 1px 3px; width: 294px; height: 18px; border: solid 1px #cccccc; background: url(images/form/input_bg.png) no-repeat; font-size: 1.4em; float: left; }
#TB_Send .wrapper .content .field input.focus{ color: #000 !important; }
#TB_Send .wrapper .content .field span.err{ margin: 0 0 0 5px; padding: 0; color: red; font-size: 20px; cursor: help; float: left; }

#TB_Send .wrapper .content .body{ height: auto !important; }
#TB_Send .wrapper .content .body label{ margin-bottom: 5px; display: block !important; width: 200px !important; clear: both !important; }
#TB_Send .wrapper .content .body textarea{ height: 92px !important; width: 300px !important; overflow: auto !important; border: solid 1px #cccccc !important; background: #f4f4f4; }

#TB_Send .wrapper .content .message{ margin: 0 0 10px 0; }
#TB_Send .wrapper .content .message p{ margin: 0; padding: 0; font-size: 12px; }
#TB_Send .wrapper .content .message p.err{ color: red; }

#TB_Send .wrapper .content .controls{ height: 25px; width: 300px; }
#TB_Send .wrapper .content .controls a{ margin: 0; padding: 5px 0 0 0; width: 99px; float: left; height: 20px; background: url(images/form/btn_small.png) no-repeat; text-align: center; font-size: 1.2em; color: #fff !important; font-family: Verdana, Arial, Sans-Serif; font-weight: bold; }
#TB_Send .wrapper .content .controls a.send{ margin-right: 100px; }


#TB_Send .wrapper .footer{ margin: 0; padding: 8px 0 0 0; height: 20px; text-align: right; }
#TB_Send .wrapper .footer a{ margin: 0 5px 0 0; font-size: 14px; color: #929292; }

#TB_Send .wrapper .spinner{ position: absolute; top: 150px; text-align: center; width: 466px; }

#TB_Send .wrapper a{ cursor: pointer; }