/**
 * General basket layout.
 */
.basket-header h1 {margin:0;}

/**
 * Basket page table layout.
 */
.basket-items {margin:10px 0 15px;}
.basket-items .basket-item {margin:5px 0; font-size:12px;}
.basket-items tr {border-bottom:none;}
.basket-items th, .basket-items td {width:94px; border-style:solid; background:#fff;}
.basket-items th {padding:8px 10px 7px; border-color:#ccc; border-width:1px 0; line-height:1;}
.basket-items td {border-color:#e5e5e5; border-width:0 0 1px 0; padding:10px 15px;}
.basket-items td.spanning {width:auto;}

/**
 * Basket items layout.
 */
.basket-items .basket-item td {border-width:0 1px 1px 0; border-right-color:#f2f2f2;}
.basket-items .basket-item td, .basket-items .basket-item {vertical-align:middle; text-align:center;}
.basket-items .basket-item td.item {text-align:left;}
.basket-items th, .basket-items td {vertical-align:middle;}
.basket-items th, .basket-items .basket-item td {text-align:center;}
.basket-items th.first, .basket-items td.first {padding-left:0;}
.basket-items td.total {border-right-width:1px; border-right-color:#f8f8f8;}
.basket-items .basket-item td.total {border-right-color:#e5e5e5;}

/**
 * Basket item field layout.
 */
.basket-item .item {width:399px;}
.basket-item .item .image a {display:block; border:1px solid #e5e5e5;}
.basket-item .item .image img {display:block; border:none;}
.basket-item .item h3 {margin:10px 0; font-size:12px; color:#555; font-weight:bold; font-family:Helvetica, Arial, sans-serif; *font-family:Arial, sans-serif;}
.basket-item .remove-item {margin:5px 0 0 0; font-size:11px;}

/**
 * Basket item quantity form.
 */
html.js .basket-item td.quantity input {display:none;}

/**
 * Basket item totals.
 */
.basket-items td.total {font-size:14px; font-weight:bold; background:#f8f8f8; text-align:right; width:94px;}

/**
 * Basket totals.
 */
.basket-items tr.subtotal td.first, .basket-items tr.total td.first {font-weight:bold; text-align:right;}
.basket-items tr.subtotal td.first {font-size:12px;}
.basket-items tr.total td.first {font-size:14px;}
.basket-items tr.total td.total {font-weight:bold; font-size:18px;}
.basket-item td.total p {margin-bottom:0;}
.basket-item td.total .old-price {margin:0 0 5px 0; font-size:12px;}
.basket-item .new-price {color:#ec1c24;}

/**
 * E-vouchers and promo codes.
 */
#update-promos-form {}
#update-promos-form label {margin:3px 10px 0 0;}
#update-promos-form input.text {line-height:1; margin:0 10px 0 0; padding:3px 6px;}
#update-promos-form .button {display:inline-block; padding:3px 18px 3px 8px; border-color:#a4a4a4; line-height:1;}
.basket-items .promo-info-link {margin:3px 0 0 0;}

/**
 * Delivery costs.
 */
.delivery td.first {font-weight:bold; font-size:12px; text-align:right;}
.delivery td.first p {margin:0;}
.delivery td.first .delivery-details {float:left; font-weight:normal; font-size:11px;}

/**
 * Login form and checkout buttons.
 */
#login input.text, #login input.password {padding:3px 6px 2px;}
#login .submit, .checkout-link {text-align:left; background-position:95% -1792px;}
#login .submit {padding:5px 20px 4px 15px; width:125px;}
.checkout-link {padding:3px 20px 2px 15px; width:90px;}

/**
 * Thawte security notice and supported payment methods block.
 */
.security-payment-notices {clear:both; height:40px;}
.security-payment-notices img {margin-right:15px; float:left;}
.security-payment-notices p {margin-top:10px;}
.security-payment-notices .card-icons {margin:6px 0 0 0; float:right;}



.notice {color:#ec1e24;}
.basket-item .item .notice {width:150px;}

.promocodes {width:100px;}
.promocodes .info {width:290px;}
.promocodes .form {width:100px;}
.promocodes .promo-info-link {margin-top:20px;}
.promocodes INPUT, .promocodes LABEL {display:block; font-weight:normal; float:right;}
.promocodes LABEL, .promocodes INPUT.text {margin-right:10px;}
.promocodes LABEL {padding:4px 0; float:left;}
.promocodes .apply-code {margin-top:20px;}
.promocodes #update-promos-form {width:420px;}
.promocodes #update-promos-form INPUT.text {float:left;}
.delivery .info {}
.delivery .total {}
TR.delivery LABEL {font-size:12px;}
TR.delivery TD {padding-bottom:5px;}
TR.delivery .delivery-notice {clear:both; margin-left:297px;}
.delivery .total .span {margin-left:-190px;}
.delivery .total .span .title {width:170px;}
/** Calendar */
#cal1Container { display:none; position:absolute; left:415px; top:-220px; z-index:2}
#showCalendar {border:none; background:url("/static/site/graphics/calendar.gif") 0 0 no-repeat; text-indent:-10000px; width:20px; height:20px; cursor:pointer; margin-left:5px;}
.dates {float:left; margin-left:20px;}
.dates SELECT {margin-left:10px;}

.thankyou-page P {font-size:12px;}
.confirmation-table .basket-items {width:730px; margin:20px 0;}
.confirmation-table .basket-items P {font-size:11px;}
.confirmation-table .basket-items .item {width:490px;}
.confirmation-table .basket-items .size {width:30px;}
.confirmation-table .basket-items .quantity {width:70px; text-align:center;}
.confirmation-table TH, .confirmation-table TD {vertical-align:top;}
.confirmation-table TH {width:120px; font-weight:bold;}
.confirmation-table .info TD H3, .confirmation-table .info TD P {font-size:12px; color:#555555; font-family:Helvetica,Arial,sans-serif;}
.confirmation-table .total {border-top:none; text-align:right;}
.confirmation-table .total.vat-notice { text-align:left; }
.confirmation-table .total .old-price {}
.confirmation-table .total .new-price {color:#ec1c24;}
.confirmation-table .confirmation-total {text-align:right; width:auto; font-weight:bold;}
.confirmation-table .total-column {padding:5px 10px 5px 0;}

.m5 {margin:5px 0;}
.mt50 {margin-top:50px;}
#basket-page #login {display:none; float:right;}

#basket-page .vat-notice {float:right; clear:right; width:140px;}

#checkout {margin-bottom:200px;}
#checkout .section-header, #checkout .opc-active H2, #checkout .opc-inactive H2, #checkout .opc-complete H2 {background:url('/static/site/graphics/prototype/dashes.png') repeat-x 0 100%;}
#checkout .section-header H3, #checkout .opc-active H2 *,  #checkout .opc-inactive H2 *, #checkout .opc-complete H2 * {display:block; margin:0; padding:18px 0 10px; color:#555; font-size:17px; background:url('/static/site/graphics/prototype/accordion-toggles.png') no-repeat -540px 22px; text-decoration:none;}
#checkout .section-header A.basket-link {display:block; text-decoration:none;}
#checkout .section-header A.basket-link:hover {color:#555;}
#checkout .basket-section H3 {padding-top:8px; background-position:-540px 16px;}
#checkout .expanded H3 {background-position:0 35px;}
#checkout .collapsed H3 {cursor:pointer;}
#checkout .select-container {float:left; margin-right:10px; z-index:inherit; *position:relative; *z-index:1;}
#checkout .c365 .select-container, #checkout .c365 .select-container .select-display {position:relative;}
#checkout .postcode-lookup-form .c300 .select-container, #checkout .postcode-lookup-form .c300 .select-container .select-display {z-index:1000;}
#checkout .startDate .select-display, #checkout .startDate .select-container {z-index:500;}
#checkout .cardType .select-display, #checkout .cardType .select-container {z-index:1000;}
#checkout .cardType .select-list LI {white-space:nowrap;}

#payment-form-block {overflow:hidden;}

#newsletter-subscribe-form .select-container {float:left; margin-bottom:10px;}
#newsletter-subscribe-form P {clear:both;}

.opc-active H2.inactive {display:none;}

.opc-active .opc-summary {display:none;}
.opc-active .opc-form {display: block;}

.opc-inactive .opc-summary {display:none;}
.opc-inactive .opc-form {display:none;}
.opc-inactive H2.inactive {display: block;}

.opc-complete .opc-summary {display:block;}
.opc-complete .opc-form {display: none;}
.opc-complete H2.inactive {display: none;}

.spinner {background-image:url('/static/site/graphics/spinner.gif'); background-position:center center; background-repeat:no-repeat;}
.small-spinner {background-image:url('/static/site/graphics/small-spinner.gif'); background-position:center center; background-repeat:no-repeat;}
.spinner-right {background-image:url('/site/static/graphics/spinner.gif'); background-position:top right; background-repeat:no-repeat;}

.hide-for-overlay SELECT, .hide-for-overlay OBJECT, .hide-for-overlay EMBED {*visibility:hidden;}

.opc-warning {border:1px solid #ec1c24; color:#ec1c24; padding:9px; margin:10px 0;}

#checkout .hidden {display:none;}

#giftWrapLine P {margin-bottom:0;}

/**
 * Gift wrap form.
 */
.him-or-her-radios {font-size:14px;}
.him-or-her-radios INPUT, .him-or-her-radios SPAN {font-weight:normal;}
.him-or-her-radios LABEL.radio {display:inline; background-position:-2000px 0; padding:3px 0 3px 24px;}
.him-or-her-radios LABEL.radio-checked, .him-or-her-radios LABEL.radio-checked-focused, .him-or-her-radios LABEL.radio-checked-hovered, .him-or-her-radios LABEL.radio-checked-focused-hovered {background-position:-3000px 0;}

.postcode-lookup-form {margin:20px 0; width:500px;}
.postcode-lookup-form DIV.clear {margin:10px 0;}
#checkout .postcode-lookup-form .select-container {float:none; width:100%;}

#payment-form-start {position:relative;}
#payment-form-start .opc-field DIV.c365 {width:230px;}
#payment-form-start .opc-field .form-line input.text, #payment-form-start .opc-field .form-line input.password, #payment-form-start .opc-field .form-line textarea {width:216px;}

/**
 * Credit card image styling.
 */
#cardHighlight {position:absolute; display:block; z-index:1; width:10px; height:10px; margin:10px 10px 0px 0px; border:2px dotted #FFFFFF; overflow:hidden;}
#card {position:absolute; right:0; overflow:hidden; height:100px; width:160px; padding:0; margin:0 auto 10px;}
#card IMG, #card .card-image {width:100%!important; height:100px;}

.basket-small {width:540px;}
.basket-small TH, .basket-small TD {text-align:left; vertical-align:top;}
.basket-small THEAD TH {background:#f6f6f6; font-weight:bold; line-height:1;}
.basket-small TH, .basket-small TR.total TD {padding:8px 10px 7px; border-width:1px 0; border-style:dotted; border-color:#b4b4b4;}
.basket-small TD, .basket-small TBODY TH {padding:7px 10px 8px;}
.basket-small TD P {margin:0;}
.basket-small .quantity {text-align:center;}
.basket-small TD.total, .basket-small TBODY TH.total {background:#f8f8f8; text-align:right;}
.basket-small .total {width:90px;}
.basket-small TR.total TD, .basket-small TBODY TR.total TH {text-align:right; vertical-align:middle; font-weight:bold;}
.basket-small TR.total TD.title {}
.basket-small TR.total TD.total {background:#fff; font-size:14px;}

/**
 * Form field layout management.
 */
.opc-field {margin:10px 0;}
.opc-field .fielderror {margin:0; padding-left:135px;}
.opc-field .title {width:75px;}
.opc-field .country {width:200px;}
.opc-field .start-date {width:75px;}
.opc-field .end-date {width:75px;}
.opc-field .payment-type {width:75px;}


/**
 * Delivery table.
 */
#delivery-table {width:500px;}
#delivery-table .select-container {width:250px;}
#deliveryDetails textarea.textarea {height:40px;}