@charset "utf-8";
/* -----------------------------------------------------

* Filename: form.css
* Description: styles for the form
* Version: 2.0.0 (2009.09.24)
* Website: www.blueridgewireless.com
* Author: Dana Severance @ Automatit, Inc

== ANCHOR =========================================

	@alerts			Alert Box Styling
	@form			Form Styling
	@products		Product List
	@confirm		Confirmation list styles

-------------------------------------------------------*/

/* @alerts */
.alert-box {color: #000000; min-height: 40px; margin: 0 auto 10px auto; width: 686px;}
	.alert-box p {padding: 10px 10px 10px 40px;}
	.alert-box .warning {background: #fffbcc url(../img/warning.png) no-repeat 10px 50%; border: 1px solid #f7a003;}
	.alert-box .success {background: #c8f7c0 url(../img/okay.png) no-repeat 10px 50%; border: 1px solid #18b301;}
	.alert-box .error {background: #fccccc url(../img/error.png) no-repeat 10px 50%; border: 1px solid #d82727;}
	.alert-box .info {background: #bfd0ff url(../img/info.png) no-repeat 10px 50%; border: 1px solid #3E5F91;}
	.alert-box .help {background: #bfd0ff url(../img/help.png) no-repeat 10px 50%; border: 1px solid #3E5F91;}
	
/* @form
-------------------------------------------------------*/
#form {background: #EFEFEF; margin: 0 auto 2em auto; padding: 2em 2em 1em 1em; position: relative; width: 650px;}
	.errors {color: #990000;}
	form .left {float: left; width: 285px;}
	form .right {display: inline; float: right; width: 285px;}
	form .clear {clear: both; padding-top: 10px; width: 650px;}
	form .large {margin: 0 auto; width: 609px;}
	form fieldset {border-style: none; padding: 0; margin: 0;}
		form fieldset fieldset {border-style: none; margin-bottom: -1em; padding: 0;}
	/*form legend {color: #5d5d5d; font-size: 13px; font-weight: bold; text-transform: uppercase;}*/
	#form h2.legend {background: url(../img/header.png) no-repeat; color: #ffffff; font-size: 11px; font-weight: bold; height: 56px; margin-bottom: 5px; overflow: hidden; padding: 20px 0 0 41px; text-transform: uppercase; width: 244px;}
	#form .large h2.legend {background: url(../img/h1-bg.png) no-repeat; width: auto;}
		/*form .legend {display: block; text-align: left; width: 8em;}*/
	form ol {list-style: none; margin: 0 0 0 1em; padding: 0;}
		form label {display: block; padding: 0 0 5px 0;}
		form input[type="text"] {width: 240px;}
		form ol ol {height: 1%; margin: 0 0 0 9em; padding: 0; position: relative; top: -1em; width: 500px;}
		form ol ol:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
			form ol ol label {display: inline; float: none; width: auto; margin-right: auto;}
			form ol li ol li {float: left; width: 250px;}
		form li {height: 1%; margin: 0; padding: 0 0 .5em 0;}
		form li:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
			form li.textarea label {float: none; display: block; width: auto;}
			form li.textarea textarea {width: 100%;}
			#order textarea {width: 240px;}
		form li.submit {padding: .5em 0 0 22em;}
		form li.submit input {margin: 0 .5em 0 0;}

/* @products
-------------------------------------------------------*/
#products {border: 1px solid #3E5F91; margin: 0 auto; width: 800px;}
	#products th {background: #3E5F91; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 3px 5px; text-transform: uppercase;}
	#products td {border-top: 1px solid #3E5F91; padding: 5px; text-align: center;}

/* @confirm
-------------------------------------------------------*/
#confirm-order { margin: 0 auto 2em auto; padding: 2em 2em 1em 1em; width: 650px;}
	#confirm-order dl {beight: 1%; padding: 0 15px 10px 20px;}
	#confirm-order dl:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
		#confirm-order dt {clear: both; float: left; font-weight: bold; padding-bottom: 5px; width: 15em;}
		#confirm-order dd {padding-bottom: 5px; padding-left: 15em;}
	p.send_me {padding: 0 15px 10px 30px;}
	p.send_me input {float: left; margin-right: 5px;}
	p:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}