/* Zee & Co. checkout and account styles */

/*order complete*/
.orderComplete { background:url(../img/checkAccount/infoBoxBg.gif) left top repeat-y; }
.orderComplete .orderCompleteHeader { width: 584px; height: 26px; margin: 0 auto; background: url(../img/checkAccount/orderComplete.gif) left top no-repeat; padding: 6px 0 0 0;}
.orderComplete .printSummary {width:110px; height:0px; padding:20px 0 0 0; background:url(../img/buttons/printSummary.gif) left top no-repeat; display:block; overflow:hidden; float:right; margin-right: 10px;}
.orderComplete .printSummary:hover {background-position:0 -20px;}
.orderComplete .continueShopping {width:127px; height:0px; padding:20px 0 0 0; background-image:url(../img/buttons/continueShopping.gif); background-repeat:no-repeat; background-position:0 0; display:block; overflow:hidden; float:right; margin:0 10px 0 0; text-align: left; text-indent: 0;}
.orderComplete .continueShopping:hover {background-position:0 -20px;}
.createAccount {width:574px; padding:20px 0 0 20px;}
.createAccountHeader {background-color:#FFFFFF; width: 549px; height: 106px; padding:10px 0 0 25px; }
.createAccountHeader img { float: left; }
.createAccountHeader p { float: left; font-size: 11px; font-weight: bold; color: #3f3f3f; padding: 11px 0 0 23px; }
.createAccountHeader ul { float: left; padding: 1px 0 0 20px; }
.createAccountHeader ul li { background: url(../img/checkAccount/createTick.gif) left center no-repeat; font-size: 11px; color: #3f3f3f; text-indent: 22px; line-height: 13px; margin-bottom: 7px; }
.createAccountMain { background: #fff; padding-bottom: 10px; }
.accountDetails { background: #fff url(../img/checkAccount/createAccountDivide.gif) left top no-repeat; margin: 0 20px; padding: 21px 0 20px 0; }
.accountDetails h2 { display: block; background: url(../img/checkAccount/createAccountDetails.gif) left top no-repeat; width: 163px; height: 0; padding-top: 0; overflow: hidden; }
.accountDetails fieldset { padding-top: 15px; }
.accountDetails label { clear: both; float: left; width: 111px; font-size: 11px; font-weight: bold; color: #3f3f3f; line-height: 16px; text-align: right; padding-right: 8px; }
.accountDetails label span { color: #dc440c; }
.accountDetails input { width: 167px; height: 12px; margin-bottom: 10px; }

/* ----- HIDDEN IN CSS AS NOT IN CURRENT STORYBOARD ----- */
.checkAccountField#ctl00_mainContent_enterNewEmail, .checkAccountField#ctl00_mainContent_existingEmailError { display: none; } 

.newsletter { background: #fff url(../img/checkAccount/createAccountDivide.gif) left top no-repeat; margin: 0 20px; padding: 21px 0 30px 0; font-size: 11px; color: #5B5B5B; }
.newsletter h2 { display: block; background: url(../img/checkAccount/createAccountNewsletter.gif) left top no-repeat; width: 163px; height: 0; padding-top: 10px; overflow: hidden; }
.newsletter p { padding: 13px 0 15px 0; }
.newsletter label { float: left; width: 111px; font-size: 11px; font-weight: bold; color: #3f3f3f; text-indent: 5px; padding-top: 1px; }
.newsletter input { margin: 0; float: left; }

.myPreferences { background: #fff url(../img/checkAccount/createAccountDivide.gif) left top no-repeat; margin: 0 20px 0 18px; padding: 21px 0 0 0; font-size:11px; color:#5B5B5B; line-height:14px;}
.myPreferences h2 { display: block; background: url(../img/checkAccount/createAccountPreferences.gif) left top no-repeat; width: 163px; height: 0; padding-top: 11px; overflow: hidden; margin-left: 1px; }
.myPreferences p { padding: 10px 0 9px 1px; }
.myPreferences .preferencesLeft { float: left; width: 338px; }
.myPreferences .preferencesRight { float: left; width: 196px; }
.myPreferences .preferencesLeft p, .myPreferences .preferencesRight p { padding: 3px 0 11px 1px; }
.myPreferences .preferencesLeft input, .myPreferences .preferencesRight input { clear: both; float: left; margin: 0; }
.myPreferences .preferencesLeft label, .myPreferences .preferencesRight label { float: left; width: 155px; font-size: 11px; font-weight: bold; color: #3f3f3f; text-indent: 5px; margin: -1px 0 8px 0; }
.myPreferences ul { float: left; }
.preferencesImage {padding:0 0 5px 0;}
.myPreferences span {color:#827287;}
.preferenceCheckbox {margin:0;}
.createAccountBtn {width:115px; height:0px; padding:20px 0 0 0; float:right; background: url(../img/buttons/createAccount.gif) left top no-repeat; display:block; overflow:hidden; margin:0 11px 0 0;}
.createAccountHeader .createAccountBtn { padding: 20px 0 0 0; margin: 6px 49px 0 0; }
.createAccountBtn:hover {background-position:0 -20px;}
.thankyou {font-size:11px; color:#3f3f3f; line-height:16px; padding:30px 0 0 28px;}
.thankyou p { line-height: 19px; }

/*checkout Complete Basket*/
#checkoutBasket.completePage #basket{ width: 572px; margin-left: 5px; }
#checkoutBasket.completePage #basket table{ background: url(../img/checkAccount/tableComplete_bg.png) left top no-repeat; width: 572px; }
#checkoutBasket.completePage #basket table td.quantity { width: 53px; }
#checkoutBasket.completePage #basket table td.price { width: 80px; }
#checkoutBasket.completePage #basket table td.total { width: 77px; }
#checkoutBasket.completePage #basket table.checkTotals { background: url(../img/checkAccount/completeSubtotalBg.gif) left top repeat-x; color: #fff; }
#checkoutBasket.completePage #basket table.checkTotals tr.firstRow th, #checkoutBasket.completePage #basket table.checkTotals tr.firstRow td { padding-top: 6px; }
#checkoutBasket.completePage #basket table.checkTotals th { background: none; width: 363px; height: 18px; padding-bottom: 3px; }
#checkoutBasket.completePage #basket table.checkTotals th p { display: none; }
#checkoutBasket.completePage #basket table.checkTotals td { background: none; width: 43px; height: 18px; text-align: right; padding: 0 17px 3px 0; }
#checkoutBasket.completePage #basket table.checkTotals td.amount { width: 67px; text-align: center; padding-right: 0; }
#checkoutBasket.completePage #basket table.checkTotals .totalRow th, #checkoutBasket.completePage #basket table.checkTotals .totalRow td { height:38px; background: url(../img/checkAccount/completeTotalBg.jpg) left top no-repeat; }
#checkoutBasket.completePage #basket table.checkTotals .totalRow th { width: 100%; }
#checkoutBasket.completePage #basket table.checkTotals .totalRow td.totalAmount { width: auto; text-align: right; padding-right: 18px; }
#checkoutBasket.completePage #basket table.checkTotals .totalRow td.amount { width: auto; text-align: right; padding-right: 16px; }
#checkoutBasket.completePage #basket table.checkTotals .totalRow td.amount strong { font-size: 28px; color: #ffe195; font-weight: normal; }





.totals .completeTotals .totalLeft {font-size:18px; text-align:center; float:right; position:relative; padding:11px 0 0 25px; color:#ceceac;}
.totals .completeTotals .totalRight {font-size:26px; text-align:center; float:right; position:relative; padding:3px 0 9px 15px; color:#ffe195;}
.totals .subTotal table {float:right; line-height:16px;}
.totals .subTotal table td.left {text-align:right; padding:0 28px 0 0;}
.totals .subTotal table td.right {text-align:center;}




#checkoutBasket{position:relative; width:578px; padding:33px 0 0 24px;}/*background:url(../img/basket/shadow_bg.gif) right 0 repeat-y;}*/
#checkoutBasket table{position:relative; width:572px; background:url(../img/checkAccount/checkoutBasketHeaderBg.gif) 0 0 no-repeat;}
#checkoutBasket table th{height:21px; font-size:11px; font-weight:bold; color:#fff; text-align:center}
#checkoutBasket table th.quantity{width:54px; height:21px; font-size:11px; font-weight:bold; color:#fff; text-align:center}
#checkoutBasket table th.description{width:353px;height:21px; font-size:11px; font-weight:bold; color:#fff; text-align:left; padding-left:10px;}
#checkoutBasket table th.price, #checkoutBasket table th.total {height:21px; font-size:11px; font-weight:bold; color:#fff; text-align:center; width:77px;}
#checkoutBasket.completePage table th.code, #checkoutBasket.completePage table td.code { display: none; }
#checkoutBasket table td{position:relative; height: auto; font-size:11px; text-align:center; background:#dde1e5 url(../img/basket/td_bg.gif) bottom left no-repeat; padding-bottom: 10px; }
#checkoutBasket table td.quantity{background-position:-2px bottom}
#checkoutBasket table td.quantity input{width:10px; padding:2px 4px; font-size:11px; border:1px solid #cacaca; text-align:right; background:#fff; color:#2b2e38; padding:5px}
#checkoutBasket table td.code{width:70px; font-size:10px; color:#2b2e38}
#checkoutBasket table td.description{text-align:left; font-size:10px}
#checkoutBasket table td.description img{display:block; position:relative; float:left; margin: 8px 0 0 15px; width:38px; height:51px; border:1px solid #c1c8cf; }
#checkoutBasket table td.description p{position:relative; width:235px; float:left; left:14px; line-height:1.1; font-size:11px; top:5px; color:#2b2e38; text-decoration:none}
#checkoutBasket table td.description p em{display:block; color:#8f9069; font-style:normal; padding-bottom:2px}
#checkoutBasket table td.description a{color:#2b2e38; font-weight:bold}
#checkoutBasket table td.price, #checkoutBasket table td.total{color:#2b2e38}
#checkoutBasket table td.remove{width:45px}
#checkoutBasket table td.remove a{display:block; width:12px; height:12px; margin:auto; background:url(../img/icons/remove.gif) 0 0 no-repeat}
#checkoutBasket table td.commercial{height:33px; background-image:url(../img/basket/table_bg_footer.jpg); font-size:14px; font-weight:bold; color:#FFFFFF;}
#checkoutBasket table td.remove a span{display:none}
#checkoutBasket table tr.freeItem td{background-color:#eaeef2}
#checkoutBasket table.totals{height:60px; background: url(../img/basket/totals_bg.gif) 0 0 no-repeat}
#checkoutBasket table.totals td{position:relative; height:20px; background:none; color:#fff; text-align:right}
#checkoutBasket table.totals td.delivery{text-align:center; color:#e0d8c8; height:60px; width:239px; padding:0}
#checkoutBasket table.totals td.delivery p{margin-bottom:4px; line-height:1.4}
#checkoutBasket table.totals td.delivery span{color:#fff; text-transform:uppercase}
#checkoutBasket table.totals td.amount{padding-left:11px; text-align:left; font-weight:bold;}
#checkoutBasket table.totals td.total{width:238px; font-size:10px; padding-right:11px}
.totals {width:572px; padding:0 0 0 24px;}
.totals .subTotal {font-size:10px; color:#FFFFFF; width:563px; height:72px; background-image:url(../img/checkAccount/completeSubtotalBg.gif); background-repeat:repeat-x; padding:10px 9px 0 0;}
.totals .completeTotals {width:562px; height:38px; background-image:url(../img/checkAccount/completeTotalBg.jpg); background-repeat:no-repeat; padding:2px 10px 0 0}
.totals .completeTotals .totalLeft {font-size:18px; text-align:center; float:right; position:relative; padding:11px 0 0 25px; color:#ceceac;}
.totals .completeTotals .totalRight {font-size:26px; text-align:center; float:right; position:relative; padding:3px 0 9px 15px; color:#ffe195;}
.totals .subTotal table {float:right; line-height:16px;}
.totals .subTotal table td.left {text-align:right; padding:0 28px 0 0;}
.totals .subTotal table td.right {text-align:center;}
.orderDetailsLeft { clear: both; width:257px; float:left; font-size:11px; color:#3F3F3F; padding: 28px 0 0 40px;}
.orderDetailsLeft td {width: 82px; vertical-align:top; line-height:12px;}
.orderDetailsLeft td.alignRight, .orderDetailsRight td.alignRight { text-align: right; padding-right: 20px; white-space: nowrap; }
.orderDetailsRight {width:257px; float:right; font-size:11px; color:#3F3F3F; color:#5b5b5b; padding: 29px 29px 0 0; }
.orderDetailsRight td {width:82px; vertical-align:top; line-height:12px;}


/*checkoutLeft*/
#checkoutLeft {width:625px; padding:15px 0 0 35px; float:left; /*background-color:#00CCFF;*/}
.leftInfoBox {width:625px; float:left;}
.leftInfoBoxFooter{padding:25px 0 0 0;}

/*3D Secure*/
.secure3D {background-image:url(../img/checkAccount/infoBoxBg.gif); background-repeat:repeat-y;}
.secureLeft {width:170px; margin:0 0 0 20px; float:left; font-size:11px; color:#5b5b5b; line-height:13px;}
.secureRight {width:384px; background-color:#FFFFFF; height:351px; margin:0 25px 0 0; float:right;}

/*address & payment*/
.addressPayment {background-image:url(../img/checkAccount/infoBoxBg.gif); background-repeat:repeat-y;}

/*returning customer*/
#returningCustomer {width:584px; margin:0 auto;}

#returningCustomer .RClogin { position: relative; display: block; background: url(../img/checkAccount/bg_login.png) left top no-repeat; width: 584px; height: 33px; }
#returningCustomer .RClogin.returning { height: 28px; }
#returningCustomer .RClogin .loginButton { position: relative; display: block; background: url(../img/buttons/login.gif) left top no-repeat; float: right; width: 55px; height: 0px; padding: 20px 0 0 0; overflow: hidden; top: 6px; right: 107px; }
#returningCustomer .RClogin .loginButton:hover {background-position:0 -20px;}
#returningCustomer .RClogin p.closed { position: relative; float: left; display: block; background: url(../img/checkAccount/ttl_areYouAReturningCustomer.gif) left top no-repeat; width: 300px; height: 0; padding-top: 14px; top: 9px; left: 107px; overflow: hidden; }
#returningCustomer .RClogin p.open { position: relative; float: left; display: block; background: url(../img/checkAccount/ttl_returningCustomersLogin.gif) left top no-repeat; width: 268px; height: 0; padding-top: 14px; top: 8px; left: 69px; overflow: hidden; }

#returningCustomer .loginBox { background: url(../img/checkAccount/bg_loginBox.gif) left top repeat-x; height: 83px; }

#returningCustomer .loginPanel {margin:0 auto; width:500px; padding:0 0 0 40px;}
#returningCustomer .email {width:210px; float:left; font-size:11px; color:#ffe195; padding: 0 0 0 10px}
#returningCustomer .password {width:230px; float:left; font-size:11px; color:#ffe195; padding: 0 0 0 3px}
#returningCustomer .field { float: left; background-color: #ac9fb0; font-size: 11px; color: #fff; text-indent: 3px; width: 196px; height: 15px; margin-top: 6px; border: 1px solid #969696; }
#returningCustomer .password .field { width: 156px; }
#returningCustomer .password a.loginButton {display: block; background: url(../img/buttons/login.gif) left top no-repeat; float: left; width: 55px; height: 0px; padding: 20px 0 0 0; overflow: hidden; margin: 5px 0 0 9px; }
#returningCustomer .password a:hover {background-position:0 -20px;}
#returningCustomer a.forgotten { clear: both; float: left; font-size: 10px; color: #fff; margin: 3px 50px 0 0; white-space: nowrap; }
#returningCustomer .loginfailed { float: left; margin: 3px 0 0 0; }
#returningCustomer .requiredField { float: right; padding: 0 12px 0 0; }
#returningCustomer .requiredFieldPassword { float: right; padding: 0 60px 0 0; }

/*.loginButton {width:55px; height:0px; padding:20px 0 0 0; background-image:url(../img/buttons/login.gif); background-repeat:no-repeat; overflow:hidden; display:block; float:right; position:relative; top:-26px; right:112px;}
.loginButton:hover {background-position:0 -20px;}
.password .loginButton{float:left; top:5px; right:0; left:10px;}*/

/*same delivery address*/
#sameAddresses {width:409px; height:38px; background-image:url(../img/checkAccount/sameDeliveryBg.gif); background-repeat:no-repeat; margin:20px auto 0; color:#000000; font-size:11px; padding:21px 0 0 175px;}
#sameAddresses strong { position: relative; top: -2px; left: 3px; }

/*delivery address*/
.address { position: relative;margin:0 auto; width:584px;}
.deliveryAddress { display: inline; width: 280px; float: left; padding-top: 30px; }
.deliveryAddress.displayBlock {/* padding-left: 150px; */ margin-left: 129px;}
.displayNone { display:none;}
.deliveryAddressHolder, .billingAddressHolder { padding-top: 16px; }
.deliveryAddress h2 { position: relative; display: block; background: url(../img/checkAccount/headerDeliveryAddress.gif) left top no-repeat; width: 175px; height: 0; padding-top: 14px; overflow: hidden; left: 99px; }
.deliveryAddress .deliveryAddressForm { padding-top: 21px; }
.billingAddress .billingAddressForm { padding-top: 21px; }
.billingAddress { position: absolute; right: 0px; top: 30px; }
.billingAddress h2 { display: block; background: url(../img/checkAccount/headerBillingAddress.gif) left top no-repeat; width: 175px; height: 0; padding-top: 14px; overflow: hidden; margin-left: 97px; }
.savedBillingAddress, .savedDeliveryAddress { clear: both; float: left; }
.savedBillingAddress p, .savedDeliveryAddress p { font-size: 11px; line-height: 17px; padding-left: 140px; }
.cellLeft { text-align: right; font-size: 11px; color: #5b5b5b; padding: 7px 8px 0 0; width: 196px; }
.cellLeft span {color:#e20d0d;}
.cellRight {font-size:11px; color:#5b5b5b; padding-top: 4px;}
.cellRight input { height: 13px; }
.cellRight select { height: 19px; font-size: 11px; margin-bottom: 8px; }
.cellRight .inputFull {width: 204px;}
.cellRight .inputHalf {width:75px;}
.cellRight .inputQuarter {width:36px;}
.cellRight .inputCardType, .checkAccountField .inputCardType { position: relative; width: 97px; border: 1px solid #969696; color:#5b5b5b; display:block; float:left; font-size:11px; padding: 0 2px 2px 2px; top: 5px; margin-bottom: 3px; }
.cellRight .inputDates {width:40px; margin: 5px 14px 0 0;}
.cellRight .inputInstructions {width:170px; height:75px; overflow:scroll; text-align:left;}
.cellRight p { float: left; font-family: tahoma, arial, 'sans-serif'; font-size: 10px; padding: 8px 0 0 14px; }
.cellRight p a { color: #5b5b5b; text-decoration: underline; }
.cellRight p a:hover { text-decoration: none; }
.cardDetails .checkAccountField { height: auto; clear: none; color: #5b5b5b; float: left; font-size: 11px; padding: 4px 0 0 0; width: auto; }
.cardDetails .checkAccountField p { float: left; font-size: 10px; padding: 5px 0 0 14px; }
.cardDetails .checkAccountField p a { text-decoration: underline; }

/*credit / debit card details*/
.creditDebit, .creditDebit label, .creditDebit span, .creditDebit strong { font-family: Arial, Helvetica, sans-serif; }
.creditDebit {margin:20px 0 0 0; background-color:#66FFFF; background-image:url(../img/checkAccount/infoBoxBg.gif); background-repeat:repeat-y;}
.creditDebit .ttl_cardDetails { padding-bottom: 1px; }
.creditDebit .optionHolder { float: left; padding-top: 4px; }
.creditDebit .optionHolder label { padding-left: 11px; }
.creditDebit .cardImage {padding:0 25px 0 30px; width:125px; height:58px; float:left;}
.creditDebit .radioButton {float:left; margin:0}
.creditDebit .options {width:300px; float:left; font-size:11px; padding:0 0 0 10px;}
.creditDebit .cardDetails {clear:left; font-size:11px; padding: 8px 0 30px 0;}
.creditDebit .cardDetails span { color: #e20d0d; }
.creditDebit .cardDetails .paymentCard { position: relative; padding-left: 8px; top: 6px; }
.creditDebit label { float: left; font-size: 12px; font-weight: bold; color: #5b5b5b; margin: 5px 0 3px 0; }
.creditDebit input { float: left; margin: 4px 0 0 0; }
.creditDebit p.intro { float: left; font-size: 11px; color: #000; width: 380px; padding: 7px 0 0 25px; line-height: 13px; }
.creditDebit p.intro2 { float: left; font-size: 11px; color: #000; width: 380px; padding: 0 0 0 25px; line-height: 13px; }

/* terms & conditions */
.termsCons { float: left; width: 620px; font-size:11px; text-align:right; color:#5b5b5b; padding:10px 5px 15px 0; }
.termsCons span {text-decoration:underline;}
.termsCons a:link {color: #5b5b5b;}
.termsCons a:visited {color: #5b5b5b;}
.termsCons a:hover {color: #5b5b5b;}
.termsCons a:active {color: #5b5b5b;}

/* total bar */
.totalBar { clear: both; float: left; display: block; background: url(../img/checkAccount/totalBg.jpg) left top no-repeat; width: 407px; height: 50px; padding: 10px 0 0 218px; }

.totalBar .printSummary {width:110px; height:0px; padding:20px 0 0 10px; background-image:url(../img/buttons/printSummaryComplete.gif); background-repeat:no-repeat; background-position:0 -20px; display:block; overflow:hidden; float:right; margin:7px 0 0 0; color:#425041;}
.totalBar .printSummary:hover {background-position:0 0px; color:#FFFFFF;}
.totalBar .continueShopping {width:127px; height:0px; padding:20px 0 0 21px; background-image:url(../img/buttons/continueShoppingComplete.gif); background-repeat:no-repeat; background-position:0 -20px; display:block; overflow:hidden; float:right; margin:7px 0 0 0; text-align: left; text-indent: 0; color:#425041;}
.totalBar .continueShopping:hover {background-position:0 0px; color:#FFFFFF;}

/*checkoutRight*/
#checkoutRight {width:303px; padding:15px 36px 0 0; float:right;}
.rightInfoBox {width:303px; float:left;}
.basket {background-image:url(../img/checkAccount/basketBg.gif); background-repeat:repeat-y;}
.comfortTones {margin:20px 0 0 0; background-color:#66FFFF;}
.basketDetail {width:298px;}
.basketDetailHeader a { display: block; background: url(../img/checkAccount/headerYourBasket.jpg) left top no-repeat; width: 303px; height: 0; padding-top: 40px; overflow: hidden; }
.basketDetailHeader a.active { background-position: left -40px; }
.checkoutProduct {font-size:10px; width:298px; background-color:#dde1e5; float:left}
.free {padding:0 0 0 0;}
.checkoutProduct .top {background-image:url(../img/checkAccount/tableBg.gif); background-repeat:repeat-y;}
.checkoutProduct .bottom {background-image:url(../img/checkAccount/tableBg2.gif); background-repeat:no-repeat;}
.checkoutProduct .topFree {background-image:url(../img/checkAccount/tableBgFree.gif); background-repeat:repeat-y;}
.checkoutProduct .bottomFree {background-image:url(../img/checkAccount/tableBg2Free.gif); background-repeat:no-repeat;}
.checkoutProduct .quantity {text-align:center; height:20px; vertical-align:bottom;}
.checkoutProduct .quantityFree {text-align:center; height:20px; vertical-align:middle;}
.checkoutProduct .brand {color:#8f9069; text-align:left; height:10px; vertical-align:bottom;}
.checkoutProduct .cost {text-align:center; vertical-align:bottom;}
.checkoutProduct .costFree {text-align:center; vertical-align:middle; color:#7EA9BD;}
.checkoutProduct .promotion {vertical-align:middle; height:35px;}
.promotion a:link {color:#7ea9bd; text-decoration:underline;}
.promotion a:visited {color:#7ea9bd; text-decoration:underline;}
.promotion a:hover {color:#7ea9bd; text-decoration:underline;}
.promotion a:active {color:#7ea9bd; text-decoration:underline;}
.basketDetailFooter {background-image:url(../img/checkAccount/basketDetailFooter.jpg); background-repeat:no-repeat; height:26px; font-size:10px; color:#FFFFFF; text-decoration:underline; padding:8px 11px 0 0; text-align:right;}
.basketDetailFooter a:link {color:#FFFFFF;}
.basketDetailFooter a:visited {color:#FFFFFF;}
.basketDetailFooter a:hover {color:#FFFFFF; text-decoration:none;}
.basketDetailFooter a:active {color:#FFFFFF;}

/*#basketPage{position:relative; padding-top:27px}*/
#checkoutHeader {width:1005px; height:34px; float:left; position:relative;}
.completePage #checkoutHeader { height: 29px; }
#headerBasket .alsoBought {top:15px; right:15px;}

#basketLeft {position:relative; /*margin-left:25px;*/ width:695px; float:left; display:block; padding-left:30px;}
#basketLeft p.sale {padding: 5px 19px 9px; font-size: 11px; font-weight: bold; color: #ff0000;}

/*checkout right column*/
#basketRight {position:relative; width:241px; float:right; /*margin:5px 0 0 5px;*/ background:url(../img/basket/RightColumnBg.gif) 3px bottom no-repeat; display:block; top:5px; margin-right:31px;}
.basketHeader {width:241px; height:40px; display:block;}
.accordionControl {margin:12px 0px 0px 14px;}

/*delivery calculator*/
.deliveryCalculator { display: block; background: url(../img/basket/deliveryCalculator.jpg) 4px top no-repeat; width: 241px; height: 0; padding-top: 40px; overflow: hidden; }
.deliveryCalculator.active { background-position: 4px -40px; }
.deliveryRadioOptions {float:left; font-size:11px; color:#FFFFFF; position:relative; line-height:20px; margin: 3px 0 0 10px;}
.deliveryRadioOptions input { float: left; margin: 0 8px 0 5px; }
.deliveryRadioOptions label { font-weight: bold; line-height: 12px; }
.deliveryRadioOptions label span { color: #ffe195; }
.deliveryRadioOptions .deliveryCell { padding-bottom: 9px; }
.deliveryOptionContainer { display: block; width:233px; background-image:url(../img/basket/deliveryTableBg.gif); background-repeat:repeat-x; margin: 0 auto; position:relative; overflow: auto; padding-bottom: 10px;}
.countrySelector {float:left; color:#FFFFFF; font-size:12px; position:relative; padding:14px 0 8px 18px;}
.countrySelector label { font-weight: bold; padding-right: 8px; }
.countrySelector select { font-size: 11px; border: 1px solid #ccc; width: 127px; height: 19px; }
.deliveryCell {padding:0 0 0 3px;}

/*promo codes*/
#promoCodeHolder {width:233px; position:relative; display: block; margin: 0 auto; overflow: auto;}
.promoCodes { display: block; background: url(../img/basket/promoCodes.jpg) 4px top no-repeat; width: 241px; height: 0; padding-top: 40px; overflow: hidden; }
.promoCodes.active { background-position: 4px -40px; }
#promoCodeHolder .discountField.fieldError { background: none; }
#promoCodeHolder .discountField.fieldError label { color: #fff; }
#promoCodeHolder .XXpromoErrorMsg p { background: #fff; font-size: 11px; color: #000; border: 1px solid #ff3300; padding: 5px; margin: -15px 13px 10px 14px; }

#voucherCodeHolder {width:233px; position:relative; display: block; margin: 0 auto; overflow: auto;}
.voucherCodes { display: block; background: url(../img/basket/voucherCodes.jpg) 4px top no-repeat; width: 241px; height: 0; padding-top: 40px; overflow: hidden; }
.voucherCodes.active { background-position: 4px -40px; }
#voucherCodeHolder .discountField.fieldError { background: none; }
#voucherCodeHolder .discountField.fieldError label { color: #fff; }
#voucherCodeHolder .XXvoucherErrorMsg p { background: #fff; font-size: 11px; color: #000; border: 1px solid #ff3300; padding: 5px; margin: -8px 12px 10px 14px/*-15px 13px 10px 14px;*/ }

.discountField, .voucherField { background: url(../img/basket/bg_titleShadow.png) left top no-repeat; color:#FFFFFF; font-size:11px; width:218px; height:45px; padding:14px 0 18px 15px;}
.discountField label, .voucherField label { padding: 0 0 0 2px;}
.discountInput {width:130px/*152px*/; margin-top:10px; float:left; height:15px; border: 1px solid #ccc; font-size: 11px; text-indent: 4px; }
.addDiscount{background-image:url(../img/buttons/add.gif); background-repeat:no-repeat; background-position:0 0; width:41px; height:0px; float:left; margin:10px 0 0 10px; padding-top:19px; overflow:hidden;}
.addDiscount:hover{background-position:0 -19px;}
.redeemVoucher {background-image:url(../img/buttons/redeem.gif); background-repeat:no-repeat; background-position:0 0; width:61px; height:0px; float:left; margin:10px 0 0 10px; padding-top:19px; overflow:hidden;}
.redeemVoucher:hover{background-position:0 -19px;}
.discountApplied {width:169px; height:16px; padding:0 0 15px 16px; /*10px 0 15px 16px*/}
.discountAppliedTick {width:16px; height:16px; float:left;}
.discountAppliedText {font-size:11px; color:#ffe195; padding:2px 0 0 22px; width:183px;}

.placeOrder { display: block; float: right; width: 175px; height: 0; padding-top: 34px; background: url(../img/buttons/placeOrder.gif) 0 0 no-repeat; overflow: hidden; margin: 1px 15px 0 0; }
.placeOrder:hover {background-position:0 -34px;}
.totalBar .totalLeft { clear: none; font-size: 18px; float: right; color: #ceceac; padding: 10px 16px 0 0; }
.totalBar .totalRight { font-size: 26px; float: right; color: #ffe195; padding: 3px 21px 0 0; }

/*checkout*/
#checkoutRight .basketTotal { clear: left; display: block; background: url(../img/checkAccount/basketDetailBg.jpg) left top no-repeat; font-size: 11px; color: #FFF; text-align: center; width: 298px; padding: 10px 0 20px 0; margin: 0 auto; }
.hideCost a { display: block; background: url(../img/basket/showCostToggleBasket.gif) left top no-repeat; width: 77px; height: 0; padding-top: 8px; overflow: hidden; }
.checkoutPage .hideCost { width: 283px; padding: 21px 15px 9px 0; }
.checkoutPage .hideCost a { background: url(../img/basket/showCostToggle.gif) left top no-repeat; float: right; }
.hideCost a.active { background-position: left -8px; }

#checkoutRight .subTotalsLeft {float:left; line-height:18px; margin:0 auto 0 auto; width:135px; padding:1px 0 0 18px;}
#checkoutRight .subTotalsRight {margin:0 auto 0 auto; line-height:18px; float:right; width:52px; padding:1px 19px 0px 0; text-align:right;}

#checkoutRight .checkoutPage .subTotalsLeft {float:left; line-height:18px; margin:0 auto 0 auto; width:200px; padding:1px 0 0 18px;}
#checkoutRight .checkoutPage .subTotalsRight {margin:0 auto 0 auto; line-height:18px; float:right; width:52px; padding:1px 19px 0px 0; text-align:right;}

.checkoutPage #checkoutRight .subTotalsLeft {float:left; line-height:18px; margin:0 auto 0 auto; width:210px; padding:10px 0 0 20px;}
.checkoutPage #checkoutRight .subTotalsRight {margin:0 auto 0 auto; line-height:18px; float:right; width:60px; padding:10px 15px 0px 0; text-align:right;}

.costDetail { float: left; padding-bottom: 14px; }

/*basket*/
.basketTotal { clear: left; width:217px; background-image:url(../img/basket/basketCenter.gif); background-repeat:repeat-y; margin:0 auto; font-size:11px; color:#FFFFFF; position:relative; text-align: center; padding: 0 0 15px 0; }
.hideCost { float: right; display: block; width: 77px; height: 8px; padding: 21px 15px 9px 125px; }
.subTotalsLeft {float:left; line-height:15px; margin:0 auto 0 auto; width:135px; padding:9px 0 10px 11px;}
.checkoutPage .subTotalsLeft {float:left; line-height:15px; margin:0 auto 0 auto; width:200px; padding:9px 0 10px 11px;}
.subTotalsRight {margin:0 auto 0 auto; line-height:15px; float:right; width:52px; padding:9px 8px 10px 0; text-align: right;}
.subTotalsLeft li, .subTotalsRight li { height: 14px; margin-bottom: 4px; }
.subTotalsLeft li { background: url(../img/basket/bg_costDetail.gif) right bottom repeat-x; text-align: left; }
.subTotalsLeft li span { background: url(../img/basket/bg_costDetailSpan.gif) right top repeat; padding-right: 10px; }
.subTotalsLeft li span.item2 { background-position: right -18px; }
.subTotalsLeft li span.item3 { background-position: right -36px; }
.subTotalsLeft li span.item4 { background-position: right -54px; }

.checkoutPage .subTotalsLeft li { background: url(../img/basket/bg_costDetail.gif) right bottom repeat-x; text-align: left; }
.checkoutPage .subTotalsLeft li span { background: url(../img/checkAccount/bg_subTotalSpan.jpg) left top repeat; padding-right: 10px; }
.checkoutPage .subTotalsLeft li span.item2 { background-position: left -18px; }
.checkoutPage .subTotalsLeft li span.item3 { background-position: left -36px; }
.checkoutPage .subTotalsLeft li span.item4 { background-position: left -54px; }

.totalLeft { display: inline; clear: both; float: none; font-size:18px; position:relative; padding: 0; color:#ceceac; margin: 0 auto; }
.totalRight { display: inline; float: none; font-size:26px; position:relative; padding: 0 0 0 15px; color:#ffe195;}

.checkoutPage #checkoutRight .totalLeft { display: inline; clear: both; float: none; font-size:18px; position:relative; padding: 0; color:#ceceac; margin: 0 auto; }
.checkoutPage #checkoutRight .totalRight { display: inline; float: none; font-size:26px; position:relative; padding: 0 0 0 15px; color:#ffe195;}

.basketFooter {width:239px; height:61px; left:2px; background-image:url(../img/basket/checkoutBg.jpg); background-repeat:no-repeat; position:relative; margin: 0 auto; overflow:auto; padding-top:17px;}
.checkout {width:155px; height:0; padding-top:34px; background-image:url(../img/buttons/checkout.gif); background-position:0 0; background-repeat:no-repeat;  margin:0 auto 0 auto; overflow:hidden; display:block}
.checkout:hover {background-position:0 -34px;}
#basketBottom {position:relative; width:964px; float:left; padding:20px 0 0 20px;}
.relatedProducts {width:929px; float:left; padding:25px 0 0 15px;}
.relatedProducts .header {background-image:url(../img/basket/alsoBought.jpg); width:915px; height:22px; float:left; color:#ffe195; font-size:11px; padding:9px 0 0 14px}
.relatedProducts .productsFirst {float:left;}
.relatedProducts .products {float:left;}
.relatedProducts .products .productBox last {float:left; margin:0 0 0 15px; background-image:none;}
.secureFooter {width:964px; position:relative; margin:auto; display:block;}

.rightInfoBox.basket .basketTotal { width: auto; }

/*Basket*/
#footer{ clear:both; height:339px; /*margin-top:-72px;*/ position:relative; background:url(../img/footer/bg.jpg) 0 0 repeat-x; margin-top: 0px; }
#footer .footerBrands{ position:relative; top:12px; height:156px; padding: 0; width:904px; margin:auto; }
.wide #footer .footerBrands{ padding: 0; }
#footer .footerBrands li{ position:relative; display:block; float:left; }
#footer .footerBrands a{ display:block; }
#footer .footer {
    /*position:relative; 
    width:1004px; 
    height:69px; 
    margin:72px auto 0 auto; 
    font-size:70%;*/
    
    width:1004px;
    height:200px;
    position:relative;
    top:0px;
    margin:auto;
    font-size:70%;
}


/*#basket{position:relative; top:2px; width:595px; background:url(../img/basket/shadow_bg.gif) right 0 repeat-y}*/
#basket{position:relative; top:2px; width:686px; background:url(../img/basket/shadow_bg.gif) right 0 repeat-y; margin-left:5px;}
#basket table{position:relative; width:685px; background:url(../img/basket/table_bg.png) 0 0 no-repeat}
#basket table th{height:21px; font-size:11px; font-weight:bold; color:#fff; text-align:center}
#basket table th.description{text-align:left; padding-left:10px}
#basket table td{position:relative; height:70px; font-size:11px; text-align:center; background:#dde1e5 url(../img/basket/td_bg.gif) bottom left no-repeat}
#basket table td.quantity{width:48px; background-position:-2px bottom}
#basket table td.quantity input{width:10px; padding:2px 4px; font-size:11px; border:1px solid #cacaca; text-align:right; background:#fff; color:#2b2e38; padding:5px}
#basket table td.code{width:70px; font-size:10px; color:#2b2e38}
#basket table td.description{text-align:left; font-size:10px}
#basket table td.description img{display:block; position:relative; float:left; margin-left:15px;display:inline; width:38px; height:51px; border:1px solid #c1c8cf}
#basket table td.description p{position:relative; width:235px; float:left; left:14px; line-height:1.1; font-size:11px; top:5px; color:#2b2e38; text-decoration:none}
#basket table td.description p em{display:block; color:#8f9069; font-style:normal; padding-bottom:2px}
#basket table td.description a{color:#2b2e38; font-weight:bold}
#basket table td.price, #basket table td.total{width:60px; color:#2b2e38}
#basket table td.remove{width:45px}
#basket table td.remove a{display:block; width:12px; height:12px; margin:auto; background:url(../img/icons/remove.gif) 0 0 no-repeat}
#basket table td.commercial{height:33px; background-image:url(../img/basket/table_bg_footer.jpg); font-size:14px; font-weight:bold; color:#FFFFFF;}
#basket table td.remove a span{display:none}
#basket table tr.freeItem td{background-color:#eaeef2}
#basket table.totals{height:60px; background: url(../img/basket/totals_bg.gif) 0 0 no-repeat}
#basket table.totals td{position:relative; height:20px; background:none; color:#fff; text-align:right}
#basket table.totals td.delivery{text-align:center; color:#e0d8c8; height:60px; width:239px; padding:0}
#basket table.totals td.delivery p{margin-bottom:4px; line-height:1.4}
#basket table.totals td.delivery span{color:#fff; text-transform:uppercase}
#basket table.totals td.amount{padding-left:11px; text-align:left; font-weight:bold;}
#basket table.totals td.total{width:238px; font-size:10px; padding-right:11px}
.totalsFooter{position:relative; top:2px; height:8px; background:url(../img/basket/totals_btm.gif) 0 0 no-repeat}

#mainContent h1.basket{width:449px; background:url(../img/basket/h1.jpg) 0 0 no-repeat}
#basketButtons{position:relative; width:695px; height:37px; margin:10px 0 0 5px}
/*#basketButtons .basketButtonsBg{width:603px; height:37px; position:absolute; top:0; left:-4px; z-index:1; background:url(../img/basket/buttons_bg.jpg) 0 0 no-repeat}*/
#basketButtons .basketButtonsBg{width:695px; height:38px; position:absolute; top:0; left:-4px; z-index:1; background:url(../img/basket/buttons_bg_695.jpg) 0 0 no-repeat;}
.basketThawte{display:block; margin:auto}
#yourComfort{
	position:relative; 
	text-align:center; 
	width:371px; 
	height:109px;
	margin:auto;
}
#checkAccount #yourComfort{padding-bottom:61px}
#yourComfort li{float:left; position:relative}
#yourComfort li.first{
	width:220px; 
	display:none;
}
#yourComfort li.second{width:191px}
#yourComfort li.third{width:180px; background:url(../img/basket/comfortBG.gif) repeat-x; height:109px;}
#yourComfort li.third img { margin-left:39px; }
#yourComfort li a{cursor:pointer;position:relative;display:block}
#yourComfort li a:hover{text-decoration:none}
#yourComfort img{display:block}
#yourComfort span {position:absolute; width:140px; color:#8f9069; text-transform:uppercase; text-align:center; font:bold 80% "Times New Roman", Times, serif}
#yourComfort span em{color:#827287; font:bold 100% "Times New Roman", Times, serif}
#yourComfort span.returns{width:110px; top:28px; right:4px} 
#yourComfort span.secure{width:120px; top:10px; right:30px} 
#yourComfort span.delivery{width:115px; top:28px; right:11px} 
#checkAccount #yourComfort span.returns{right:8px} 
#checkAccount #yourComfort span.secure{right:43px} 
#checkAccount #yourComfort span.delivery{right:18px} 

#alsoBought{margin:25px 0 0 18px;}

#checkAccount #basket{width:658px; margin:0 auto; background:none}
#checkAccount #basketArea{width:658px; background:url(../img/checkAccount/basketArea_bg.png) top right repeat-y}
#checkAccount #basket table{width:653px; background-image:url(../img/checkAccount/basket_bg.png)}
#checkAccount #basket td.description p{width:330px}
#checkAccount #basket table.checkTotals{width:653px; background:#57485c url(../img/checkAccount/tableTotal_bg.gif) 0 bottom no-repeat}
#checkAccount #basket table.checkTotals th{color:#fff; text-align:left; padding-left:10px}
#checkAccount #basket table.checkTotals th em{color:#e0d8c8}
#checkAccount #basket table.checkTotals td{text-align:right; width:86px; padding:5px; height:35px; color:#fff; background:none}
#checkAccount #basket table.checkTotals td.amount{font-size:95%}

#checkAccount{width:745px; position:relative}
#checkAccount p{font-size: 11.2px; line-height:1.2; color:#464646; width:615px}
#checkAccount p.login{width:365px; position:absolute; top:-20px; left:300px}
#checkAccount p.login a{color:#8f9069}
#checkAccount .header{display:block; margin:10px auto 10px auto}

/* account newsletter styles - new layout */
#checkAccount h4{font-size:80%; color:#8f9069; width:623px; margin:0 auto; line-height:2.6; background:url(../img/icons/hrGrey2.gif) 0 bottom repeat-x}
#checkAccount .nlOptions{position:relative; left:15px; display:block; width:400px; float:left}
#checkAccount .nlOptions_two{display:block; width:220px; float:left; margin-left:15px;display:inline}
#checkAccount .nlLabel{width:100%; color:#8f9069}
#checkAccount .cbGroup{width:173px; float:left; margin-top:16px}
#checkAccount .cbGroup input, #checkAccount .cbGroup label{display:block; float:left}
#checkAccount .cbGroup input{clear:left; line-height:14px}
#checkAccount .cbGroup label{width:150px; font-size:11px; font-weight:bold; color:#424242; line-height:17px; margin-bottom:5px; text-indent:6px}
#checkAccount .nlOptions input, #checkAccount .nlOptions_two input { float: left; width: auto; }
#checkAccount .nlOptions label, #checkAccount .nlOptions_two label { clear: none; float: left; width: auto; }

.accountPage .accBack { margin-left:520px; }

/* checkout / account login */
#accountLogin {padding:17px 0}
#accountLogin .login{float:left; display:inline; position:relative; width:315px; height:232px}
#accountLogin .existing{margin:0 29px 0 46px;display:inline; background:url(../img/checkAccount/login_bg.png) 0 38px no-repeat}
#accountLogin .new{background:url(../img/checkAccount/loginNew_bg.png) 0 38px no-repeat}

#accountLogin .login h2{width:299px; height:29px; padding:9px 0 0 16px; background:url(../img/checkAccount/loginH2_bg.png) 0 0 no-repeat}
#accountLogin .login h2 span{display:block; height:0px !important; padding-top:14px; overflow:hidden; height /**/:14px}
#accountLogin .existing h2 span{background:url(../img/checkAccount/returning_bg.png) 0 0 no-repeat}
#accountLogin .new h2 span{background:url(../img/checkAccount/new_bg.png) 0 0 no-repeat}
#accountLogin .login h3{width:300px; margin:20px 0 5px 18px; color:#4d2e38; font-size:70%; background:none; left:0}
#accountLogin .login h3 span.errLogin{color:#d9442c}
#accountLogin .login p{margin:0 0 10px 18px; color:#4d2e38; width:225px; line-height:1.2}
#accountLogin .login ul{margin:15px 0 0 18px; list-style:none; font-size:70%}
#accountLogin .login ul li{height:15px; padding:0 0 8px 25px; line-height:1.6; background: url(../img/icons/tick.png) no-repeat 0 0; color:#4d2e38; font-weight:bold}
#accountLogin .login fieldset{position:absolute; top:120px; left:18px; font-size:70%; width:255px}
#accountLogin .login fieldset label{display:block; margin:0 0 2px 1px; font-weight:bold; color:#464646}
#accountLogin .login fieldset label span{font-weight:normal}
#accountLogin .login fieldset span{position:absolute; top:0; right:20px}
#accountLogin .login fieldset input{clear:both; width:185px; padding:2px; margin-bottom:9px; font-size:11px; background-color:#fff; border:1px solid #a4a4a4}
#accountLogin .login fieldset a{display:block; margin-top:-9px; line-height:1.2; color:#464646; font-size:90%; text-decoration:none}
#accountLogin .login fieldset a:hover{text-decoration: underline}

#checkAccount img.thawte{clear:both; display:block; margin:0 auto; padding:35px 0}
#checkAccount #accountText{width:585px; margin:30px auto}
#checkAccount #accountText h2{font-size:70%; color:#464646; margin-bottom:15px; background:none; text-indent:0}
#accountText p{margin-bottom:15px; width:100%}
#accountText a{font-weight:bold; color:#8f9069}

/* account styles */
.accWelcome{position:relative; width:658px; margin:20px auto 0 auto; height:30px; color:#424242; background:url(../img/checkAccount/accountDetails.jpg) 0 0 no-repeat}
.accBilling{background-image:url(../img/checkAccount/accBilling.jpg)}
.accOrderHistory{background-image:url(../img/checkAccount/accOrders.jpg)}
.accWelcome p a{color:#ea7e15; font-weight:bold}

/* order history - pending */
#checkAccount .oSFilter{position:relative; float:left; display:block; margin:15px 0}
#checkAccount .osfRight{float:right;  width:360px;}
#checkAccount .oSFilter label{color:#4d2e38; font-size:11.2px; line-height:1.3; float: left;clear: none;}
#checkAccount .oSFilter label.inputLabel{margin-left:30px; font-weight: bold; width: auto;}
#checkAccount .oSFilter input{width:150px; color:#4d2e38; padding:0 2px; font-size:11px; float: left;}
#checkAccount .oSFilter select{margin-right:10px; background-color:#fff; font-size:11px; width:40px; float: left;}
#checkAccount .oSFilter .historyGo { right: -40px; top: -3px; }

#checkAccount .orderTable table{width:594px; margin:auto; color:#000; font-size:70%; background:url(../img/checkAccount/orderHistoryFilter_bg.gif) 0 0 no-repeat}

#checkAccount .orderTable table th{color:#fff; font-weight:bold; height:21px; text-align:center; font-size: 11.2px;}
#checkAccount .orderTable table th.date{width:119px; text-align:left; text-indent:12px}
#checkAccount .orderTable table th.orderNo{width:118px}
#checkAccount .orderTable table th.amount{width:119px}
#checkAccount .orderTable table th.status{width:118px}
#checkAccount .orderTable table th.editOrder{width:120px}

#checkAccount .orderTable table td{height:31px; text-align:center; background:#f5f5f5 url(../img/basket/td_bg.gif) bottom left no-repeat}
#checkAccount .orderTable table td.date{background-position:-1px bottom; text-align:left; text-indent:12px}
#checkAccount .orderTable table td.price{color:#000; font-weight:bold;  }
#checkAccount .orderTable table td.status{color:#000; text-align:left; text-indent:12px}
#checkAccount .orderTable table td a.text{color:#000}
#checkAccount .orderTable table tr.lastRow td{background-position:0 -1px}
#checkAccount .orderTable table tr.lastRow td.date{background-position:-1px -1px}

/* Account Order Details */
#checkAccount #orderDetails h2{clear:both}
#checkAccount #orderDetails dl{position:relative; width:220px; margin:20px 0 0 90px; float:left; color:#000; font-size:11px}
#checkAccount #orderDetails dl.address{float:right; margin:20px 75px 15px 0}
#checkAccount #orderDetails dl dt{clear:left; width:120px; float:left; font-weight:bold; text-align:left; padding:2px 0}
#checkAccount #orderDetails dl dd{float:left; text-align:left; width:90px; padding:2px 0}
#checkAccount #orderDetails dl dd p{line-height:1.2; font-size:100%; width:100%}
#checkAccount #orderDetails table.orderDetails{clear:left; margin:10px auto 0 auto; width:594px; font-size:11px; color:#000; background:url(../img/checkAccount/orderHistoryDFilter_bg.gif) 0 0 no-repeat}
#checkAccount #orderDetails table.orderDetails th{color:#fff; font-weight:bold; height:21px; text-align:center}
#checkAccount #orderDetails table.orderDetails th.qty{width:39px}
#checkAccount #orderDetails table.orderDetails th.description{text-align:left; padding:0 0 0 21px}
#checkAccount #orderDetails table.orderDetails th.status{width:146px}
#checkAccount #orderDetails table.orderDetails th.price{width:73px}
#checkAccount #orderDetails table.orderDetails td{height:31px; text-align:center; background:#dde1e5 url(../img/basket/td_bg.gif) bottom left no-repeat}
#checkAccount #orderDetails table.orderDetails td.qty{background-position:-1px bottom}
#checkAccount #orderDetails table.orderDetails td.item{text-align:left; padding:0 0 0 21px}
#checkAccount #orderDetails table.orderDetails tr.lastRow td{background-position:0 -1px}
#checkAccount #orderDetails table.orderDetails tr.lastRow td.qty{background-position:-1px -1px}
#checkAccount #orderDetails table.orderDetailsTotals{margin:0 auto; width:594px; font-size:11px; color:#fff; background:#57485c url(../img/checkAccount/oHDTotals_bg.gif) 0 bottom no-repeat}
#checkAccount #orderDetails table.orderDetailsTotals th{width:441px; padding:0 18px 0 62px; text-align:left; font-weight:bold}
#checkAccount #orderDetails table.orderDetailsTotals th.total{text-align:right}
#checkAccount #orderDetails table.orderDetailsTotals td{height:31px; text-align:center}

/* information message */
#checkAccount .information {position:relative; width:658px; height:84px; margin:20px auto 14px auto; background:url(../img/checkAccount/information_bg.gif) no-repeat 0 0}
#checkAccount .checkInfo{background:url(../img/checkAccount/thanks.jpg) 0 0 no-repeat; margin-bottom:20px}
#checkAccount .information td.left {height:80px; padding-left:87px}
#checkAccount .information td.left p{color:#424242; width:390px; line-height:1.2}
#checkAccount .checkInfo td p{margin-left:125px}
#checkAccount .checkInfo td p .code{font-weight: bold; color:#424242; display:block; margin-top:10px;}
#checkAccount .information td.left p a{font-weight: bold; color:#8f9069}

/* account created */
#checkAccount .accountCreated {position:relative; width:658px; height:135px; margin:20px auto 14px auto; background:url(../img/checkAccount/accCreatedBar_bg.gif) no-repeat 0 0}
#checkAccount .accountCreated td.left {height:135px; padding-left:91px}
#checkAccount .accountCreated td.left p{color:#424242; width:390px; line-height:1.2}

.checkAccError{position:relative; width:584px; margin:0 auto 20px auto; background:#fff url(../img/checkAccount/pageError_bg.gif) 20px center no-repeat; border:1px solid #e00000; padding: 5px; }
.checkAccError p { font-size: 12px; color: #000; line-height: 15px; padding: 2px 10px 2px 65px; }
.checkAccError p strong { font-size: 14px; }
#checkAccount .checkAccError p{color:#e00000; position:absolute; top:7px; width:87%; left:75px; margin:0; padding:0; line-height:1.2}

/* Checkout / Account Containers and form fields */
.checkAccountItem{position:relative; width:653px; margin:0 auto; padding:0 5px 20px 0px; background:url(../img/checkAccount/checkAccountItem_bg.gif) 0 0 repeat-y; color:#464646} 
.emailAddress{padding:0 5px 25px 6px}
.aiBottom{width:658px; height:12px; margin:0 auto 18px auto; background:url(../img/checkAccount/ai_btm.gif) 0 0 no-repeat}
#checkAccount h2{position:relative; margin:0 auto; width:658px; height:21px; background:url(../img/checkAccount/h2.png) 0 0 no-repeat; color:#2b2e38; font-size: 11.2px; text-indent:12px; line-height:1.8}
#checkAccount h3{width:440px; position:relative; left:172px; margin-bottom:15px; font-size:70%; color:#424242}
.checkAccountField{ display: inline; clear: both; float:left; position:relative; /*width:653px;*/ padding: 3px 0 8px 0; color:#424242; font-size:70%; line-height:1.7; width: 280px; height: 20px; }
.accountPage .checkAccountField { width: auto; }
.checkAccountField label{display:block; float:left; font-size:11px; color:#5b5b5b; font-weight: bold; text-align:right; width: 95px; padding: 0 6px 0 0; white-space: nowrap; }
.accountDetails .checkAccountField label { width: 166px; }
.accountPage .checkAccountField label { line-height: 15px; }
.checkAccountField label span{color:#e71005}
.checkAccountField input, .checkAccountField select { display: block; float: left; background: #fff; width:172px; font-size:11px; color:#4f4f4f; border: 1px solid #969696;}
.checkAccountField select.inputDates { width:40px; margin: 5px 17px 0 0; height: 19px; }
.checkAccountField input.inputFull { width:206px; height: 15px; }
.checkAccountField select.title { width: 68px; height: 19px; }
.checkAccountField input.discountCode{width:110px; padding:1px; background:#fff}
.checkAccountField label.discountCode{width:70px}
.checkAccountField a{color:#424242; text-decoration:none}
.checkAccountField a:hover{text-decoration:underline; }
.checkAccountField span{}
#checkAccount .checkAccountField p{width:320px; clear:both; padding:0; font-size:10px; margin-left:180px}
#checkAccount .fraud{padding:10px 20px; height:65px; margin-left:1px; line-height:1.2; position:relative; top:10px; color:#e00000}
#checkAccount .fraud p{margin-bottom:10px; color:#464646; width:100%}
.accountRadio {padding:10px 0 20px 35px}
.accountRadio label{color:#464646; font-weight: bold; font-size:70%; text-align:left; margin:0 0 0 22px; padding-right:5px; font-size: 11.2px;}
.accountRadio input{float: left;margin:0; padding:0; border:0; width: auto;}
.checkAccountField.deliveryInstructions { padding: 1px 0 0 101px; width: 179px; height: auto; }
.checkAccountField.deliveryInstructions label { width: auto; padding-bottom: 2px; }
.checkAccountField.deliveryInstructions textarea { width: 174px; }

/* checkout styles */

/* discounts */
.discounts fieldset{padding-top:20px}
#checkAccount .appliedDiscount{clear:both; width:304px; margin:15px 0 0 10px; border:1px solid #8b9ab6; background:#e3e5d3 url(../img/icons/addedDiscount.gif) 0 0 no-repeat}
#checkAccount .appliedDiscount p{color:#424242; padding-left:25px; line-height:1.8}

input.postcode{width:75px;}
input.cardCode{width:40px; margin:0 5px 0 15px;}
select.cardDate{width:45px; margin:0 5px 0 15px;}
select.cardType{width:110px; margin-right:5px}

.accDivider{height:2px; margin:0 0 15px 0}

/****** CHECKOUT BOX OPTIONS ******/
.existingDelivery{padding:10px 0 10px 35px}
.existingDelivery label{font-weight:bold; font-size:70%; text-align:left; margin:0 0 5px 10px}
.existingDelivery input{margin:0; padding:0; border:0}
.accountItem fieldset .existingDelivery address{margin:2px 0 15px 26px}
#checkAccount .existingOn {width:400px; color:#464646; font-weight:bold}
.checkAccountField.existingOn, .checkAccountField.existingOff { width: 280px; padding-bottom: 0; }
.checkAccountField.existingOn input, .checkAccountField.existingOff input { position: relative; float: left; background: #EAEEF2; left: 95px; width: 23px; border: none; }
.checkAccountField.existingOn label, .checkAccountField.existingOff label { position: relative; text-align: left; width: auto; white-space: nowrap; left: 100px; }
.savedAddress { clear: left; }
.savedAddress p { font-size: 11px; line-height: 17px; padding-left: 98px; }
#checkAccount .existingOn address, .existingOff address{font-weight:normal; line-height:1.2; margin:5px 0 5px 27px; font-size:70%; font-style:normal}
#checkAccount .existingOn p, #checkAccount .existingOff p{width:300px; font-weight:normal; line-height:1.2; margin:5px 0 5px 27px}
#checkAccount .existingOff, .existingOff{ color:#797979; font-weight: bold; clear: left; }
#checkAccount .existingOff p{color:#797979}
#checkAccount .existingCardNumber p{line-height:1.4}
#checkAccount .existingCardNumber p strong{padding-right:10px}

/**** ERROR ROW ****/
/*.fieldError{background:#dccbd0}*/
.fieldError input, .fieldError select{border:1px solid #e71005}
.fieldError input.inputQuarter { width: 38px; height: 15px; }
/*.fieldError label{color:#ff0000}*/
.errorMsg{ display: none;  position: absolute; left: 65px; top: -59px; color: #fff; background:  url(../img/checkAccount/bg_errorMsg.png) 0 2px no-repeat; width: 196px; height: 51px; padding: 12px 0 0 49px; }
.promoErrorMsg{position:absolute; left:470px; top:55px; line-height:1.4; padding:0 0 0 20px; font-size:70%; color:#e71005; background: url(../img/icons/checkAccountError.gif) 0 2px no-repeat}

#deliveryDetails{clear:both}
.deliveryOptions{padding:15px 5px 0 0; height:176px; font-size:70%}
.deliveryOption{margin:0 0 5px 0}
.deliveryOptions label{font-weight:bold; color:#4d2e38}
.deliveryOptions input{border:none; margin-left:17px}
.deliveryOptions fieldset{width:270px; float:left}
.deliveryOptions .costTable{width:304px; margin:0 0 0 52px; float:left;display:inline; background:url(../img/checkAccount/delTable_bg.gif) 0 0 repeat-x}
.deliveryOptions table{width:304px; color:#000; background:url(../img/checkAccount/delTable_stripe.gif) 212px 4px no-repeat}
.deliveryOptions table tr{position:relative}
.deliveryOptions table th{text-align:right; padding-right:12px}
.deliveryOptions table td{width:64px; font-weight: bold; text-align:right; padding-right:28px;  }
.deliveryOptions table tr{height:24px}
.deliveryOptions table tr.mid th, .deliveryOptions table tr.mid td{color:#e3ded3}

.deliveryOptions .deliveryInstructions{margin:16px 0 0 36px}
.deliveryOptions .deliveryInstructions label{font-weight:normal; color:#424242}
.deliveryOptions textarea{display:block; width:200px; border:1px solid #b2b6bc; height:60px; margin-top:10px; font-family:tahoma, arial, 'sans-serif'; font-size:11px}
.deliveryOptions .deliveryContinue{width:95%; clear:both; font-size:11px; text-align:right}

.accCreditCards{float:left; text-align:center; padding:5px 0 0 0}
.checkoutButtons{position:relative; height:30px; width:100%; margin-top:10px}
.checkoutButtons li{display:inline}
#checkAccount .introTxt{width:290px; margin:13px 0 10px 24px; line-height:1.2}
.accIntroTxt{width:675px; margin:18px 0 10px 15px; line-height:1.2}
.copyDetails{line-height:1.2; padding:20px 0 0 24px}
.copyDetails a{font-weight: bold; color:#464646; text-decoration:underline}
.accNotRquired{width:580px; margin:13px 0 10px 24px; line-height:1.2; color:#e00000}
#checkAccount .accNotRquired{width:400px; color:#e00000}

/*Billing options*/
.checkAccountItem .option{padding:20px 0 0 210px;background-position:20px 20px;background-repeat:no-repeat}
.checkAccountItem .option1{background-image:url(../img/checkAccount/pt_cards.jpg)}
.checkAccountItem .option2{background-image:url(../img/checkAccount/pt_paypal.jpg)}
.checkAccountItem .option .radio_opt1, .checkAccountItem .option .radio_opt2{padding-left:20px}
.checkAccountItem .option .opt_choice{font-size:80%;color:#000;font-weight:bold}
#checkAccount .checkAccountItem .option p.intro{width:auto;padding:12px 20px 0 47px}
.optionContent{margin:0 10px 20px -190px; background:url(../img/icons/hrGrey2.gif) 0 bottom repeat-x}
.optionTwoContent { clear: left; padding: 0 30px 0 205px; }
.optionTwoContent p { font-size: 11px; line-height: 13px; padding-bottom: 7px; }

.optionContent .checkAccountField{width:100%}
.optionContent .checkAccountField label{width:241px}
.optionContent .errorMsg{left:475px}
#checkAccount .optionContent .accNotRquired{width:300px;margin-left:255px;font-size:10px}
.option2 .optionContent div{font-size:70%;padding:12px 0 20px;font-weight:bold; border:1px solid #ff9900; background-color:#fef3dd; font-family:Arial; font-size:14px; font-weight:bold; font-style:italic; color:#1b3664; text-align:center; }
.option2 .optionContent div span.paypal { height:0; overflow:hidden; display:inline-block; width:65px; padding-top:16px; background:url(../img/checkAccount/paypalText.gif) no-repeat; position:relative; top:4px; }
#existingCardDetails{padding-bottom:20px}

/* Confirm */
.confirmDelAdd{float:left; display:inline; width:260px; margin:20px 0 10px 30px}
.confirmDelAdd address, .confirmBillCard address{font-size:70%; font-style:normal}
.confirmDelAdd p, .confirmDelAdd address{color:#383838; line-height:1.4}
.confirmDelAdd p strong{display:block; margin:0 0 5px 0}

.confirmDelOption{width:270px}
.confirmDelOption p strong{width:100px}

.confirmBillCard{float:left; display:inline; width:280px; margin:20px 0 0 10px}
.confirmBillCard p, .confirmBillCard address{display:block; float:left; display:inline; height:16px; line-height:1.6; color:#383838; padding:2px 0; width:260px}
.confirmBillCard p strong{display:block; float:left; display:inline; width:105px; height:16px; line-height:1.6; text-align:right; padding-right:10px}

p.confirmTxt{font-size:70%; border:none; margin-top:10px; color:#ac0000; font-weight:bold; text-align:right; margin-right:24px}
p.confirmTxt a{color:#ac0000}

.agreeTerms{text-align:right; color:#4d2e38; font-weight:bold; font-size:70%; margin:-20px 49px 15px 0}
.agreeTerms input{border:none; background:none}
.agreeTerms a{color:#4d2e38; text-decoration:underline}

/* Complete 
#checkAccount .createAccount{position:relative; background: url(../img/checkAccount/createAccount.gif) no-repeat 0 0; padding:20px 0 30px 0px}
#checkAccount .createAccount h3{position:relative; left:118px; line-height:1.2; color:#4d2e38}
#checkAccount .createAccount p{position:relative; left:118px; font-size:11px;color:#4d2e38; margin:0 0 12px 0; width:380px}
.createAccount ul{position:relative; left:118px; list-style:none; width:380px; margin:0px; padding:0px}
.createAccount ul li{background:url(../img/icons/createdLi.gif) no-repeat 0 4px; color:#4d2e38; padding:3px 0 3px 14px; font-size:70%}
.createAccount ul li strong{color:#f97700}

.createAccount fieldset label{float:left; display:inline; width:115px; padding:1px 0 0 0px; color:#4d2e38; text-align:right; font-weight:bold; font-size:11px}
.createAccount fieldset input{float:left; display:inline; margin:0 0 0 10px; width:200px; border:1px solid #b2b6bc; padding:2px; color:#6580ad}
*/

/* existing user - update account*/
.createAccount fieldset .accountChanges{margin-left:118px; width:350px; clear:both; height:22px}
.createAccount fieldset .accountChanges input{float:left; display:inline; margin:0px 0 0 10px; width:15px;border:0px}
.createAccount fieldset .accountChanges label{float:left; display:inline; width:180px; padding:1px 0 0 15px; color:#4d2e38; text-align:left; line-height:1.2; font-weight:normal; background: url(../img/icons/createdLi.gif) no-repeat 0 3px}
.createAccount fieldset .accountChanges label strong{color:#8f9069}

/* new user - create account*/
.checkoutCreateAccount{margin:20px 0 0 0}
.checkoutCreateAccount h3{margin:0 0 5px 0; color:#4d2e38}
.checkoutCreateAccount fieldset{position:relative; top:0; left:0; display:block; margin:0}
.checkoutCreateAccount fieldset label{padding-left:45px}
.checkoutCreateAccount fieldset .notifyMe{float:left; clear:both; margin:0 0 5px 45px; width:500px; line-height:1; padding-top:0;  }
.checkoutCreateAccount fieldset .notifyMe label{float:left; display:inline; width:300px;padding:1px 0 0 5px; color:#4d2e38; text-align:left; font-weight:normal}
.checkoutCreateAccount fieldset .notifyMe input{float:left; display:inline; margin:0 0 0 125px; width:14px; border:0}
.checkoutCreateAccount fieldset .notifyMe input.checkbox{background:none; border:none; height:13px; width:13px}

/* new user - account created */
.createdAccount{height:230px; text-align:center}
.createdAccount img{position:relative; top:75px}
#checkAccount .createdAccount p{position:absolute; top:135px; left:140px; text-align:center;  width:100%; left:0; font-weight:bold; color:#7f7f7f}

.checkAccountField input.promoInput{width:110px}
a.eGH{color:#4d2e38; text-decoration:underline; line-height:1.2}

#headerBasket {background-image:url(../img/basket/header_yourBasket.jpg); width:695px; height:51px; position:relative}







#mainContent #leftContent .checkoutContainer .content .deliveryAddress{width:281px; margin-top:10px; float:left; position:relative; left:112px;}
#mainContent #leftContent .checkoutContainer .content .deliveryAddress h3{padding-left:104px; margin-bottom:24px; font-size:1.3em; font-weight:normal;}
#mainContent #leftContent .checkoutContainer .content .deliveryAddress .postcodeFinder{padding:6px 0 0 143px; margin:0 -211px 6px -143px; overflow:auto; background-color:#e4f3c0;}
#mainContent #leftContent .checkoutContainer .content .deliveryAddress .postcodeFinder p.instruction{padding-left:26px; margin:0 0 8px 16px; line-height:20px; font-size:11px; background:url(/common/images/shell/info.png) no-repeat 0 0;}

#mainContent #leftContent .checkoutContainer .content .deliveryAddress .delInstructions{padding-left:104px;}
#mainContent #leftContent .checkoutContainer .content .deliveryAddress .delInstructions label{}
#mainContent #leftContent .checkoutContainer .content .deliveryAddress .delInstructions textarea{width:173px;}
#mainContent #leftContent .checkoutContainer .content .billingAddress{width:281px; margin-top:10px; float:right;}
#mainContent #leftContent .checkoutContainer .content .billingAddress h3{padding-left:104px; margin-bottom:24px; font-size:1.3em; font-weight:normal;}
#mainContent #leftContent .checkoutContainer .content .billingAddress .postcodeFinder{padding:6px 0 0 0; margin:0 -31px 6px 0; overflow:auto; background-color:#e4f3c0;}
#mainContent #leftContent .checkoutContainer .content .billingAddress .postcodeFinder p.instruction{padding-left:26px; margin:0 0 8px 16px; line-height:20px; font-size:11px; background:url(/common/images/shell/info.png) no-repeat 0 0;}