/******************

ProCut Forms
CSS document

Coded by: Kefan Xie
xiekefan@gmail.com

******************/

/* Main page root id */

.check_roi{
 w\idth: 920px !important;
 padding: 15px;
 background: white;
}

.confirm{
 w\idth: 920px !important;
 padding: 15px;
 background: white;
}

.afford{
 w\idth: 920px !important;
 padding: 15px;
 background: white;
}

/* Outer container */

#main_container{
 width: 916px;
 border: 2px solid black;
}

.afford #main_container{
 background: url(../images/forms/lathe_bg_667.gif) no-repeat -150px 0;
}

/* Left container */

#left_container{
 float: left;
 width: 304px;
 w\idth: 284px;
 padding: 10px;
 border-right: 2px solid black;
}

#left_container h3{
 color: #EDC300;
 letter-spacing: -1px;
}

#left_container p{
 font: bold 1em arial;
}

.check_roi #left_container{
 height: 320px;
 background: url(../images/forms/lathe_bg_340.gif) no-repeat center;
}

.confirm #left_container{
 height: 425px;
 background: url(../images/forms/lathe_bg_340.gif) no-repeat center;
}

.afford #left_container{
 height: 515px;
}

/* Right container */

#right_container{
 float: right;
 width: 604px;
 height: 340px;
 font: bold 0.8em arial;
}

.check_roi #right_container{
 width: 594px;
 min-height:340px;
 height:auto !important;
 height:340px;
 padding-left: 10px;
 border-left: 2px solid black;
}

.check_roi #left_container{
 border: none;
}

.confirm #right_container{
 background: url(../images/forms/lathe_bg_667.gif) no-repeat right -20px;
 height: 425px;
}

.afford #right_container{
 width: 610px;
 height: 310px;
 border-bottom: 2px solid black;
}

#right_container h3{
 float: right;
 height: 15px;
}

/* Right container right top label tag */

.check_roi #right_container h3{
 width: 135px;
 background: url(../images/forms/tag_check_roi.gif) no-repeat;
}

.confirm #right_container h3{
 width: 135px;
 background: url(../images/forms/tag_confirm_kit.gif) no-repeat;
}

.afford #right_container h3{
 width: 135px;
 background: url(../images/forms/tag_check_avai.gif) no-repeat;
}

.confirm #right_container h3{
 width: 135px;
 background: url(../images/forms/tag_confirm_kit.gif) no-repeat;
}

/* End right container label tag */

.check_roi #right_container table{
 width: 590px;
 margin-top: 20px;
}

.check_roi #right_container table th{
 width: 380px;
 text-align: left;
 letter-spacing: -1px;
}

.check_roi #right_container table td{
 width: 210px;
}

.check_roi #right_container table select{
 width: 192px;
 text-align: center;
 border: 1px solid black;
}

.check_roi #right_container table input{
 width: 190px;
 height: 11px;
 font-size: 0.7em;
 border: 1px solid black;
}

/* ROI page results table */

.check_roi #pnlResults {
 width: 500px !important;
 margin: 0 auto 20px;
 padding-bottom: 8px;
 border: 2px solid black;
 background: url(../images/forms/tag_your_roi.gif) no-repeat right 0;
}

.check_roi #pnlResults table {
 width: 480px !important;
 margin: 8px 0 0 8px;
 padding: 4px !important;
}

.check_roi #pnlResults th {
 width: 400px !important;
}

.check_roi #pnlResults td {
 width: 100px !important;
 text-align: right;
}

.check_roi #pnlResults h4 {
 font-size: 1.5em;
}

#roi_annual_net {
 width: 500px !important;
 background: #edc300;
}

#roi_comback, #roi_incre_prod, #roi_new_revenue {
 background: #bcbebd;
}

#roi_annual_sum {
 margin-top: 20px;
}

/* Confirm Fit page div code */

#confirm_box{
 width: 400px;
 margin: 25px auto 0;
}

#confirm_box p{
 font: bold 1em arial;
}

#confirm_box table{
 margin-top: 10px;
}

#confirm_box table th{
 text-align: left;
}

#confirm_box table input{
 border: 1px solid black;
}

/* Affordability page div code */

#afford_box{
 width: 580px;
 margin: 20px 0 0 15px;
}

#afford_box table td span{
 float: left;
 height: 14px;
 color: white;
 padding: 4px;
 font: bold 0.8em arial;
 background: black;
}

#afford_box table td{
 vertical-align: top;
}

#afford_box p{
 font: normal 0.9em arial;
}

.month_input{
 width: 118px;
 height: 18px;
 border: 1px solid black;
}

* html .month_input{
 width: 115px;
 height: 16px;
}

#afford_right_container_bottom{
 float:right;
 width: 604px;
 height: 20px;
}

#afford_right_container_bottom p{
 margin-top: 20px;
 font: normal 0.8em arial;
}

#afford_right_container_bottom h3{
 float: right;
 height: 15px;
 width: 135px;
 background: url(../images/forms/tag_fina_appr.gif) no-repeat;
}

#afford_right_container_bottom table td{
 font-size: 0.8em;
}

#afford_right_container_bottom table input, #afford_right_container_bottom table select{
 border: 1px solid black;
}

#afford_right_container_bottom table th{
 font-size: 0.8em;
 text-align: right;
}

/* Afford form input sizes */

#txtContactBusinessName{
 width: 295px;
}

#txtContactYearsInBusiness{
 width: 30px;
}

#txtContactFirstName{
 width: 180px;
}

#txtContactLastName{
 width: 198px;
}

#txtContactAddress{
 width: 158px;
}

#txtContactCity{
 width: 105px;
}

#ddlContactState{
 width: 40px;
}

#txtContactZip, #txtContactPhonePrefix, #txtContactPhoneSuffix{
 width: 45px;
}

#txtContactEmail{
 width: 205px;
}

#txtContactPhoneAreaCode{
 width: 35px;
}

#btnSubmit{
 display: block; 
 margin: 2px auto 0;
}

#txtPackagePrice{
 width: 130px !important;
}

.check_roi #btnSubmit {
 xposition: relative; 
 left: 445px; 
 margin: 0;
 width: 125px !important; 
 height: 20px !important; 
 border: none !important;
}