/* CSS Document */

html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:#D5D5D5 url(../images/bodybg.gif) repeat-x left top; letter-spacing:0em;}
img {border:0}
p {margin:0px 0px 7px 0px; padding:0; color:#000000; line-height:19px; letter-spacing:0;}
a {outline:none; text-decoration:none; color:#000000;}
a:hover {outline:none; color:#000000; text-decoration:underline;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#333333; outline:none;}
.container { width:960px; margin:0 auto;}
.header {width:960px; margin:0px; padding:10px 0px 0px 0px; border:0px solid red;}
.logo { float:left; width:370px; display:block; padding:0px 0px 0px 0px; }
.header_right { float:right; width:400px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; }
.header_iso { float:left; padding:0px 10px 0px 0px; }
.phone { float:left; padding:0px 0px 0px 10px;  }
.phone p { margin:0px 0px 5px 0px; }
.phone p.num { font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#0C6B0C; font-style:italic; }
.phone p.num span{ color:#000000; } 
.phone p.sm a{ width:28px; height:29px; display:block; float:left; background-position:top; margin:0px 5px 0px 0px; }
.phone p.sm a:hover{ background-position:bottom; }

.clear { clear:both; margin: 0px; padding: 0px; }
.spac10 { padding:20px 0px 0px 0px; }
.spac5 { padding:5px 0px 0px 0px; }
.spac20 { padding:20px 0px 0px 0px; }

/* menu */
.nav_base { background:#1D1B1B; height:30px; width:941px; padding:0px 0px 0px 20px; }
#nav {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; float:left; color:#FFFFFF; }
#nav li.top {display:block; float:left; height:30px; padding:0px 0px 0px 0px;}
#nav li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:normal; cursor:pointer;}
#nav li a#quote div{text-decoration: none; font-weight:bold; overflow:hidden;}
#nav li a#livechat {padding:8px 0;}
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 10px; height:30px; }
#nav li:hover a.top_link {color:#FFFFFF;}
#nav li:hover a.top_link span { background-image:url(../images/navbgo.gif) }
/* Default list styling */
#nav li:hover {position:relative; z-index:1000; }
#nav li:hover ul.sub {left:0px; top:30px; white-space:nowrap; height:auto; z-index:1000; width:190px;  padding:0px 0px 0px 0px; border:5px solid #0C6D0C;}

#nav li:hover ul.sub li {display:block; position:relative; float:left; width:190px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0px 0px !important; line-height:23px; background:#FFFFFF url(../images/trans_bg.png); border-bottom:1px solid #cacaca; text-align:left;}
#nav li:hover ul.sub li a {display:block; width:190px; text-indent:10px; color:#000000; text-decoration:none; font-weight:normal;}
#nav li ul.sub li a.fly {background-position:14px 8px; background-repeat:no-repeat;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:190px; top:-4px; background:#fe9730; padding:0px; white-space:nowrap; width:190px; z-index:1000; height:auto;
background:url(../images/trans_bg.gif) bottom repeat-x; padding:0px 0px 0px 0px; border-left:1px solid #FFFFFF; border:5px solid #109410;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0px; list-style:none; z-index:1000; }

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#9fa1a4; background-position:14px 8px; background-repeat:no-repeat; z-index:1000;} 

#nav li:hover ul.sub li a:hover {background:#000000 url(../images/navbgo.gif) repeat-x left top !important; color:#fff; }
#nav li:hover ul.sub li a.fly:hover {background-position:5px 0px; background-repeat:no-repeat; color:#fff;}
#nav li:hover ul.sub li a.fly:hover ul{ z-index:1000;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background-position:5px 0px; background-repeat:no-repeat; color:#fff; z-index:1000;} 
/* Menu End */

.banner { width:920px; height:321px; padding:10px 0px 0px 0px; background:url(../images/bannertop.gif) no-repeat left top; }
.bannerin { border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; background:url(../images/bannerbg.gif) repeat-x left bottom; padding:0px 0px 0px 0px; height:311px; }
.pagebanner { width:900px; height:62px; font-size:24px; font-weight:normal; color:#FFFFFF; padding:90px 0px 0px 20px; background:url(../images/bannerbg.jpg) no-repeat left top; }
.pagebanner_in { width:920px; height:151px; }

.middle_container { background:url(../images/midbg.gif) repeat-y left top; float:left; width:920px; padding:20px 20px 0px 20px;}
.middle_content { float:left; width:690px; padding:20px 0px 0px 0px; }
.middle_content p { text-align:justify; }
.right_pannel { width:200px; float:right; padding:20px 0px 0px 0px;} 


h1 {color:#055925; margin:0px; padding:0px; font-size:24px; line-height:36px; font-weight:normal; letter-spacing:0; }
h2 {color:#055925; margin:0px; padding:10px 0px; font-size:18px; line-height:18px; font-weight:bold; }
h3 {color:#333333; margin:0px; padding:10px 0px 0px 0px; font-size:14px; line-height:18px; font-weight:bold; letter-spacing:0; }
h3 span { color:#BD0808; }
h3.exp { color:#CC6633; }
h3 a{ color:#BD0808; }
h3 a:hover{ color:#000000; }
.hline { background:url(../images/hdot.gif) repeat-x left top; display:block; }
.v_line { background:url(../images/vdot.gif) repeat-y right top; display:block; }

/* Middle */
.middle_content ul { margin:0px; padding:0px 0px 10px 15px; }
.middle_content ul li{ margin:0px; padding:3px 0px 3px 15px; list-style-type:none; line-height:18px; background:url(../images/green_bullet.gif) no-repeat left 8px; text-align:justify; }
ul.list { margin:0px; padding:0px; }
ul.list li{ margin:0px; padding:3px 0px 3px 15px; list-style-type:none; background:url(../images/bullet.gif) no-repeat left 8px; }
.graybox { background:#ECECEC; border:1px solid #BABBBA; padding:10px; }
.more { color:#055925; font-weight:bold; }
.pagetop { float:right; }
.pagetop a {background:url(../images/top.gif) no-repeat right center; padding:0px 15px 0px 0px; font-weight:bold; font-size:11px; }
ul.news { margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; }
ul.news li{ list-style-type:none; background:url(../images/green_bullet.gif) no-repeat left 10px; padding:3px 0px 3px 12px; line-height:18px; font-weight:bold; }  
.pagenext { float:right; }
.pagenext a {background:url(../images/pagenext.gif) no-repeat right 3px; padding:0px 15px 0px 0px; font-weight:bold; text-decoration:none; } 
.pagenext a:hover { text-decoration:none; }
.pageprev { float:left; }
.pageprev a {background:url(../images/pagenext.gif) no-repeat right 3px; padding:0px 15px 0px 0px; font-weight:bold; text-decoration:none; } 
.pageprev a:hover { text-decoration:none; }

/* rigid */
.rigid { color:#FFFFFF; padding:0px 0px 0px 20px; }
.rigid p{ margin:0px; padding:0px; color:#FFFFFF; text-align:left}
.rigid p label { background:#41BE41; padding:1px 0px 1px 5px; width:161px; float:left; border-bottom:1px solid #FFF; font-weight:bold; letter-spacing:0.08em;}
.rigid p label.head1 { background:#2FB12F; width:238px; float:left; }
.rigid p label.head2 { background:#21A421; width:238px; }

.rigid p label.first { background:#A0A1A0; padding:1px 0px 1px 5px; width:161px; float:left; border-bottom:1px solid #FFF; font-weight:normal; letter-spacing:0em;}
.rigid p label.sec { background:#959795;  width:238px; float:left; border-bottom:1px solid #FFF; font-weight:normal; letter-spacing:0em;}
.rigid p label.third { background:#888B88; width:238px; border-bottom:1px solid #FFF; font-weight:normal; letter-spacing:0em;}

.flex { color:#FFFFFF; padding:0px 0px 0px 20px; }
.flex  p label {background:#A0A1A0; padding:1px 0px 1px 5px; width:300px; float:left; border-bottom:1px solid #FFF; color:#FFFFFF;}
.flex  p label.sec { background:#959795;  width:150px; float:left; border-bottom:1px solid #FFF; }
.flex  p label.third { background:#888B88; width:150px; border-bottom:1px solid #FFF; }

/* faq */
.faq { color:#333333; }
.ques { background:#8D908D; font-weight:bold; font-style:italic; color:#FFFFFF; padding:2px 2px 2px 2px; margin:0px 10px 0px 0px; letter-spacing:0.08em; }
.img-bd { border:1px solid #BDBDBD; padding:2px; }


/* Right */
h2.right_header { background:url(../images/right_headbg.gif) no-repeat left top; font-weight:normal; height:32px; line-height:32px; color:#FFFFFF; padding:0px 0px 0px 10px; }
.rightlink { background:#4E4E4E url(../images/rightlink_btm.gif) no-repeat left bottom; }
.rightlink ul{ margin:0px; padding:7px 0px 17px 0px; }
.rightlink ul li{ margin:0px; padding:0px; list-style-type:none; color:#CBCACA; background:url(../images/right_sp.gif) no-repeat left bottom; }
.rightlink ul li a{ color:#CBCACA; height:24px; line-height:24px; padding:0px 0px 0px 10px; display:block; }
.rightlink ul li a:hover{ color:#FFFFFF; background:url(../images/rightlinkbg.gif) repeat-x left top; text-decoration:none; }
.rightlink ul li a.sel{ color:#FFFFFF; background:url(../images/rightlinkbg.gif) repeat-x left top; text-decoration:none; }

/* footer */
.footer { background:url(../images/footbg.gif) no-repeat left top; width:960px; text-align:center; padding:30px 0px 0px 0px; float:left; }
.footer_in { background:#333333; height:38px; line-height:38px; color:#FFFFFF; }
p.copy { color:#4A4747; float:left; font-size:11px; }
p.design { color:#4A4747; float:right; font-size:11px; }


/* form */
.frm { border:1px solid #E9E7E7; padding:10px; float:left; width:635px; } 
.frm p { margin:0px; padding:3px 0px 3px 0px; text-align:left; }
.frm p span { float:left; width:130px; line-height:20px; float:left; }
.cstext { border:1px solid #BDBDBD; background:url(../images/input_bg.gif) repeat-x left top; height:20px; }
.csbutton { border:1px solid #307218; background:url(../images/button_bg.gif) repeat-x left top; padding:0px 8px; color:#FFFFFF; font-weight:normal; height:20px; font-size:11px; _padding:0px 8px; outline:none; }
.csselect { border:1px solid #BDBDBD; width:158px; height:26px; }
.mandetory { color:#FF0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

.box1 { width:330px; float:left; }
.box2 { width:330px; float:right; }

table { border:1px solid #AEAEAE; background:#F0F0F0; border-collapse:collapse; }
table th { background:#E4E4E4; height:30px; padding:0px; margin:0px; vertical-align:middle }
table td { height:22px; }

.k_bottom1{bottom:45%; right:0; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 250 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 0); z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;  }

.lang{bottom:0; right:0; top:0; z-index:999999;position:fixed !important;position:absolute;cursor:pointer; width:auto; height:20px; background:#BFBCBC; text-align:center; color:#FFFFFF; padding:2px 3px; }
.lang a{ margin:0px 2px; padding:0px;}
.lang a img{ margin:0px; padding:0px; border:1px solid #FFFFFF; outline:none; }
.testi { border:1px dashed #666666; padding:0px 10px 10px 10px; margin:10px 0px 0px 0px; }

