/*

Title:      Truck Load Freight Rate Quote Form
Author:     Daniel Marino
Revised:    October 2009

*/

label,
p {
	color: #252525;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 12px;
	line-height: 22px;
}

p.output {
	display: inline;
	font-weight: bold;
	padding: 0;
	margin-bottom: 0;
}

.content h2 {
	color: #252525;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 30px;
	text-shadow: 0 1px 0 #fff;
	text-transform: capitalize;
}

.content h3 {
	color: #252525;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 40px 0 20px;
	text-shadow: 0 1px 0 #fff;
	text-transform: capitalize;
}

.content h2,
.content h3,
p { padding: 0 20px; }

input, select, textarea, .output {
	float: left;
	margin-right: 5px;
}

.get-quote {
	background: transparent url(b-get-quote.png) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 32px;
	overflow: hidden;
	text-indent: -5000px;
	width: 111px;
}

label {
	float: left;
	margin-right: 20px;
	width: 120px;
}

textarea {
	height: 75px;
	width: 300px;
}

.text-area {
	width: 300px;
}

.active {
	background: #e6edf7;
}

.city-container {
	background: transparent url(get-zip-background.png) left no-repeat;
	display: none;
	padding: 12px 20px 12px 25px;
	position: absolute;
	right: 0;
	top: 0;
}

.city-container label {
	margin-right: 5px;
	width: auto;
}

.city-container input {
	width: 100px;
}

.city-container .return-zip {
	background: transparent url(b-select.png) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	overflow: hidden;
	position: relative;
	text-indent: -5000px;
	top: 1px;
	width: 39px;
}

.content {
	background: #fff url(quote-background.png) center repeat-y;
	padding: 50px 0;
}

.error-msg {
	background: url(error-msg-background.png) no-repeat;
	color: #e61c28;
	display: none;
	font-size: 10px;
	height: 34px;
	line-height: 34px;
	padding: 0 0 0 30px;
	position: absolute;
	right: -250px;
	top: 7px;
	width: 190px;
}

.field {
	border-top: 1px dotted #b5b8bc;
	padding: 12px 20px;
	position: relative;
}

.get-zip {
	background: transparent url(i-magnifying-glass.png) no-repeat;
	display: block;
	float: left;
	height: 16px;
	overflow: hidden;
	position: relative;
	text-indent: -5000px;
	top: 3px;
	width: 16px;
}

.note {
	background: url(more-info-background.png) no-repeat;
	color: #555;
	display: none;
	font-size: 10px;
	padding: 8px 0 0 30px;
	position: absolute;
	right: -250px;
	top: 7px;
	width: 190px;
}

p.copyright {
	padding: 0;
}