/* Common Styles */
html { height: 100%; }
body { height: 100%; }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

/* Template Styles */

#checkoutPopupWrapper { position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 100%; min-height: 100%; background: url(/i/checkoutPopup_masterBG.png); }
* html #checkoutPopupWrapper { height: 100%; }
#checkoutPopup { position: relative; z-index: 11; display: block; width: 980px; margin: 0px auto 0px; padding: 10px; background: #ffffff; }

#checkoutPopup #header { position: relative; z-index: 10; height: 70px; margin-bottom: 10px; background: url(/i/checkoutPopup_headerBG.jpg) repeat-x; }
#checkoutPopup #header .logo { position: absolute; top: 13px; left: 24px; }
#checkoutPopup #header #wheelbarrow { position: absolute; top: 28px; left: 226px; }
#checkoutPopup #header.stage2 #wheelbarrow { left: 383px; }
#checkoutPopup #header.stage3 #wheelbarrow { left: 548px; }
#checkoutPopup #header.stage4 #wheelbarrow { left: 687px; }
#checkoutPopup #header.stage5 #wheelbarrow { left: 832px; }
#checkoutPopup #header #checkoutStage { position: absolute; top: 9px; left: 225px; display: block; width: 715px; height: 19px; background: url(/i/checkoutPopup_checkoutStage.jpg); }
#checkoutPopup #header.stage2 #checkoutStage { background-position: 0 -19px; }
#checkoutPopup #header.stage3 #checkoutStage { background-position: 0 -38px; }
#checkoutPopup #header.stage4 #checkoutStage { background-position: 0 -57px; }
#checkoutPopup #header.stage5 #checkoutStage { background-position: 0 -76px; }

#checkoutPopup .contentWrapper { width: 930px; padding: 25px 25px 0; background: #d6e3c6; }
#checkoutPopup .contentContainer { display: block; padding: 25px 35px 0; background: #eef9e2; min-height: 300px; }
#checkoutPopup .twoColumn .contentContainer { display: block; padding: 25px 35px 0; background: url(/i/checkoutPopup_2ColumnBG.gif); }
#checkoutPopup .twoColumn .col1 { float: left; width: 390px; padding-right: 80px; }
#checkoutPopup .twoColumn .col2 { float: left; width: 390px; }

#checkoutPopup .footer { height: 27px; padding: 16px 25px 0; overflow: hidden; background: #d6e3c6 no-repeat 22px 5px; }
#checkoutPopup .secure { background: #d6e3c6 url(/i/checkoutPopup_secureCheckout.gif) no-repeat 22px 5px; }
#checkoutPopup .footer .continueShopping { float: left; display: inline; margin-left: 305px; }
#checkoutPopup .footer .footerLinks { float: right; margin: 0; }
#checkoutPopup .footer .footerLinks LI { display: inline; margin-left: 11px; font-size: 0.9em; line-height: 18px; }
#checkoutPopup .footer .footerLinks LI A { color: #3d3d38; text-decoration: underline; }
#checkoutPopup .footer .footerLinks LI A:hover { color: #68685f; }

#checkoutPopup H1 { margin: 0 0 7px; font-size: 1.9em; color: #2a2c25; }
#checkoutPopup H2 { margin: 0 0 7px; padding: 0; font-size: 2em; line-height: 1em; color: #2a2c25; }
#checkoutPopup H3 { margin: 0 0 7px; padding: 0; font-size: 1.5em; line-height: 1em; color: #2a2c25; }
#checkoutPopup A { color: #3d3d38; text-decoration: underline; }
#checkoutPopup A:hover { color: #68685f; }

