@import url('reset.css');

 *       { margin: 0px; padding: 0px }
 img     { vertical-align: middle; border: 0px solid #000 }
 table   { border-collapse: collapse; border-spacing: 0px }
 td      { vertical-align: top } 
   

 html { height: 98%; }
 body { 
    height: 98%; 
    font: 14px Verdana, Arial, Helvetica, sans-serif; color: #000000; 
    background: url(/images/t1/background.jpg) repeat-x top;
 }
 
 .wrapper {
    height: 98%; margin: 0px auto; 
    border: 0px dashed #003333;
 }
 
 .container {
    position: relative; float: none;
    min-height: 98%; min-width: 977px; width: 100%;  
 }
 
 .container:after {
    content: ""; display: block; height: 0; clear: both; visibility: hidden;
 }
 
 .width-fixed .container {
    width: 977px; margin: 0px auto;
 }
 
 .use-max-width .container {
    max-width: 1280px; margin: 0px auto;
 }
 
 .header {
    position: relative; height: 418px;
    background: url(/images/t1/header.jpg) no-repeat 0% 0%;
 }
 
 .header .list {
    display: block; position: absolute; top: 135px; left: 665px;
    margin: 0; padding: 0; list-style: none;
    font: 16px Tahoma, Geneva, sans-serif; color: #4F4F4F;
 }
 
 .header .list li {
    display: block; margin: 0; padding: 0 0 9px 27px; list-style: none;
    background: url(/images/t1/li.jpg) no-repeat 0px 0px;
 }
 
 .form {
    position: relative; 
    background: url(/images/t1/form.jpg) repeat-y left;
 }
 
 .form .w1 {
    position: relative; 
    background: url(/images/t1/w1.jpg) no-repeat 0% 100%;
 }
 
 .form .w2 {
    position: relative; padding: 0 0 0 137px; 
    min-height: 300px; height: auto !important; height: 300px;
    background: url(/images/t1/w2.jpg) no-repeat 665px 0px; 
 }
 
 .form th {
    padding: 10px 0 10px 0; text-align: left;
    font: 14px Tahoma, Geneva, sans-serif; color: #4F4F4F;
 }
 
 .form .t0, .form .t2 {
    padding: 5px 9px 0 0; vertical-align: top; text-align: right; 
    font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4F4F4F;
 }
 
 .form .t1, .form .t3 {
    padding: 0 0 13px 0;
 }
 
 .form .t1 {
    padding-right: 45px;
 }
 
 .form .t2 {
    width: 40px;
 }
 
 .form input {
    display: block; width: 154px; height: 19px; padding: 4px 0 0 0;
    font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; 
    border: 1px solid #969F9E;
 }
 
 .form select {
    display: block; width: 154px; height: 23px; 
    font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; 
    border: 1px solid #969F9E;
 }
 
 .form .r4 .t3 input {
    float: left; width: 74px; vertical-align: middle;
 }
 
 .form .r4 .t3 span {
    display: block; float: left; padding: 5px 0 0 5px;
    font: font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4F4F4F;
 }
 
 .form .button {
    position: absolute; bottom: 35px; left: 0; height: 71px; width: 150px;
 }
 
 .form .button input {
    border-width: 0; width: 249px; height: 71px; margin-left: 275px;
 }
 
 .form .agree {
    padding: 10px 60px 0 20px; margin: 0; text-align: left; text-indent: -20px;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9D9D9D;
 }
 
 .form .agree input {
    display: inline; width: auto; vertical-align: middle;
 }
 
 .link {
    padding: 10px 0 0 0;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
 }
 
 a {
    color: #3A86B2
 }
 
 * html .clearfix {
    height: 1%;
 } *+html .clearfix {
    min-height: 1%;
 } .clearfix:after {
    content: ""; display: block; height: 0; clear: both; visibility: hidden;
 }
   
 .left  { float: left  }
 .right { float: right }