@charset "utf-8";
/* CSS Document */
 
h1 { font-size: 20px; font-weight: bolder;}
h2 { font-size: 18px; font-weight: bolder;}
h3 { font-size: 17px; font-weight: bolder;}
h4 { font-size: 16px; font-weight: bolder;}
h5 { font-size: 14px; font-weight: bolder;}

.title_line2{ font: 15px bold; color: #2E8B57; /*border-bottom: 2px solid #3cb371;*/ background:url(images/title_line.gif)  no-repeat left bottom; width: 260px; padding: 5px 5px 8px 22px;}
#gotop { width:80px; background:url(images/icon_gotop.jpg) no-repeat left; float:right; padding: 0 0 0 22px;}

.coolButton{ text-decoration:none; font-weight: bold;}

.pt16 { font-size: 16pt; font-weight: bold;}
.pt12 { font-size: 12pt; line-height: 150%; font-weight: bold;}
.pt105 { font-size: 10.5pt; line-height: 150%; }
.pt9 { font-size: 9pt; line-height: 150%;}
.indexid {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.pt7 { font-size: 7pt; }
td { font-size: 12px; line-height: 150%; font-weight: normal;}
/*a:link { color: #60F; text-decoration: none; line-height: 150%; font-size: 9pt; }
a:visited { color: #F00; text-decoration: none; line-height: 150%; font-size: 9pt; }
a:hover { color: #F00; text-decoration: underline; line-height: 150%; font-size: 9pt; }
a:active { color: #F00; text-decoration: underline; line-height: 150%; font-size: 9pt; }*/

.textbox {BORDER: #666 1px solid;  FONT-SIZE: 9pt; COLOR: #333; }

.buttonface{ FONT-SIZE: 10pt; margin: 1px; font-weight: bold; height: 30px; width: 150px; color: #093;}
.buttonface1{ FONT-SIZE: 10pt; margin: 1px; font-weight: bold; height: 25px; width: 90px; color: #093;}
.buttonface2{ FONT-SIZE: 10pt; margin: 1px; font-weight: bold; height: 29px; width: 110px; color: #093;}

.showtotalinput { border: 0px none #FFF; BACKGROUND: #FFF; FONT-SIZE: 30px; font-weight: bold; color: #900;}
.showmoneyinput_b { border: 0px none #FFF; BACKGROUND: #FFF; FONT-SIZE: 12pt; font-weight: bold; color: #000;}
.showmoneyinput_o { border: 0px none #FFF; BACKGROUND: #FFF; FONT-SIZE: 12pt; color: #FF6600; font-weight: bold;}

.flrtb {border: 1px solid #8fbc8f;}
.flrb { border-right:1px solid #8fbc8f; border-bottom: 1px solid #8fbc8f; border-left: 1px solid #8fbc8f; }
.flrt { border-top: 1px solid #8fbc8f;  border-right:1px solid #8fbc8f;  border-left: 1px solid #8fbc8f; }
.flr {border-right:1px solid #8fbc8f;  border-left: 1px solid #8fbc8f; }
.fb {border-bottom: 1px solid #8fbc8f; }
.ft { border-top: 1px  solid #8fbc8f; }
.ftp { border-top: 1px dashed #8fbc8f;}
.ftp2 {border-top: 1px dotted #8fbc8f;}
.fbp { border-bottom: 1px dashed #8fbc8f;}


#header { width:986px; height:87px; background-image: url(images/top_mainbg1.jpg); background-color: #FFF; border-right: 1px solid #B1E18D; border-left: 1px solid #B1E18D; margin-right: auto; margin-left: auto;}
#headleft_300 { width:295px; height:87px; float:left; text-align: left; vertical-align: text-bottom; line-height: 21px;}

#headleft_160 { width:114px; height:87px; float:left; vertical-align: top; line-height: 9px;}

#headright_600 { width:460px; height:87px; float:right; padding-right:110px; text-align: right;}
.headright{ padding: 15px; vertical-align: middle;}
.headright a:link { color: #000; text-decoration:none; font-weight: bold;}
.headright a:visited { color: #000; text-decoration: none; font-weight: bold;}
.headright a:hover { color: #f30; text-decoration: none; font-weight: bold; position: relative; left: 1px; top: 1px;}


#main { width:956px; background-color: #FFF; margin: 0 auto; padding: 10px 15px 10px 15px; border-right: 1px solid #B1E18D; border-left: 1px solid #B1E18D;}

#mainbody { width:988px; background-color: #FFF; margin: 0 auto; padding: 10px 15px 10px 15px; border-right: 1px solid #B1E18D; border-left: 1px solid #B1E18D;}

#main1 { margin: 30px 0 0 0; border: 1px solid #B1E18D; background: url(images/box_title1.gif) no-repeat top left; padding:0 0 15px 0;}

#main_title { background: url(images/box_title.gif) no-repeat bottom left; margin-top: -29px; margin-left: -1px; padding-left:10px; line-height: 30px; font-weight: bold; color: #FFF;}

#left_300 { width:300px; float:left; text-align: center; padding-left: 15px; vertical-align: middle;}
#left_475 { width:475px; background-color: #FFF; float:left; vertical-align: middle;}

#left_470t { width:470px; float:left; border: 1px solid #B1E18D; background: url(images/box_title1.gif) no-repeat top left;}


#left_400 { width:400px; float:left; text-align: left;}

#left_230 { width:230px; float:left; text-align: center; vertical-align: middle;}

#left_630 { width:605px; float:left; text-align: center; padding-left: 15px;}
#center_320 { width:320px;  float:left;  margin-left:10px; } 

#right_300 { width:328px; float:right; vertical-align: middle;}

#right_475 { width:475px; background-color: #FFF; float:right; vertical-align: middle;}

#right_470t { width:470px; float:right; border: 1px solid #B1E18D; background: url(images/box_title1.gif) no-repeat top left;}

#right_230 { width:230px; float:right; vertical-align: middle;}

#step { margin: 0 auto;}
#step_l { height:30px; float:left; background: url(images/stepbg_grey.gif) repeat-x bottom; color: #999; font-weight: bold;}
#step_la { height:30px; float:left; background: url(images/stepbg_active.gif) repeat-x bottom; color: #66ff00; font-weight: bold;}
#step_c { height:30px; float:left;  margin-left:6px;  background: url(images/stepbg_grey.gif) repeat-x bottom; color: #999; font-weight: bold;} 
#step_ca { height:30px; float:left;  margin-left:6px;  background: url(images/stepbg_active.gif) repeat-x bottom; color: #66ff00; font-weight: bold;} 
#step_r { height:30px; float:right; background: url(images/stepbg_grey.gif) repeat-x bottom; color: #999; font-weight: bold;}
#step_ra { height:30px; float:right; background: url(images/stepbg_active.gif) repeat-x bottom; color: #66ff00; font-weight: bold;}


#right_630 { width:630px; float:right;}
#clearfloat { clear:both; height:1px; overflow:hidden; margin-top:-1px;}

#copyright_g { width:956px; background-color: #f5f5f5; margin: 0 auto; padding: 15px; text-align: center; border-top: 1px solid #B1E18D; border-right: 1px solid #B1E18D; border-left: 1px solid #B1E18D;}

#copyright_g2{ width:988px; background-color: #f5f5f5; margin: 0 auto; padding: 15px; text-align: center; border-top: 1px solid #B1E18D; border-right: 1px solid #B1E18D; border-left: 1px solid #B1E18D;}
#copyright { width:956px; background-color: #FFF; margin: 0 auto; padding: 15px; border-right: 1px solid #B1E18D; border-bottom: 1px solid #B1E18D; border-left: 1px solid #B1E18D; text-align: center;}
#copyright2 { width:988px; background-color: #FFF; margin: 0 auto; padding: 15px; border-right: 1px solid #B1E18D; border-bottom: 1px solid #B1E18D; border-left: 1px solid #B1E18D; text-align: center;}

.xtop, .xbottom { display:block; background:transparent; font-size:1px; }
.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden;background: #FFF; }
.xb1, .xb2, .xb3 { height:1px; }
.xb2, .xb3, .xb4 { border-left:1px solid #60BC28; border-right:1px solid #60BC28; }
.xb1 { margin:0 5px; background:#60BC28; }
.xb2 { margin:0 3px; border-width:0 2px; }
.xb3 { margin:0 2px; }
.xb4 { height:2px; margin:0 1px; }
.xboxcontent { display:block; border:0 solid #60BC28; border-width:0 1px; padding: 6px 10px 6px 10px; background: #FFF; }
 

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#3cb371; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#8fbc8f; border-right:2px solid #3cb371; border-left:2px solid #3cb371; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#8fbc8f; border-right:1px solid #3cb371; border-left:1px solid #3cb371; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#8fbc8f; border-right:1px solid #3cb371; border-left:1px solid #3cb371; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #FFF;}
.headh {background: #8fbc8f; border-right:1px solid #3cb371; border-left:1px solid #3cb371; height:27px;}
.headh h3 {margin: 0px 12px 0px 12px; padding-top: 1px; color:#FFF;}
.head_g {background: #e1e1e1; border-right:1px solid #3cb371; border-left:1px solid #3cb371; height:5px;}
.head_y {background: #ffd700; border-right:1px solid #3cb371; border-left:1px solid #3cb371; height:4px;}
.contenth {background: #FFF; border-right:1px solid #3cb371; border-left:1px solid #3cb371;}
.contenth_p { margin-left: 12px; padding: 5px 12px 0 0; line-height: 26px; }


a.button_comm { display:block; width:150px; height:47px; color:#FFF; line-height:47px; text-decoration:none; background:url(../images/skins/0/button_comm.jpg) no-repeat 0 0; font-weight: bold; font-size:12pt; text-align:center;}
a.button_comm:hover { color:#000; background:url(images/button_comm.jpg) no-repeat 0 -47px; font-weight: bold; font-size:12pt; text-align:center;}
a.button_step2 { display:block; width:150px; height:47px; color:#FFF; line-height:47px; text-decoration:none; background:url(../images/skins/0/button_step2a.jpg) no-repeat 0 0; font-weight: bold; font-size:12pt; text-align:center;}
a.button_step2:hover { color:#000; background:url(images/button_stepa.jpg) no-repeat 0 -47px; font-weight: bold; font-size:12pt; text-align:center;}

a.button { display:block; width:172px; height:44px; color:#FFF; line-height:40px; text-decoration:none; background:url(../images/skins/0/button.jpg) no-repeat 0 0; font-weight: bold; font-size:10pt; text-align:center;}
a.button:hover { color:#000; background:url(images/button.jpg) no-repeat 0 -44px; font-weight: bold; font-size:10pt; text-align:center;}
.table_title{ font-weight: bold; color: #FFF; background-color: #8fbc8f; height: 30px; line-height: 30px; vertical-align: middle; text-indent: 20px;}
.table_title2{ font-weight: bold; background-color: #7fffd4; height: 30px; line-height: 30px; text-indent: 15px; border-right:1px solid #8fbc8f; border-left: 1px solid #8fbc8f;}
.table_body{ background-color: #f5fffa; line-height: 30px; vertical-align: middle; text-align: left; padding: 10px; border: 1px solid #8fbc8f;}
.table_body0{font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30px; vertical-align: middle; text-align: left; padding: 0 20px 5px 30px;}
.table_flr {border-right:1px solid #8fbc8f; border-left: 1px solid #8fbc8f;  padding: 10px;}
.table_flr label {text-align:left;display:block;clear:left;width:132px;float:left; } 
.table_flr input {float:left;} 

.table_flrb {  border-right:1px solid #8fbc8f; border-left: 1px solid #8fbc8f; border-bottom: 1px solid #8fbc8f; line-height: 30px; padding: 10px;}

.tableframe{background:#FFF;border:1px solid #0F6;}
.tableframe table { background:#f5fffa; width:100%;}
.tableframe th { background:#00fa9a; text-align:center; color:#FFF}
.tableframe td { background:#cfc; text-align:center;}

.totalprice{ margin: 0 auto; width:260px; height:40px; border:2px solid #dc143c; font-size:16px; font-weight: bold; color:#F00; background-color: #CCFFFF; line-height: 40px; vertical-align: middle; text-align: right;}.totalprice2{ font-size:16px; font-weight: bold; color:#F00; text-align: right;}


#nav {margin:0 auto; height:37px; width:986px;  line-height: 37px;  list-style-type: none; background:url(images/top_navbg.jpg);}
#nav a {margin:0; height:32px; width: 97px; line-height: 32px;  display: block; color:#FFF; font-weight:bold; text-decoration:none; text-align:center;}

#nav a:link  { height:32px; color:#FFF; }
#nav a:visited  { height:32px;  color:#FFF;}
#nav a:hover  { height:32px; color:#004080; background:url(images/top_navbg1.jpg);}

#nav li {margin:0;  height:32px;  float: left; width:97px; background:url(images/top_navbg2.gif) no-repeat right;}
#nav li a:hover{height:32px;}
#nav li ul {margin:0;  line-height: 32px;  list-style-type: none; text-align:left; left: -999em; width: 225px; position: absolute; }
#nav li ul li{ float: left; width: 225px; background: #89cb10;  padding-left:0px;}

#nav li ul a{ color:#FFF; text-decoration:none; font-weight:bold; display: block; height:32px; width: 215px; text-align:left; padding-left:10px ;}
#nav li ul a:link  {color:#FFF; height:32px;}
#nav li ul a:visited  {color:#FFF; height:32px;}
#nav li ul a:hover  { color:#004080; background:#B5E74E; height:32px;}

#nav li:hover ul { left: auto;}
#nav li.sfhover ul { left: auto;}

.tableform{ padding:10px;}
.tableform label {text-align:left;display:block;clear:left;width:132px;float:left; } 
.tableform input {float:left;} 
.tableform select {float:left;}