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

* Filename: order.css
* Description: Orders
* Version: 1.0.0 (2009.10.23)
* Website: www.citystorageatlanta.com
* Author: Dana Severance

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

.errors {color: #d82727;}
.hidden {display: none;}

/* product script
-------------------------------------------------------*/
fieldset {border: 0;}

	/* detailed alert information */
	#alert-box {color: #000000; min-height: 40px; margin: 10px auto; width: 75%;}
		#alert-box p {padding: 10px 5px; margin: 0 auto; text-align: center;}
		#alert-box .warning {background: #fffbcc; border: 1px solid #f7a003;}
		#alert-box .success {background: #c8f7c0; border: 1px solid #c5ab89;}
		#alert-box .error {background: #fccccc; border: 1px solid #d82727;}
		#alert-box .info {background: #bfd0ff; border: 1px solid #3E5F91;}
		#alert-box .help {background: #bfd0ff; border: 1px solid #3E5F91;}
	
/* to use image icons inside the alert boxes, use this code instead of the above and make sure the referenced images are posted */
/*  #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;}  */

	/* customer information form */
	#info {list-style: none; margin: 25px 0 25px 20px; width: 400px;}
		#info li {list-style: none; overflow: auto; padding-bottom: .5em}
			#info li label {float: left; padding: 4px 10px 0 0; text-align: right; width: 170px;}
			#info li input, #info li select {width: 150px;}

	/* main order form */
	#products {width: 100%;}
		#products th {background: #ad0e0e; color: #ffffff; padding: 3px 5px; text-transform: uppercase;}
		#products td {border-top: 1px solid #77716C; padding: 5px; text-align: left; vertical-align: top;}
		#products .desc {}
			#products h3 {padding-bottom: 10px;}
		#products .cost {width: 50px;}
		#products .qty {width: 20px;}
			#products  input.qty_input {width: 20px;}
		#products .tot {width: 70px;}
			#products input.tot_input {width: 40px;}
			
	.btn {margin: 20px 0 0 0; text-align: center;}
	
	/* confirm order page */
	#confirm dl {padding-bottom: 5px;}
		#confirm dt {clear: both; float: left; font-weight: bold; padding-bottom: 5px; width: 15em;}
		#confirm dd {padding-bottom: 5px; padding-left: 15em;}
	#confirm table {padding-bottom: 10px; width: 500px;}
		#confirm table th {border-bottom: 1px solid black; padding: 5px; text-align: left;}
		#confirm table td {border-bottom: 1px dotted gray; padding: 5px;}
		#confirm table .total th {border-bottom: 0;}
		#confirm table .total td {border-bottom: 0; color: #d82727;}