#checkoutPopup .TVI-form { margin: 15px 0; }
#checkoutPopup .TVI-form .field { margin-bottom: 6px; }
#checkoutPopup .TVI-form .textBox LABEL,
#checkoutPopup .TVI-form .select LABEL { float: left; display: inline; width: 130px; margin-right: 10px; line-height: 23px; font-size: 0.9em; font-weight: bold; color: #2a2c25; border-bottom: 1px dashed #b3bea6; }
#checkoutPopup .TVI-form .label { float: left; display: inline; width: 130px; margin-right: 10px; line-height: 23px; font-size: 0.9em; font-weight: bold; color: #2a2c25; }
#checkoutPopup .TVI-form .textBox INPUT { float: left; width: 232px; height: 18px; padding: 4px 8px 0; font-size: 1em; border: 1px solid #b3bea6; }
#checkoutPopup .TVI-form .select SELECT { float: left; width: 250px; padding: 1px 0; margin-top: 2px; font-size: 1em; border: 1px solid #b3bea6; }
#checkoutPopup .TVI-form .checkBox LABEL { float: left; width: auto; margin: 0; line-height: 22px; font-weight: normal; border: 0; }
#checkoutPopup .TVI-form .checkBox INPUT { float: left; display: inline; width: 15px; height: 15px; margin: 3px 0 0 6px; }
#checkoutPopup .TVI-form .radio { padding-bottom: 7px; border-bottom: 1px dashed #b3bea6; }
#checkoutPopup .TVI-form .radio LABEL { float: left; width: auto; margin: 0; line-height: 22px; font-weight: normal; border: 0; }
#checkoutPopup .TVI-form .radio INPUT { float: left; display: inline; width: 15px; height: 15px; margin: 3px 6px 0 0; }
#checkoutPopup .TVI-form .formTip { float: right; font-size: 0.9em; }
#checkoutPopup .TVI-form .status { float: left; width: 24px; height: 24px; background: url(/i/checkoutPopup_formStatus.gif); }
#checkoutPopup .TVI-form .TVI-valid .status { background-position: 0 -24px; }
#checkoutPopup .TVI-form .TVI-valid INPUT { border: 1px solid #B3BEA6; }
#checkoutPopup .TVI-form .TVI-error .status { background-position: 0 -48px; }
#checkoutPopup .TVI-form .TVI-error INPUT { border: 1px solid #d9424a; }

#checkoutPopup .collectionPage { height: auto; }
* html #checkoutPopup .collectionPage { }
#checkoutPopup .collectionPage .contentContainer { min-height: 445px; height: auto; padding-bottom: 25px; }
* html #checkoutPopup .collectionPage .contentContainer { height: 445px; }
#checkoutPopup .collectionPage .continue { margin: 10px 0 0 279px;}
#checkoutPopup .collectionPage .addressSelect .checkBox { float: none; padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px dashed #b3bea6; }
#checkoutPopup .collectionPage .addressSelect .checkBox INPUT { margin: 3px 7px 0 0; }
#checkoutPopup .collectionPage .addressSelect .checkBox LABEL { width: 368px; font-size: 1.3em; }
#checkoutPopup .collectionPage .addressSelect .collectionLocation { display: block; margin: 4px 0 0 22px; }
#checkoutPopup .collectionPage .addressSelect .continue { margin-top: 20px; }
#checkoutPopup .collectionPage .addressSelect .changeToDeliver { margin: 10px 0 0 57px; }
#checkoutPopup .collectionPage #map { width: 390px; height: 350px; margin-top: 10px; }

#checkoutPopup .confirmPage .contentWrapper { height: auto; padding-bottom: 0; }
#checkoutPopup .confirmPage .contentContainer { height: auto; padding-bottom: 25px; }
#checkoutPopup .confirmPage .twoColumn { padding-top: 10px; }
#checkoutPopup .confirmPage .addressDetails { margin: 25px 0 0; line-height: 1.5em; }
#checkoutPopup .confirmPage .addressDetails .billingAddress { float: left; width: 220px; }
#checkoutPopup .confirmPage .addressDetails .deliveryAddress { float: left; width: 250px; }
#checkoutPopup .confirmPage .addressDetails .colectionAddress { float: left; width: 390px; }
#checkoutPopup .confirmPage .addressDetails .colectionAddress .orderCollectTitle { margin: 0 0 7px; padding: 0; font-size: 1.2em; font-weight: bold; line-height: 1em; color: #2a2c25; }
#checkoutPopup .confirmPage .confirmOrder { margin: 10px 0 0 231px; }

#checkoutPopup .confirmProducts { margin: 20px 0; }
#checkoutPopup .confirmProducts .product { width: 390px; height: 70px; padding-bottom: 9px; margin-bottom: 9px; border-bottom: 1px dashed #b3bea6; }
#checkoutPopup .confirmProducts .product .productImage { float: left; display: inline; width: 70px; height: 70px; overflow: hidden; margin-right: 20px; }
#checkoutPopup .confirmProducts .product .productDetail { float: left; display: inline; width: 225px; margin-right: 20px; font-weight: bold; }
#checkoutPopup .confirmProducts .product .productDetail .price { margin-top: 6px; font-weight: normal; }
#checkoutPopup .confirmProducts .product .productQuantities { float: left; width: 55px; margin: 0; text-align: right; }
#checkoutPopup .confirmProducts .product .productQuantities .field { width: 55px; margin: 0; padding: 0; text-align: left; border: 0; background: transparent; }
#checkoutPopup .confirmProducts .product .productQuantities .field LABEL { width: 10px; margin-right: 5px; line-height: 24px; font-weight: normal; color: #525252; border: 0; }
#checkoutPopup .confirmProducts .product .productQuantities .field INPUT { width: 22px; }
#checkoutPopup .confirmProducts .product .productQuantities A { display: block; margin: 6px 0; }

#checkoutPopup .deliveryPage {}
#checkoutPopup .deliveryPage .contentContainer { }
#checkoutPopup .deliveryPage .TVI-form .textBox LABEL,
#checkoutPopup .deliveryPage .TVI-form .select LABEL { width: 160px; }
#checkoutPopup .deliveryPage .TVI-form .textBox INPUT { width: 202px; }
#checkoutPopup .deliveryPage .TVI-form .select SELECT { width: 220px; }
#checkoutPopup .deliveryPage .lookup { margin: 20px 0 20px 247px; }
#checkoutPopup .deliveryPage .TVI-form .checkBox { float: right; }
#checkoutPopup .deliveryPage .continue { margin: 20px 0 0 279px;}
#checkoutPopup .deliveryPage .addressSelect .checkBox { float: none; padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px dashed #b3bea6; }
#checkoutPopup .deliveryPage .addressSelect .checkBox INPUT { margin: 3px 7px 0 0; }
#checkoutPopup .deliveryPage .addressSelect .checkBox LABEL { width: 368px; font-size: 1.3em; }
#checkoutPopup .deliveryPage .addressSelect .continue { margin-top: 20px; }
#checkoutPopup .deliveryPage .addressSelect .changeToCollect { margin: 10px 0 0 86px; }
#checkoutPopup .deliveryPage .label { width: 160px; }
#checkoutPopup .deliveryPage .radio .radioContainer { float: left; width: 220px; font-size: 0.9em; }

#checkoutPopup .deliveryOptionPage .contentContainer { width: 485px; padding-right: 410px; }
#checkoutPopup .deliveryOptionPage .orderDelivered { margin: 20px 0 10px; }
#checkoutPopup .deliveryOptionPage .orderCollect { margin: 10px 0  20px; }

#checkoutPopup .loginPage .login { margin: 20px 0 0 93px;}
#checkoutPopup .loginPage .createNewAccount { margin: 20px 0 0 171px;}

#checkoutPopup .offerProducts { margin: 20px 0 0; }
#checkoutPopup .offerProducts .product { width: 390px; height: 90px; padding-bottom: 9px; margin-bottom: 9px; border-bottom: 1px dashed #b3bea6; }
#checkoutPopup .offerProducts .product .productImage { float: left; display: inline; width: 90px; height: 90px; overflow: hidden; margin-right: 20px; }
#checkoutPopup .offerProducts .product .productDetail { float: left; display: inline; width: 155px; margin-right: 15px; font-weight: bold; }
#checkoutPopup .offerProducts .product .productDetail .description { margin-top: 6px; font-weight: normal; }
#checkoutPopup .offerProducts .product .productQuantities { float: left; width: 110px; margin: 0; }
#checkoutPopup .offerProducts .product .productQuantities .field { width: 55px; margin: 0; padding: 0; padding-left: 55px; border: 0; background: transparent; }
#checkoutPopup .offerProducts .product .productQuantities .field LABEL { width: 10px; margin-right: 5px; line-height: 24px; font-weight: normal; color: #525252; border: 0; }
#checkoutPopup .offerProducts .product .productQuantities .field INPUT { width: 22px; }
#checkoutPopup .offerProducts .product .productQuantities A { margin: 8px 0; }

#checkoutPopup .productSummary { padding: 9px 0 0 0; }
#checkoutPopup .productSummary .item { line-height: 1.9em; }
#checkoutPopup .productSummary .item .itemLeft { float: left; width: 310px; }
#checkoutPopup .productSummary .item .itemRight { float: left; width: 80px; text-align: right; }
#checkoutPopup .productSummary .total DIV { font-size: 14px; font-weight: bold; }

#checkoutPopup .promoCode { margin: 0; padding-bottom: 13px; border-bottom: 1px dashed #b3bea6; }
#checkoutPopup .promoCode .textBox { margin: 0; }
#checkoutPopup .promoCode .textBox LABEL { float: none;  display: block; width: auto; margin: 0 0 5px 0; font-weight: normal; border: 0; }
#checkoutPopup .promoCode .textBox INPUT { float: left; }
#checkoutPopup .promoCode .button { float: left; margin: 2px 0 0 10px; }

