div.shoppingBasket2 { margin: 10px 0px 10px 0px; }
div.shoppingBasket2 *.information { display: block; font-weight: normal; color: #000; padding: 5px; border: solid 1px #339; background-color: #9cf; margin: 20px 40px 10px 40px; text-align: center; }
div.shoppingBasket2 div.errorBox { background-color: #fcc; border: solid 3px #f33; margin: 20px; }
div.shoppingBasket2 h2 { padding: 0px 5px 0px 10px; height: 23px; margin: 0px; font-size: 100%; background-image: url(/css/images/shoppingBasket2/checkout/h2Background.jpg); background-repeat: repeat-x; border-bottom: solid 1px #ccc; background-position: bottom; background-color: #fff !important; }
div.shoppingBasket2 h2 img { margin: 0px 10px 0px 10px; vertical-align: middle; } 
div.shoppingBasket2 h2 span.help { display: block; float: right; position: relative; top: -14px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 16px; background-position: left center; background-image: url(/css/images/shoppingBasket2/checkout/help.png); background-repeat: no-repeat; font-size: 85%; font-weight: normal; }
div.shoppingBasket2 h2 span.help a { text-decoration: none; display: block; padding: 3px; color: #33f; }
div.shoppingBasket2 h2 span.help a:hover { text-decoration: underline; }

div.shoppingBasket2 h3 { font-size: 90%; border-bottom: solid 1px #ccc; padding: 3px; }
div.shoppingBasket2 div.panel { display: block; margin: 0px;  padding: 0px; }
div.shoppingBasket2 div.panel div.panelBody { border: solid 2px #ccc; background-color: #f8f8f8; padding: 10px;}
div.shoppingBasket2 div.panel div.panelBody div.tabPage { border: solid 1px #898c95; position: relative; top: -2px; padding: 5px;background-color: #fff; }
div.shoppingBasket2 div.panel div.panelBody div.tabPage div.tabOverlap { position: relative; top: -6px; background-color: #fff; height: 3px; }

div.shoppingBasket2 div.panel div.panelBody fieldset { margin: 0px; padding: 10px; border: none; }
div.shoppingBasket2 div.panel div.panelBody fieldset legend { padding: 0px 10px 0px 10px; font-weight: bold; }
div.shoppingBasket2 div.panel div.panelBody fieldset p { display: block; float: none; clear: both; margin: 10px; padding: 0px; height: 20px; }
div.shoppingBasket2 div.panel div.panelBody fieldset p.borderAbove { border-top: solid 1px #ccc; padding-top: 5px; }
div.shoppingBasket2 div.panel div.panelBody fieldset p label { display: block; width: 150px; float: left; clear: left; text-align: right; font-weight: bold; padding: 5px 5px 0px 0px;}
div.shoppingBasket2 div.panel div.panelBody fieldset p input,
div.shoppingBasket2 div.panel div.panelBody fieldset p select { font-size: 100%; width: 200px; float: left; clear: right; border: solid 1px #666; padding: 3px;}
div.shoppingBasket2 div.panel div.panelBody fieldset p input.button { width: 100px; clear: both; float: none; font-size: 90%; font-weight: bold; margin: 10px 0px 20px 205px; display: block; height: 25px; border: outset 2px #fff; }
div.shoppingBasket2 div.panel div.panelBody div#addressBook { margin: 20px auto; width: 80%; }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table { }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table caption { }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table th,
div.shoppingBasket2 div.panel div.panelBody div#addressBook table td { padding: 5px; width: 150px; border-top: solid 1px #ccc; }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table th { text-align: left; border-top: none; }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table td input.button { font-size: 90%; font-weight: bold; width: 160px; }


/* the billing/address panels should sit alongside each other - as in the PJ Harvey song . ## We floooaaaatttt ## */
div.shoppingBasket2 div#addressContainer { margin: 0px 0px 20px 0px; height: 250px;}
div.shoppingBasket2 div#addressContainer div#billingAddress { display: block; width: 49%; float: left; height: 100%; }
div.shoppingBasket2 div#addressContainer div#shippingAddress { display: block; width: 49%; float: right; height: 100%; }

div.shoppingBasket2 div#paymentContainer { margin: 20px 0px 0px 0px; }
div.shoppingBasket2 div.panel div.panelBody div.address { }
div.shoppingBasket2 div.panel div.panelBody div.address fieldset { }
div.shoppingBasket2 div.panel div.panelBody div.address fieldset p input.button { width: 150px; }
div.shoppingBasket2 div.panel div.panelBody fieldset ul.validationHelper { list-style-type: none; }
div.shoppingBasket2 div.panel div.panelBody fieldset ul.validationHelper li { font-size: 80%; font-weight: bold; display: block; background-repeat: no-repeat; background-position: 3px left; padding: 4px 4px 4px 20px; }
div.shoppingBasket2 div.panel div.panelBody fieldset ul.validationHelper li.error { background-image: url(/css/images/shoppingBasket2/checkout/error.gif); }

div.shoppingBasket2 p { margin: 5px; }
div.shoppingBasket2 div.basket { }
div.shoppingBasket2 div.basket div.emptyBasket { font-weight: bold; color: #000; border: solid 1px #f33; background-color: #fcc; margin: 20px auto; width: 50%; text-align: center; }
div.shoppingBasket2 div.basket table { margin: 10px auto;  }
div.shoppingBasket2 div.basket table th { padding: 3px; text-align: left; border-bottom: solid 1px #ccc; }
div.shoppingBasket2 div.basket table td { padding: 3px; }
div.shoppingBasket2 div.basket table td.qty { width: 60px; }
div.shoppingBasket2 div.basket table td.qty input.removeItem { width: auto; padding: 0px 0px 0px 5px; vertical-align: middle; }
div.shoppingBasket2 div.basket table td.itemName { width: 350px; }
div.shoppingBasket2 div.basket table td.price { width: 100px; }
div.shoppingBasket2 div.basket table td input { width: 50px;  }
div.shoppingBasket2 div.basket table td input.quantityTextBox { width: 30px; font-size: 80%; text-align: center; border: solid 1px #666;}
div.shoppingBasket2 div.basket table td input.updateQtyButton { width: 70px; font-size: 90%; font-weight: bold; }

div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer { height: 100px;}
div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer div#commentLeft { float: left; height: 100px; width: 49%; }
div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer div#commentRight { float: right; height: 100px; width: 49%; }
div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer div#commentRight textarea { height: 80px; width: 99%; }

div.shoppingBasket2 div.panel div.panelBody div.creditCard { }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset { }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p { display: block; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.supportedCards { display: none; float: none; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.fauxLabel { font-weight: bold; float: left; width: 150px; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.cardDates label { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.cardDates select { width: 50px; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p input.submitPayment { width: 150px; border: outset 2px #666; font-size: 90%; font-weight: bold; height: 30px; margin: 10px 0px 20px 150px; }

/* images/shoppingBasket2/checkout/ */
div.shoppingBasket2 address { padding: 0px 0px 0px 15px; }
div.shoppingBasket2 *.hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }