table { border-collapse: collapse; width: 100%; }
th { vertical-align: top; }

#top, #container { width: 740px; height: 100%; margin: 0px auto; padding: 0; background-color: #fff; color: #333; border: 0px solid gray; }
#top { text-align: center; }
#container { min-height: 200px; }
#footer { width: 740px; margin: 0px auto; text-align: center; padding: 0.5em 0em 2em 0em; font-size: smaller; }
#copy { margin-top: -1.5em; }
#footer a { text-decoration: none; color: gray; }

.left { float: left; vertical-align: top; padding: 0.3em 0em; }
span.right { float: right; padding: 0.3em 0em; }
.middle { vertical-align: middle; padding-top: 3em; text-align: center; }

h1 { margin: 2em 0em 0em 0em; text-align: left; font-family: Arial; font-size: large; font-weight: normal; color: #475B8F; letter-spacing: 0.2em; }
hr { border: 0px; height: 1px; background-color: gray; margin-bottom: 2em; }
h3 { color: #475B8F; margin: -0em 0em 0.5em 0em; }
h3 a { color: #475B8F; text-decoration: none; }
h3 a:hover { text-decoration: underline; }

.cart { float: right; padding-top: 0.5em; margin-top: -2em; }
.cart a { color: #475B8F; text-decoration: none; font-weight: bold; }
.cart a:hover { text-decoration: underline; }
.arrow { color: #475B8F; font-weight: bold; font-size: 1.25em; }
.count { float: right; font-weight: normal; font-size: 0.9em; }
.expanded1, .collapsed1 { color: #475B8F; font-family: monospace; font-size: large; font-weight: bold; }

#subtotal { margin-top: 1em; }
.notify { text-align: center; padding: 0.3em 0em; font-size: 0.9em; line-height: 1.5em; }
.empty { display: none; }
.required { color: Red; }
.add a { color: green; font-family: Verdana; font-size: large; font-weight: bold; text-decoration: none; line-height: 0.8em; float: right; }
.delete a { color: #CC0000; font-family: Verdana; font-size: large; font-weight: bold; text-decoration: none; line-height: 0.8em; float: right; }

td.hover, .hoverTable tbody tr:hover { background-color: LemonChiffon; }

textarea, input.text, input.date { width: 30ex; font-family: Arial; font-size: 9pt; line-height: 1.25em; border: solid 1px ThreeDShadow; padding: 2px; }
select { width: 31ex; font-family: Arial; font-size: 9pt; line-height: 1.25em; border: solid 1px ThreeDShadow; padding: 2px 0px; }
input.qty { width: 3ex; }
input#phone { width: 15ex; }
input.date { width: 11ex; }
select.time { width: 13ex; }
textarea#address { width: 30ex; height: 2.5em; min-height: 2.5em; }
textarea#notes { width: 50ex; height: 7.5em; min-height: 7.5em; }

.valid { border: solid 1px ThreeDShadow !important; }
.invalid { border: solid 1px Red !important; }

.error h3 { color: #CC0000; }
.error { margin-top: 3em; }

.progressWrapper { width: 100%; overflow: hidden; }
.progressContainer { margin: 0px; padding: 0px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }
.red /* Error */ { border: solid 1px #B50000; background-color: #FFEBEB; }
.green /* Current */ { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
.blue /* Complete */ { border: solid 1px #CEE2F2; background-color: #F0F5FF; }

#inlineProgressBarDiv { display: none; }
.progressName { float: left; font-size: 8pt; font-weight: bold; color: #555555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; padding: 2px;}
.progressBarInProgress, .progressBarComplete, .progressBarError { width: 0%; height: 100%; background-color: #B3DAEF; height: 14px; padding: 2px 0; }
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { float: left; padding: 2px; width: 337px; font-size: 7pt; font-family: Verdana; text-align: left; white-space: nowrap; }
a.progressCancel, a.progressCancel:link, a.progressCancel:active, a.progressCancel:visited, a.progressCancel:hover { font-size: 0px; display: block; height: 14px; width: 14px; margin: 2px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; }
a.progressCancel:hover { background-position: 0px 0px; }

dl.note { margin-top: 2em; }
dl.note dt { margin: 0.5em; line-height: 1em; }
.span_branch { display: none; font-size: smaller; }
.branch { font-weight: bold; color: #666666; }

.flash { border-color: #D9E4FF; }
#degraded_container { margin: 2em 0px 0px 0px; }
#swfu_container { margin: 2em 0px 0.5em 0px; }
#degraded_container input { width: 67%; }
#inlineProgressBarDiv { height: 3em; }
.step { color: #475B8F; padding: 0.2em 0 0.2em 0.2em; display: block; float: left; font-weight: bold; width: 16%; text-transform: uppercase; }
input.button2 { width: 15.25ex; padding: 0em; }
#step1 { margin-bottom: 1.5em; }
#step2 { margin-top: 1em; }
.browse { width: 31ex; padding: 0em; }
.banner {margin-top: 5em; margin-bottom: 1em;}