#checkoutPopup .makePaymentPage .contentContainer { background-image: url(/i/checkoutPopup_makePaymentBG.gif); }
#checkoutPopup .makePaymentPage .col1 { width: 460px; }
#checkoutPopup .makePaymentPage .col2 { width: 320px; }
#checkoutPopup .makePaymentPage .TVI-form .textBox LABEL,
#checkoutPopup .makePaymentPage .TVI-form .select LABEL { width: 200px; }
#checkoutPopup .makePaymentPage .TVI-form .cardDate INPUT { width: 22px; margin-right: 10px; }
#checkoutPopup .makePaymentPage .TVI-form .issueNumber INPUT { width: 12px; }
#checkoutPopup .makePaymentPage .TVI-form .CV2Number INPUT { width: 32px; }
#checkoutPopup .makePaymentPage .placeOrder { margin: 10px 0 0 295px; }


#checkoutPopup .registerPage .contentContainer { width: 485px; padding-right: 410px; }
#checkoutPopup .registerPage .TVI-form .textBox LABEL { width: 200px; }
#checkoutPopup .registerPage .TVI-form .checkBox { float: right; margin-right: 24px; }
#checkoutPopup .registerPage .createAccount { margin: 10px 0 0 292px;}


/* Buttons */
#checkoutPopup .button { display: block; height: 28px; text-indent: -9999em; background: url(/i/checkoutPopup_buttons.gif); }

#checkoutPopup .addOffer { width: 109px; height: 19px; background-position: -850px -57px; }
#checkoutPopup .addOffer:hover { background-position: -850px -76px; }

#checkoutPopup .apply { width: 48px; height: 19px; background-position: -959px -57px; }
#checkoutPopup .apply:hover { background-position: -959px -76px; }

#checkoutPopup .changeToCollect { width: 305px; height: 19px; background-position: -545px -57px; }
#checkoutPopup .changeToCollect:hover { background-position: -545px -76px; }

#checkoutPopup .changeToDeliver { width: 334px; height: 19px; background-position: -211px -57px; }
#checkoutPopup .changeToDeliver:hover { background-position: -211px -76px; }

#checkoutPopup .confirmOrder { width: 159px; background-position: -1502px 0; }
#checkoutPopup .confirmOrder:hover { background-position: -1502px -28px; }

#checkoutPopup .continue { width: 112px; background-position: 0 0; }
#checkoutPopup .continue:hover { background-position: 0 -28px; }

#checkoutPopup .continueShopping { width: 211px; height: 19px; background-position: 0 -57px; }
#checkoutPopup .continueShopping:hover { background-position: 0 -76px; }

#checkoutPopup .createAccount { width: 168px; background-position: -1191px 0; }
#checkoutPopup .createAccount:hover { background-position: -1191px -28px; }

#checkoutPopup .createNewAccount { width: 218px; background-position: -973px 0; }
#checkoutPopup .createNewAccount:hover { background-position: -973px -28px; }

#checkoutPopup .lookup { width: 143px; background-position: -1359px 0; }
#checkoutPopup .lookup:hover { background-position: -1359px -28px; }

#checkoutPopup .login { width: 297px; background-position: -676px 0; }
#checkoutPopup .login:hover { background-position: -676px -28px; }

#checkoutPopup .orderDelivered { width: 282px; background-position: -112px 0; }
#checkoutPopup .orderDelivered:hover { background-position: -112px -28px; }

#checkoutPopup .orderCollect { width: 282px; background-position: -394px 0; }
#checkoutPopup .orderCollect:hover { background-position: -394px -28px; }

#checkoutPopup .placeOrder { width: 165px; height: 34px; background-position: -1007px -57px; }
#checkoutPopup .placeOrder:hover { background-position: -1172px -57px; }
#checkoutPopup .errors { text-align: right; font-weight: bold; margin-top: 15px; color: #ba2e27;}
#checkoutPopup .errors div { color: #ba2e27; }

/* Help Topics */
.helpContainer { background: #eef9e2; border: 20px solid #eef9e2; height: 300px; overflow: auto; }
.helpContainer H1 { margin: 0 0 7px; padding: 0; font-size: 2em; line-height: 1em; color: #2a2c25;  }

#deliveryCharges { display: none; }
#paymentOptions { display: none; }
#termsConditions { display: none; }
#contactUs { display: none; }
#cv2 { display: none; }

#TVI-popup{ z-index:10000; position:absolute; top:30px !important; }
.jqmOverlay { background:#212518; }

:focus {
  -moz-outline-style: none;
}

.loading {display: none; width: 15px; height: 15px; margin-left: 375px;  }
.radioBox label {margin-left: 10px; display: block; float: left; width: 355px;}
.radioBox input {float: left;}