/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 5px 0 0px 0px;
}

/*  Radio/check box first  */
.span_1_radio {
    width: 20px;
}
.span_2_label_radio {
    margin-left: 6px;
}

.span_1_label { }
.span_2_input {
    margin-left: 6px;
 	margin-right: 10px;
}
.span_2_input_480 {
    margin-left: 6px;
 	margin-right: 10px;
 }


/*  ITEMS  */
.span_1_margin_480,
.span_1_margin {
    width: 25px;
}
.span_2_label_480,
.span_2_label {

}
.span_2_radio {
	width: 25px;
}
.span_3_input_481,
.span_3_input_480,
.span_3_input {
    margin-left: 6px;
    margin-right: 10px;
}
.span_3_label {
    margin-left: 6px;
    width: 80%;
}

.col_fixed_left,
.col_fixed_left_narrow,
.col_fixed_left_wide,
.col_fixed_left_wide_280,
.col_fixed,
.col_fixed_narrow,
.col_fixed_wide,
.col_fixed_wide_280 {
	text-align: right;
	width: 160px;
}
.col_fixed_left_wide,
.col_fixed_wide {
	width: 250px;
}
.col_fixed_left_wide_280,
.col_fixed_wide_280 {
	width: 280px;
}
.col_fixed_left_narrow,
.col_fixed_narrow {
	width: 120px;
}
.col_fixed_left,
.col_fixed_left_narrow,
.col_fixed_left_wide,
.col_fixed_left_wide_280 {
	text-align: left;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.indent {
}

/* for INPUT fields  */
.street_input,
.company_input { 
	width: 260px; 
}
.credit_card_input {
	width: 160px;
}
.exp_date_input,
.cvv_input {
	width: 40px;
}
.plate_input {
	width: 70px;
}
.vin_short_input {
	width: 25px;
}
.vin_input {
	width: 250px;
}
.cust_num_input {
	width: 90px;
}
.company_name_input {
	width: 210px;
}
.email_input {
	width: 270px;
}
.phone_input {
	width: 110px;
}
.zip_input {
	width: 5em;
}
/* doesn't need 9 characters wide because numbers are narrower than "m"  */
.zip9_input {
	width: 7em;
}


/* This is for 480  */
@media screen and (max-width:560px)
{
	.span_1_margin_480{
	    display: none;
	}
	.span_2_input_480 {
	    clear: both;
	    margin-left: 0px;
	}	
	.span_2_label_480 {
	    clear: both;
	    margin-left: 25px;
	}
	.span_3_input_481 {
	    clear: both;
	    margin-left: 25px;
	}
	.col_fixed,
	.col_fixed_narrow,
	.col_fixed_wide {
		text-align: left;
	}
}


/* This is for 320  */
@media screen and (max-width:445px)
{
	.span_1_margin {
	    display: none;
	}
	.span_2_label {
	    clear: both;
	}
	.span_2_input {
	    clear: both;
	}	
	.span_2_label_480 {
	    margin-left: 0px;
	}
	.span_3_input_480,
	.span_3_input {
	    clear: both;
	    margin-left: 0px;
	}
	.col {
		margin: 0px 0 0px 0px;
	}
	.indent {
		margin-left: 25px !important;
	}
	.span_3_label {
	    width: 75%;
	}
	.col_fixed,
	.col_fixed_narrow,
	.col_fixed_wide,
	.col_fixed_wide_280 {
		text-align: left;
	}
	.street_input,
	.company_input,
	.email_input,
	.vin_input { 
		width: 230px; 
	}
	.col_fixed_left_wide,
	.col_fixed_wide,
	.col_fixed_left_wide_280,
	.col_fixed_wide_280 {
		width: 245px;
	}

}