@charset "UTF-8";

p.remove {padding-top: 4px;	font-size: 10px; color: #660000; text-transform: uppercase;}
p.need {padding-top: 4px;}
p.status {font-size: 11px; line-height: 14px; padding: 20px 0px 10px;} 
p.code {font-size: 10px; text-transform: uppercase; padding: 0px 0px 10px; color: #555;} 
div.wrapper {padding-left: 10px;}
div.heading {background: url(../images/browse/bg_header.gif) no-repeat center top;	height: 30px;	width: 768px;}
div.heading h1 {float: left;}
div.heading img {padding: 3px; float: right;}
div.body {width: 555px; float: right;}
div.content {width: 555px; margin-top: 10px; background: #f2f2f2 url(../images/bag/bg_content.gif) no-repeat top center;}
div.content .wrapper {background: url(../images/bag/bg_content-wrapper.gif) no-repeat bottom center; padding: 0px 0px 5px 0px;}
div.empty {margin: 40px 0px 0px 20px;}
div.nav-sub {background-color: #f2f2f2;	width: 185px;	float: left; margin: 0px 0px 10px;}
div.nav-sub .wrapper {background: url(../images/browse/bg_nav-sub-wrapper.gif) no-repeat center bottom; padding: 0px;}
div.nav-sub li {list-style: none; border-bottom: solid #ccc 1px;}
div.nav-sub a {display: block; color: #444; padding: 10px;}
div.nav-sub a:hover {background-color: #f9f9f9; color: #000; text-decoration: none;}
div.promo-code {padding: 10px 10px 0px; overflow: auto;}
div.promo-code form {padding: 0px; margin: 0px; overflow: auto;}
div.promo-code input {float: left; margin: 5px 0px;}
div.promo-code input.text-box {width: 85px; background-color: #EEE; border: solid #999 1px; margin-right: 5px;}
div.promo-code input.text-box:focus {background-color: #FFF;}
div.promo-code input.submit {margin-top: 3px;}
div.promotion {background-color: #FFE589; padding: 0px 10px 10px; margin: 10px 5px;} 
div.promotion h3 {padding-top: 10px;} 
div.promotion p.code {font-size: 10px; text-transform: uppercase; padding-top: 5px; color: #7c6f40;} 
div.shopping-bag {background: url(../images/bag/bg_sub-sub-header.gif) no-repeat center top; width: 555px; margin-top: 5px;}
div.shopping-bag div.wrapper {background: none; padding: 0px 10px;}
div.shopping-bag table {width: 100%; border-collapse: collapse;}
div.shopping-bag th, div.shopping-bag td {font-size: 12px; text-align: left; font-weight: normal;}
div.shopping-bag th {padding: 8px 4px; margin: 0px;}
div.shopping-bag td {padding: 10px 4px;}
div.shopping-bag tr.highlight {background-color: #EAEAEA;}
div.shopping-bag .name {width: 64%; text-align: left;}
div.shopping-bag .price {width: 12%; text-align: left;}
div.shopping-bag th.quantity, div.shopping-bag td.quantity {width: 12px; text-align: center;}
div.shopping-bag td.quantity input {text-align: center;}
div.shopping-bag input.quantity {font-size: 10px; text-align: center; margin: 0px; border-collapse: collapse;}
div.shopping-bag .total {width: 12%; text-align: right;}
div.shopping-bag .update {padding: 0px 0px 5px; text-align: center;}
div.shopping-bag h1 {font-size: 16px;}
div.shopping-bag a {color: #222; display: inline-block;}
div.shopping-bag a:hover {color: #900; text-decoration: none;}
div.shopping-bag a.remove {font-size: 10px; text-transform: uppercase; padding-top: 6px; display: block; color: #900;}
div.shopping-bag a:hover.remove {text-decoration: underline;}
div.sub-total {overflow: auto;}
div.sub-total img, div.sub-total input {float: left; margin: 10px 0px 0px 10px;}
div.sub-total p {float: left; padding: 25px 0px 0px 10px; clear: left;}
div.totals {width: 50%; float: right; padding: 10px;}
div.totals table {width: 100%;}
div.totals td {padding: 2px 0px; text-align: right; font-size: 12px;}
div.totals td.label {width: 65%;}
div.totals td.amount {width: 35%;}
div.totals h1 {font-size: 16px;}
#charges {padding: 10px; clear: both; display: none;}
#charges table.ship-charges {margin: 5px auto; width: 400px; border: solid #999 1px; border-collapse: collapse; font-size: 11px;}
#charges table.ship-charges td {text-align: center;}
#charges table tr.head {padding: 5px; font-weight: bold; border: solid #999 1px; background-color: #dee5eb;}
#charges table tr.highlight {background-color: #f9f9f9;}
#charges table th {padding: 5px; font-weight: normal;}
#charges table td {margin: 10px auto; width: 350px; border: solid #999 1px; padding: 3px;}
#charges p {padding: 10px 10px 0px 20px; text-indent: 10px; line-height: 20px;}
#charges p.title {text-align: center; padding: 15px 0px 2px; line-height: 14px;}
#charges p.caption {text-align: center; padding: 2px 0px 10px; font-size: 11px;}
#charges p.note {text-indent: 0px; padding: 2px 0px 2px 20px; font-size: 11px;}

div.continue {background: url(../images/order/bg_continue.gif) no-repeat right bottom; height: 40px; text-align: right; clear: both;}
div.continue img {padding: 13px 3px 0px 0px;}