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

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;
 margin: auto auto;
 font-size: 16px;
}

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

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

/* Outer container */

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

/*.afford #main_container{
 background: url(../images/forms/lathe_bg_667.gif) no-repeat -150px 0;
}*/
.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;
}



.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;*/
 height: 250px;
 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: 15px;
 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;
}


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

Free Page

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

.free{
 w\idth: 920px !important;
 padding: 10px 10px 10px 20px;
 background: white;
 margin: auto auto;
 font-size: 16px;
}

.free_dvd { 
	background: white url(../images/bg_free_dvd.jpg) no-repeat right 0; 
} 

.free_onsite { 
	background: white url(../images/bg_free_demo.jpg) no-repeat right 0; 
} 

.free h3{
	display: inline; 
	padding-right: 17px; 
	font: bold 1.5em "Arial Narrow"; 
	color: #EDC300;
	background: url(../images/bg_heading_arrow.gif) no-repeat right 8px; 
}

.free p {
	width: 550px; 
	margin: 10px 0; 
	font-size: 0.75em; 
} 

.free label {
font-weight: 200;
}

.free h4 {
	width: 550px; 
	border-top: 3px solid black; 
}

.free h4 span { 
	display: block; 
	width: 160px;
  font-weight: bold; 
	padding: 1px 20px 0 5px; 
	font-size: 0.7em; 
	color: #EDC300;
	background: black url(../images/press_corner.gif) no-repeat right 0; 
} 

.free form { 
	margin: 0; 
} 

.free table { 
	margin: 10px 0 0 10px; 
} 

.free table tr th {
	font-size: 0.7em; 
	text-align: right; 
}

.free form input { 
	height: 12px; 
	font-size: 0.7em; 
	border: 1px solid black; 
}
 
.free input {
	margin: 2px;
}
  
#yi_name, #yi_addr { 
	width: 480px; 
} 

#yi_busi { 
	width: 360px; 
} 

#yi_city, #yi_coun { 
	width: 240px; 
} 

#yi_zip { 
	width: 80px; 
} 

#yi_email { 
	width: 180px; 
} 

#yi_submit { 
	height: auto !important; 
	margin-top: 15px; 
	border: none !important; 
}