@charset "UTF-8";

input {margin: 3px 0px;}
select {margin: 5px 0px;}
p.password {padding: 20px 20px 20px; text-indent: 10px;}
p.name, p.customer, p.address, p.contact {padding-bottom: 3px;}
p.instructions {padding: 10px 15px;}
p.custmer {color: #222;}
p.name {font-size: 14px; color: #222;}
p.message {padding-bottom: 2px;}
p.remove {padding-top: 4px;	font-size: 10px; color: #660000; text-transform: uppercase;}
p.payment {padding-bottom: 5px;}
div.sub-sub-heading {background: url(../images/about/bg_sub-sub-header.gif) no-repeat right top; height: 30px; width: 560px; margin-top: 10px;}
div.sub-sub-heading h2 {color: #222; vertical-align: middle; padding-left: 20px;}
div.sub-body {width: 555px; margin-top: 10px; background: #f2f2f2 url(../images/bag/bg_content.gif) no-repeat top center; float: right;}
div.sub-body .wrapper {background: url(../images/bag/bg_content-wrapper.gif) no-repeat bottom center; padding: 0px 0px 5px 0px;}
div.sub-content {background: #EAEAEA url(../images/order/bg_sub-content.gif) no-repeat center top; width: 515px;	margin: 5px 20px 0px;}
div.sub-content div.wrapper {background: url(../images/order/bg_sub-content-wrapper.gif) no-repeat center bottom; padding: 0px;}
div.continue {background: url(../images/order/bg_continue.gif) no-repeat right bottom; height: 40px; text-align: right; clear: both;}
div.continue img {float: right; padding: 13px 3px 0px 0px;}
div.continue input {float: right; padding: 10px 3px 0px 0px;}
div.continue-full {background: url(../images/order/bg_continue-full.gif) no-repeat right bottom; height: 40px; text-align: right; clear: both;}
div.form-input label, div.form-inputs label, div.form-search label {display: block;	float: left; width: 125px; text-align: right; padding: 4px 10px;}
div.form-input label.password {display: block;	float: left; width: 200px; text-align: right; padding: 4px 10px;}
div.form-input input, div.form-input select {display: block; float: left;}
div.form-input, div.form-inputs, div.form-search {width: 100%; padding: 5px 0px;}
div.form-inputs input {margin: 3px; font-size: 10px;}
div.customer-info, div.free-message {padding: 10px 0px 0px 10px;}
div.changes {margin-top: -29px; text-align: right; padding: 0px 10px 10px 0px;}
div.customer-no {margin-top: -29px; text-align: right; padding: 0px 10px 10px 0px;}
table.orders {margin: 20px auto; width: 515px; border: solid #999 1px; border-collapse: collapse; font-size: 11px;}
table.orders td {text-align: center;}
table tr.head {padding: 5px; font-weight: bold; border: solid #999 1px; background-color: #dee5eb;}
table tr.highlight {background-color: #f9f9f9;}
table th {padding: 5px; font-weight: normal;}
table th.date {width: 100px;}
table th.status {width: 215px;}
table th.details {width: 150px;}
table td {margin: 10px auto; border: solid #999 1px; padding: 3px;}
table.news {border: solid 1px #ccc; background-color: #f2f2f2; padding: 5px;}
table td.news {margin: 10px auto; border: 0px; padding: 3px;}
table input.news {font-size: 16px;}
table.orders img {padding: 5px;}
div.view-history {padding: 0px 0px 20px; text-align: center;}
div.nav-sub a.add {background: url(../images/icon_add-off.gif) no-repeat 5px center; padding-left: 25px;}
div.nav-sub a.add:hover {background: #f9f9f9 url(../images/icon_add-on.gif) no-repeat 5px center;}
div.nav-page {background: url(../images/order/bg_continue.gif) no-repeat center top; height: 30px;	width: 560px; clear: both;}
div.nav-page a, div.nav-page span {display: inline-block; border: solid #c7d0da 1px; padding: 1px 3px; margin: 5px 1px; color: #555;}
div.nav-page a:hover {background-color: #eff2f6; text-decoration: none; color: #000;}
div.nav-page span.current {border: solid #98b2d4 1px; background-color: #98b2d4; color: #fff;}
div.nav-page a.back {float: left; padding: 1px 4px; margin: 5px;}
div.nav-page a.next {float: right; padding: 1px 4px; margin: 5px;}
div.nav-page div.pages {width: 425px; float: right; text-align: center;}