@import url("../../main.css");

div#quote {
	position: relative;
	
	height: 438px;
	width: 586px;
	
	margin: 30px auto 0px;
	padding: 14px;
	border: 0px;

	background: url('../../images/artwork/quote_background.png') no-repeat;
}

div#quote div.packages{
	position: absolute;

	top: 14px;
	right: 14px;
	height: 254px;
	width: 196px;

	margin: 0px;
	padding: 2px;
	border: 1px #000099 solid;

	background: #F0F0F0;
}

div#quote div.packages span.title{
	background: #CC0000;
	font-weight: bolder;
	color: white;
	width: 196px;
	display: block;
}

div#quote div.packages table{
	width: 100%;
	font: verdana;
	
}

div#from{
	position: relative;
	width: 382px;
	height: 224px;
}

div#from table{
	width: 100%;
	font-size: 10px;
}


#hr{
	position: relative;
	width: 382px;
	height: 2px;
	line-height: 2px;
	background: #C0C0C0;
	
	display: block;
}

/*********This section is for the lower half items in the form***********/

div#to{
	position: relative;
	height: 211px;
	width: 586px;
}

/*The fields in this include City, State, Zip Code and Country*/
div#to table.city{
	width: 382px;
	font-size: 10px;
}

/*The fields here include weight, vehicle and recommended vehicle*/
div#to table.vehicle{
	position: absolute;
	top: 32px;
	left: 382px;
	width: 204px;
	font-size: 12px;
	font-weight: bold;
}

div#to table.vehicle td{
	width: 50%;
}

div#to table.vehicle input{
	width: 120px;
}

div#to table.vehicle select{
	width: 120px;
}


/*The field here is for user comments*/
div#to table.comment{
	position: relative;
}

div#to table.comment textarea{
	width: 586px;
	height: 40px;
}

/*Any span with class h#, to replace the h# tags because of their browser specific behavior*/
span.h1{
	font-weight: bolder;
	font-size: 20px;
}

div.button{
	position: absolute;
	bottom: 14px;
	right: 14px;
}


#QuoteCopy {
  color:#000;
  font-size:smaller;
  font-weight:normal;
  font-family: "Times New Roman", Times, serif;
  text-decoration:none;

}

#sendQuote {
	position: absolute;
	
	border: 2px maroon double;
	
	top: 213px;
	left: 30px;

	background: white;
	z-index: 1000;
	height: 20px;
	width: 550px;
	
	text-align:center;
	
	visibility: hidden;
	
	overflow:auto;
}