@charset "utf-8";
/* Checkout CSS Document */
/* Primary Content Area for pages with NO right content div */
#content { width:900px; min-height:500px; /* for modern browsers */ height:1% !important; /* for modern browsers */ height:500px; /* for IE5.x and IE6 */ padding: 0px 0px 20px 80px; float:left; }

#contentleft { width:740px; padding:0px 0px 20px 20px; float: left; } /* use instead of #content for pages with right content */
#contentleft h1 { font-size: 1.4em; padding-bottom: 10px; }
#contentleft table { font-size:1em; margin-bottom: 15px; border-bottom: 2px solid #999999; }
#contentleft th { color: #FFFFFF; background: #999999; padding: 6px; border-top: 1px none #CCCCCC; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; border-left: 1px none #CCCCCC; font: bold 0.8em Arial, sans-serif; white-space: nowrap; }
.col-header { padding:0 0 6px; margin-bottom: 6px; }
.col-data { font-weight: bold; color: #FFFFFF; background: #999999; padding: 3px 16px; border-top: 1px none #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px none #CCCCCC; }
.row-header { font-weight: bold; padding: 3px 12px 6px 6px; line-height: 1.5em; text-align: right; vertical-align: top; white-space: nowrap; border-bottom-style: none; }
.row-data,
.row-data2 { padding: 3px 16px; vertical-align: top; border-top: 1px dotted #CCCCCC; }
.row-input { padding: 3px 16px; vertical-align: top; }
.col-footer {padding: 6px 16px;} 
.row-total { padding: 3px 16px; vertical-align: top; border-top: 1px solid #999999; font-weight: bold; text-align: right; }
.row-price { padding: 3px 16px; vertical-align: top; border-top: 1px solid #999999; font-weight: bold; text-align: right; }
.row-discount { padding: 3px 16px; vertical-align: top; border-top: 1px solid #999999; font-weight: bold; text-align: right; }
#shoppingcart table {width:740px; }
.cart-qty-remove { width:40px; text-align: center; }
.cart-productdetail { width:500px; }
.cart-price { width:60px; text-align: center; }
input,
select { background-color:#EEEEEE; }
#message { width:530px; border:2px solid #FF3300; padding:5px; float: right; margin: 0 50px 10px 0; line-height: 1.5em; text-align: center; }
#checkoutbutt { width:550px; float:left; margin-bottom: 15px; padding-top: 6px; }
.orange-button, .input-box { color:#FFFFFF; background: #FF9900; font-weight: bold; }
#continuebutt { width:200px; float:right; }
#cartinfo { width:715px; float: left; border-top: 1px dotted #CCCCCC; padding-top: 10px; }
/* Checkout login page */
#cust-existing { width:300px; border-right:1px dotted #CCCCCC; float: left; position: relative; padding-right: 15px; margin-right: 15px; }
#cust-existing td .row-data {border-top:none; }
#cust-new { width:300px; margin-right:15px; border-right:1px dotted #CCCCCC; float: left; position: relative; padding-right: 15px; }
#cust-guest { width:220px; float: left; position: relative; }
#login { padding-top:10px; margin-top: 20px; border-top: 1px dotted #CCCCCC; }
.buttbutt { float: left; padding-left: 50px; }
/* New customer registration */
#reg-content { width: 800px; float:right; margin-bottom: 50px; }
#reg-content table { width:600px; }
#reg-content table th { }
#reg-content table td { text-align: left; width: 400px; vertical-align: middle; }
/* Shipping Carrier page */
#ship-carrier { width: 700px; float:right; margin-bottom: 50px; }
/* Shipping & Billing address page */
#shipenter { width:450px; float:right; }
#billenter { width:430px; float:left; }
#billenter td, #shipenter td {padding:2px; }
/* Shipping & Billing & Edit pages - 4 */
#ship-edit { width: 800px; float:right; margin-bottom: 50px; }
#ship-edit table { width:400px; }
#ship-edit table th { }
#ship-edit table td { text-align: left; width: 400px; vertical-align: middle; }
#ship-edit #shipaddress { width:400px; margin: 0px; }
#ship-edit #shipaddress td{ width:200px; text-align: left; vertical-align: top; }
#ship-edit #buttonpanel { float:left; padding: 0 0 0 20px; }
#nextbutt { width:420px; float:left; padding-top: 15px; padding-left: 400px; }
/* Payment page */
#payment { width: 700px; float:right; margin-bottom: 50px; }
#payment table td {padding: 5px; vertical-align: top; border-top:none;}
/* Summary page */
#sumtop { margin:10px 0 10px; padding-bottom: 6px; border-bottom: 1px dotted #CCCCCC; float: left; width: 820px; }
#sumbilling { width:400px; float:left; }
#sumpayment { width:400px; padding-top: 6px; border-top: 1px dotted #CCCCCC; }
#sumship { width:300px; float:left; padding-left: 20px; border-left: 1px dotted #CCCCCC; margin-left: 20px; }
#sumcarrier { width:300px; padding-top: 6px; border-top: 1px dotted #CCCCCC; }
#sumitems{ width:800px; float:left; border-top: 2px solid #CCCCCC; padding-top: 6px; margin-top: 6px; padding-left: 30px; }
#sumitems table { width:750px; }
#sumitems th { color: #FFFFFF; background: #999999; padding: 6px 12px; border-top: 1px none #CCCCCC; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; border-left: 1px none #CCCCCC; font: bold 0.9em Arial, sans-serif; white-space: nowrap; }
#sumitems table td { padding: 3px 12px 3px 6px; border-bottom: 1px dotted #CCCCCC; }
.product {width:560px;}
.number {width:60px;}
#sumitems table th.quantity { width:40px; text-align:center; padding: 0px; }
#sumitems table td.row-header {border-bottom:none; }
#sumitems table td.row-total {border-bottom:none; }
.price, .ext-price  { text-align:right; }
#sumpaymentoption {clear:both; width:800px;padding-left:30px; padding-top:6px; border-top:2px solid #CCC; margin-top:6px;}
#sumcomments { margin: 15px 0 0; float:left; width: 700px; padding-left: 30px; }
/* Final Invoice page
      Use divs from Summary page */
#ordertop { width: 300px; margin:10px 0 0px; float: left; }
#orderinfo { width:200px; margin:20px 0 0; float:left; }
#coinfo { width: 280px; margin:20px 0 0; float:right; }
/* Item Product Page */
#itemdiv { width: 700px; float:left; }
#itemdiv #return a{ padding:5px 10px; background-color:#FF9900; color:#FFFFFF; font-weight:bold; float: right; margin-right: 15px; }
#itemdiv #return a:hover {color:#333333; }
#itemdiv table { width: 690px; }
#itemdiv .buy-button {color:#FFFFFF; background: #FF9900; font-weight: bold; }
#itemdiv .add { width: 105px; padding: 6px 16px 6px 0; vertical-align: top; border-top: 1px dotted #CCCCCC;}
#itemphoto { width:300px; float:left; }
#itemphoto p {text-align: center; }
#itemdescription { width: 400px; float:left; }
#itemdescription h4 {padding-top: 50px; }
/* Right Content Area */
#contentright { width:220px; height: 1%; float: left; }
#contentright h1,
#contentright h2,
#contentright h3,
#contentright h4,
#contentright h5,
#contentright p { padding: 0px 0px 0px 20px; }
#contentright img { padding-left:0; padding-right: .2em; }
#contentright h4,
#contentright h5 { color: #333333; padding-bottom: 0px; padding-top: 3px; }
#contentright h3 { color:#FFFFFF; background: #FF9900; font: bold 1em Tahoma, Verdana, Arial, sans-serif!important; padding: 5px 10px; margin: 0px 0 5px 20px; text-align: center; }
#contentright table { margin:0px 5px 10px 20px; }
#contentright th { padding:5px 10px; text-align:center; vertical-align:top; background-color:#999999; color:#FFFFFF; font-weight:bold; font-size: 0.8em; }
#contentright td { padding:5px; text-align:center; vertical-align:middle; border: 1px solid #CCCCCC; font-size: .8em; }
#contentright ul { margin:3px 5px 15px 40px; }
#contentright li { padding: 0 10px 3px 0; }