/* WORKING ORDER PAGE
-----------------------------------*/
#workingorder { width: 768px; margin-bottom: 10px; }
#workingorder th { padding: 2px 5px; text-align: left; color: #fff; border: 1px solid #333; background: #666 url(/images/bg-repeatx.png) repeat-x 0 -212px; }
#workingorder td { height: 60px; border: 1px solid #333; vertical-align: middle; }
#workingorder td.itemimage { width: 80px; height: 61px; padding: 0 5px; border-right: none; }
td.itemimage img { width: 80px; max-height: 60px; overflow: hidden; }
#workingorder td.orderitem { width: 328px; padding: 2px 5px; border-left: 1px solid #333; vertical-align: top; }
#workingorder td.commentitem { width: 328px; height: auto; padding: 2px 5px; border-left: 1px solid #333; vertical-align: top; color: #888; }
#workingorder td.commentitem input.text { width: 300px; padding: 2px; display: block; float: left; border: 1px solid #aaa; background: #fff; color: #333; }
#workingorder td.commentitem input.submit { margin: 0 5px; display: block; float: left; font: 0.833em/2em Arial, Verdana, sans-serif; color: #b31a1a; border: none; background: none; cursor: pointer; }
td.itemqty { width: 45px; padding: 0 5px; text-align: center; }
td.itemqty input.text { width: 28px; margin: 0 auto; padding: 2px; display: block; border: 1px solid #aaa; background: #fff; text-align: center; }
td.itemqty input.submit { margin: 0 auto; display: block; font: 0.833em/1.2em Arial, Verdana, sans-serif; color: #b31a1a; border: none; background: none; cursor: pointer; }
td.itemstatus { width: 80px; padding: 0 5px; text-align: center; }
.more-info { border-bottom: 1px dotted #f90; cursor: help; position: relative; }
.stock-out { color: #b31a1a; }
.stock-in { color: #090; }
.stock-backorder { color: #f90; }
td.itemprice { width: 50px; padding: 0 5px; text-align: right; }
td.itemextprice { width: 50px; padding: 0 5px; text-align: right; font-size: 1.083em; font-weight: bold; }
td.remove { width: 55px; padding: 0 5px; overflow: hidden; text-align: center; }
td.remove a { color: #000; }
td.remove a:hover { text-decoration: none; }
td.remove span { display: block; font-size: 0.833em; line-height: 2.3em; float: left; }
td.remove span.x { padding-right: 3px; font-size: 2em; line-height: 1em; color: #b31a1a; }

#gc-redeem { width: 227px; height: 110px; margin: 0 10px 25px 0; padding: 10px; background: #eee; border: 1px solid #aaa; float: left; }
#gc-redeem h2 { font: bold 1.167em/1em "Lucida Grande", Arial, Verdana, sans-serif; margin-bottom: 10px; color: #666; }
#gc-redeem label { width: 70px; padding: 2px 5px 2px 0; text-align: right; display: block; float: left; }
input#gnumb, input#gc { width: 145px; margin-bottom: 10px; padding: 2px; border: 1px solid #aaa; background: #fff; display: block; float: left; }

#totals { margin-bottom: 15px; float: right; color: #333; }
#totals table { font-family: "Century Gothic", Futura, "Trebuchet MS", sans-serif; }
#totals th { padding: 2px 10px 2px 0; font-weight: normal; font-size: 1.333em; line-height: 1.25em; text-align: right; text-transform: uppercase; }
#totals td { padding: 2px 0; font-weight: bold; font-size: 1.333em; line-height: 1.25em; text-align: right; }
#totals .ordertotal { font-size: 1.375em; line-height: 1.364em; }
#totals p { margin: 0 0 10px; padding: 0 0 5px; font-style: italic; font-size: 0.833em; line-height: 1.2em; border-bottom: 1px solid #333; text-align: right;  }
#totals img, #totals .input-image { margin-left: 10px; float: right; }
.continue { margin-bottom: 25px; padding-right: 19px; background: transparent url(/images/bg-sprites.png) no-repeat 177px -272px; text-transform: uppercase; font-size: 1.333em; line-height: 1em; color: #000; text-decoration: none; display: block; clear: right; float: right; }

#promos { margin-bottom: 25px; }
#promos h2 { font-weight: bold; color: #b31a1a; }
.promo { width: 227px; margin-right: 7px; padding: 10px; background: #eee; border: 1px solid #aaa; float: left; }
.promo-name { height: 30px; margin: 0 0 5px; line-height: 1.25em; overflow: hidden; }
.promo img { margin: 0 auto; border: 1px solid #aaa; }
.promo-price { margin: 0; font-weight: bold; line-height: 2.5em; float: left; }
.promo select { margin: 5px 0 0; padding-bottom: 1px; display: block; float: right; font-size: 0.917em; max-width: 170px; overflow: hidden; }

/* CHECKOUT PROCESS
-----------------------------------*/
h1#checkout { float: left; width: 623px; }
ol#checkoutstep { width: 145px; height: 26px; margin: 0; padding: 5px 0; border-bottom: 1px solid #333; list-style: none; display: block; float: right; }
ol#checkoutstep li { width: 9px; height: 16px; padding: 5px 10px; display: block; float: left; font-size: 1.333em; line-height: 1em; }
ol#checkoutstep li.active { padding: 4px 9px; border: 1px solid #333; background: #eee; }
ol#checkoutstep li.completed { color: #999; background: #f9f9f9; }
ol#checkoutstep li.completed a { color: #999; }
p#currentstep { margin: 0 0 10px; font: bold 1.5em/1.5em "Lucida Grande", Verdana, Arial, sans-serif; color: #666; }

span.required { color: #b31a1a !important; }
label.required { color: #b31a1a !important; border-bottom: 1px dotted #b31a1a !important; }
input.required { background: #fee !important; border: 1px solid #b31a1a !important; }

#form-submit { padding: 10px 0; border-top: 1px solid #aaa; }

/* SETUP CUSTOMER
-----------------------------------*/
#bt-info { width: 374px; height: 365px; margin-bottom: 15px; padding-right: 10px; float: left; }
#st-info { width: 374px; height: 365px; margin-bottom: 15px; padding-left: 10px; float: left; }
#bt-info label, #st-info label { width: 175px; margin: 0 0 5px; display: block; clear: both; float: left; line-height: 1.75em; border-bottom: 1px dotted #ccc; }
#bt-info input, #st-info input { height: 16px; width: 191px; margin: 0 0 5px; padding: 2px; display: block; float: left; border: 1px solid #aaa; background: #fff; }
#bt-info select, #st-info select { width: 199px; margin: 0 0 5px; display: block; float: left; }

/* SELECT SHIP VIA
-----------------------------------*/
#shipvia { width: 768px; border: 1px solid #333; margin-bottom: 15px; }
#shipvia td { padding: 5px 10px; }
#shipvia th { padding: 3px 10px; font-weight: normal; color: #fff; border-bottom: 1px solid #333; background: #666 url(/images/bg-repeatx.png) repeat-x 0 -212px; }
#shipvia .s_method { width: 248px; text-align: left; }
#shipvia .s_price { width: 80px; text-align: center; border-left: 1px solid #333; border-right: 1px solid #333; }
#shipvia .s_deldate { width: 130px; text-align: center; border-right: 1px solid #333; }
#shipvia .s_notes { width: 230px; }

/* CC INFO
-----------------------------------*/
#creditcard { display: block; position: relative; left: 0; top: 0; }
#pay-credit { height: 225px; width: 373px; margin-bottom: 10px; padding: 0 10px 10px 0; border-right: 1px solid #aaa; float: left; }
#pay-credit h2 { margin-bottom: 20px; background: transparent url(/images/bg-sprites.png) no-repeat 208px -229px; }
#pay-credit label { width: 90px; margin: 0 0 10px; padding: 1px 10px 0 0; display: block; float: left; line-height: 1.75em; text-align: right; }
#pay-credit input { margin: 0 0 10px; padding: 2px; display: block; float: left; border: 1px solid #aaa; background: #fff; }
#pay-credit input.input-image { border: none; float: right; }
#pay-credit input#cardnum { width: 169px; }
#pay-credit input#expdate { width: 74px; }
#pay-credit input#cvv2 { width: 74px; }
#pay-credit select { margin: 0 0 5px; display: block; float: left; }
.input-info { margin-left: 5px; font-size: 0.917em; line-height: 2em; color: #999; }
.input-info a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
.input-info a:hover { color: #b31a1a; border-bottom: 1px dotted #b31a1a; }

#numcheck { position: absolute; left: 275px; top: 81px; }
#expcheck { position: absolute; left: 180px; top: 113px; }
#cvvcheck { position: absolute; left: 180px; top: 145px; }
.aok { width: 25px; height: 24px; margin: -1px 0 0 5px; background: transparent url(/images/bg-sprites.png) no-repeat -986px -330px; }
.carderr { margin: -1px 0 0 5px; padding: 0 10px; line-height: 1.833em; border: 1px solid #b31a1a; background: #fdd; background: -moz-linear-gradient(top, #fdd, #fee 50%, #fcc 50%, #fdd); background: -webkit-gradient(linear, left top, left bottom, from(#fee), to(#fdd), color-stop(0.5, #fdd), color-stop(0.5, #fcc)); -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 5px #666; }

#pay-paypal { height: 280px; width: 364px; margin-bottom: 10px; padding: 0 10px 10px; float: right; }
#pay-paypal a.button-paypal { width: 262px; height: 0; margin: 0 auto; padding: 67px 0 0; display: block; overflow: hidden; background: transparent url(/images/bg-sprites.png) no-repeat -709px -145px; }
#pay-paypal a.button-paypal:hover { background-position: -709px -212px; }

form #final-totals { padding: 10px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #eee; }
#final-totals { padding: 0 0 10px; color: #333; }
#final-totals table { font-family: "Century Gothic", Futura, "Trebuchet MS", sans-serif; float: right; }
#final-totals th { padding: 2px 10px 2px 0; font-weight: normal; font-size: 1.333em; line-height: 1.25em; text-align: right; text-transform: uppercase; }
#final-totals td { padding: 2px 0; font-weight: bold; font-size: 1.333em; line-height: 1.25em; text-align: right; }
#final-totals .ordertotal { font-size: 1.375em; line-height: 1.364em; border-top: 1px solid #333; }

/* FINAL CHECKOUT
-----------------------------------*/
.infobox { width: 234px; float: left; padding: 0 10px; }
.infobox h2 { margin-bottom: 3px; font-size: 1.25em; line-height: 1em; }
.infobox p { height: 110px; padding: 5px 10px; border: 1px solid #aaa; background: #eee; }
.editinfo { margin-top: 5px; font-size: 0.917em; line-height: 1em; color: #b31a1a; display: block; float: right; }
.deldate { font: 0.625em/1.5em Arial, Helvetica, sans-serif; }
.deldate th { text-transform: none !important; }

/* ORDER THANK YOU
-----------------------------------*/
.mailer-subscribe { width: 356px; height: 364px; border: 1px solid #aaa; background: #eee; }
.mailer-subscribe p { margin: 0 10px 10px; }

.mailer-subscribe label { margin: 0 10px; display: block; font-weight: bold; }
.mailer-subscribe input[type=text] { width: 255px; margin: 0 10px; padding: 2px; display: block; border: 1px solid #aaa; background: #fff; }
.mailer-subscribe input[type=submit] { margin-right: 10px; padding: 2px; display: block; border: none; background: none; font-weight: bold; cursor: pointer; }