/* CSS Document */

#formContainer {
	width: 519px;
}

#form_top {
	height: 205px;
	border-top: 10px solid #E5E5E5;
	background: #F2F2F2 url(../images/form_bkgrnd_1.gif) no-repeat;
	position: relative;
	
}

#form_middle {
	height: 350px;
	border-top: 10px solid #E5E5E5;
	background: #F2F2F2 url(../images/form_bkgrnd_2.gif) no-repeat;
	position: relative;
	margin-top: 15px;
}

#form_bottom {
	height: 255px;
	border-top: 10px solid #E5E5E5;
	background: #F2F2F2 url(../images/form_bkgrnd_3.gif) no-repeat;
	position: relative;
}

#form_submit {
	height: 40px; 
	background-color: #E5E5E5;
	position: relative;
}



/* ============== FORM CSS ===================*/

#form div {
	margin-bottom: 10px;
}

fieldset {
	margin: 0;
	padding: 4px;
	border: 0;
}

fieldset div {
	clear: both;
    position: relative;
}

legend {
	font-size: 12px;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	color: #666666;
}

input text {
	border: 1px solid #666666;
}

textarea {
	width: 375px;
	border: 1px solid #666666;
}

label {
    margin: 0;
	margin-right: 1em;
    display: block;
	width: 5em;
    text-align: right;
    float: left;
	color: #666666;
}

#quote {
	width: 70px;
	height: 75px;
	position: absolute;
	top: 15px;
	left: 15px;
}

#quote input {
	margin-left: 10px;
}


#orderBy {
	position: absolute;
	width: 414px;
	height: 75px;
	left: 130px;
	top: 15px;
}

#orderBy input {
	width: 100px;
}

#orderBy div div {
	margin-bottom: 5px;
}

#orderLeft {
	position: absolute;
	width: 200px;
	height: 65px;
}

#orderRight {
	position: absolute;
	width: 200px;
	height: 65px;
	left: 200px;
}

#orderBy label {
	margin: 0;
	margin-right: 1em;
	width: 50px;
    display: block;
	width: 5em;
    text-align: right;
    float: left;
}

#saleType {
	width: 320px;
	height: 50px;
	position: absolute;
	left: 15px;
	top: 110px;
}

#saleType label {
	width: auto;
	margin-right: 30px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#poNum {
	width: 394px;
	height: 50px;
	position: absolute;
	top: 145px;
	left: 15px;
}

#poNum label {
	width: auto;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#shipBy {
	width: 294px;
	height: 50px;
	position: absolute;
	top: 110px;
	left: 340px;
}

#shipBy input {
	width: 75px;
}

#shipBy label {
	width: auto;
	margin-right: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#ship {
	width: 290px;
	height: 50px;
	position: absolute;
	left: 340px;
	top: 145px;
}

#ship label {
	width: auto;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#billTo {
	width: 242px;
	height: 180px;
	position: absolute;
	left: 15px;
	top: 15px;
}

#billTo label {
	width: 60px;
	margin-left: 0;
}

#billTo div {
margin-bottom: 5px;
}

#shipTo {
	width: 242px;
	height: 180px;
	position: absolute;
	left: 283px;
	top: 15px;
}

#shipTo label {
	width: 60px;
	margin-left: 0;
}

#shipTo div {
margin-bottom: 5px;
}

.textField {
	width: 142px;
}

#itemDesc {
	width: 600px; 
	position: absolute;
	top: 15px;
	left: 15px;
}

#itemDesc textarea {
	height: 130px;
}

#itemDesc label {
	margin-right: 40px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#comments {
	width: 382px;
	height: 217px;
	position: absolute;
	left: 15px;
	top: 20px;
}

#comments textarea {
	margin-top: 15px;
	height: 165px;   
	position: absolute;
	left: 0px;
	top: 24px;
}

#comments label {
	margin-right: 40px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#submitBtn {
	position: absolute;
	top: 10px;
	right: 25px;
}