/* balcony checkout and account styles */

#basket{ margin-top:2px; }
#basketCont{ width:568px; }
#basketArea{ width:568px; }
#basket table{ width:568px; margin:0 auto; background:url(../img/basket/table_bg.gif) 0 0 no-repeat; }
#basket table th{ height:21px; vertical-align:middle; font-size:11px; font-weight:bold; color:#464646; text-align:center; }
#basket table th.description{ text-align:left; padding-left:10px; }
#basket table th.remove{ border:none; }
#basket table td{ font-size:11px; vertical-align:middle; text-align:center; background:#cad7e0 url(../img/basket/td_bg.gif) 0 0 no-repeat; }
#basket table td.quantity{ width:44px; height:67px; background-position:-2px 0; color:#737373; }
#basket table td.quantity input{ width:10px; padding:2px 4px; font-size:11px; border:1px solid #cacaca; text-align:center; background:#fff; color:#737373; }
#basket table td.code{ width:77px; color:#784911; }
#basket table td.description{ text-align:left; }
#basket table td.description .img{ position:relative; float:left; top:0; left:14px; display:block; width:56px; height:46px; background:url(../img/basket/img_bg.gif) 0 0 no-repeat; }
#basket table td.description .img img{ margin:2px 0 0 3px; }
#basket table td.description p{ position:relative; float:left; width:180px; left:20px; top:5px; color:#2f3c8a; text-decoration:none; }
#basket table td.description a{ color:#b39175; font-size:10px; font-weight:bold; }
#basket table td.price{ width:63px; color:#464646; }
#basket table td.total{ width:63px; color:#f97700; }
#basket table td.remove{ width:39px; }
#basket table.totals{ margin:0 auto; height:63px; background: url(../img/basket/totals_bg.jpg) left bottom no-repeat; }
#basket table.totals td{ position:relative; height:21px; background:none; color:#fff; text-align:right; }
#basket table.totals td.delivery{ text-align:center; color:#fdf0ce; width:239px; padding:0; }
#basket table.totals td.delivery p{ margin-bottom:4px; }
#basket table.totals td.delivery span{ color:#fff; }
#basket table.totals td.amount{ padding-left:11px; text-align:left; font-weight:bold;}
#basket table.totals td.total{ width:216px; padding-right:11px; }
/*#basket table.totals tr td p.items{ text-align:left; padding-left:10px; float:left; width:300px; font-size:11px; }*/

h2.noItems{ font-size:90%; color:#f97700; text-align:center; margin:10px 0; }
p.noItems{ font-size:70%; color:#737373; font-weight:bold; text-align:center; line-height:1.2; }

.basketButtons{ position:relative; width:558px; height:57px; padding:0 0 0 10px; margin:10px 0 0 0; background:url(../img/basket/buttons_bg.gif) 0 0 no-repeat; }
.basketThawte{ display:block; margin:auto; }
#alsoLike{ margin-top:25px; }

/* Checkout Basket */
.collapseBasket{ display:block; position:absolute; height:12px; line-height:1.2; padding-right:22px; right:10px; top:10px; background:url(../img/buttons/colBasket.gif) right 0 no-repeat; color:#464646; font-weight:bold; }
.collapse{ background-position:right -12px; }
.expand{ background-position:right 0; }
#checkAccount #basket{ width:724px; margin:0; }
#checkAccount #basketArea{ position:relative; width:724px; }
#checkAccount #basketCont{ width:724px; }
#checkAccount #basket table{ width:724px; background:url(../img/checkAccount/basket_bg.png) top left no-repeat; }
#checkAccount #basket table.checkTotals{ width:724px; background:#f97800 url(../img/checkAccount/checkTotals_bg.png) 0 bottom no-repeat; }
#checkAccount #basket table.checkTotals td, #checkAccount #basket table.checkTotals th{ height:25px; background:none; }
#checkAccount #basket table.checkTotals th{ text-align:left; padding-left:15px; color:#424242; }
#checkAccount #basket table.checkTotals th em{ color:#fff; font-style:normal; }
#checkAccount #basket table.checkTotals td{ text-align:right; padding-right:25px; color:#fff; }
#checkAccount #basket table.checkTotals td.amount{ width:61px; }
#checkAccount #basket table.checkTotals big{ font-size:12px; font-weight:bold; }
#checkAccount #basket table.checkTotals td strong{ padding-left:10px; }

#checkAccount{width:724px; position:relative; padding:0 20px 0 36px; margin:0 93px 0 88px; }
#checkAccount p{ font-size:70%; line-height:1.2; color:#464646; width:377px; }
#checkAccount p.login{ position:absolute; top:-10px; left:37px; width:347px; }
#checkAccount .header{display:block; margin:0 auto}

/* checkout / account login */
#accountLogin{ width:100%; background:url(../img/checkAccount/trolley_bg.jpg) 567px 0 no-repeat; }
#accountLogin.account{ background:none; }
#accountLogin.account .new{ background-image:url(../img/checkAccount/login_bg.jpg); }

#accountLogin .login{ float:left; display:inline; position:relative; margin:39px 0 0 0; width:352px; height:220px; }
#accountLogin .existing{ margin-right:20px; background:url(../img/checkAccount/login_bg.jpg) 0 30px no-repeat; }
#accountLogin .new{ background:url(../img/checkAccount/loginNew_bg.jpg) 0 30px no-repeat; }
#accountLogin .new #trolley{ position:absolute; top:0; right:6px; z-index:2; width:170px; height:30px; background:url(../img/checkAccount/trolley2_bg.jpg) 0 0 no-repeat; }

#accountLogin .login h2{ width:352px; color:#fff; font-size:70%; border-bottom:2px solid #fff; text-indent:10px; line-height:2.5; background:url(../img/checkAccount/login_h2.gif) 0 0 no-repeat; }
#accountLogin .login h3{ width:300px; margin:20px 0 5px 30px; color:#464646; font-size:70%; background:none; left:0; }
#accountLogin .login h3 span.errLogin{ color:#d9442c; }
#accountLogin .login p{ margin:0 0 10px 30px; color:#000; width:255px; line-height:1.2; }
#accountLogin .login ul{ margin:15px 0 0 30px; list-style:none; font-size:70%; }
#accountLogin .login ul li{ height:15px; padding:0 0 9px 25px; background: url(../img/icons/tick.gif) no-repeat 0 0; color:#424242; font-weight:bold; }
#accountLogin .login fieldset{ position:absolute; top:112px; left:30px; font-size:70%; }
#accountLogin .login fieldset label{ display:block; margin:0 0 2px 1px; font-weight:bold; color:#424242; }
#accountLogin .login fieldset label span{ font-weight:normal; }
#accountLogin .login fieldset input{ clear:both; width:185px; padding:2px; margin-bottom:9px; font-size:11px; background-color:#fff; border:1px solid #b9bcbf; }
#accountLogin .login fieldset a{ display:block; margin-top:-9px; line-height:1.2; color:#f97700; font-size:90%; text-decoration:none; }
#accountLogin .login fieldset a:hover{ text-decoration: underline; }

/*cursed comfort tones with 3 different image types...*/
.comfortTones{position:relative;width:600px; height:139px; margin:0 auto}
.headTones{width:724px; height:89px; position:relative}
.comfortTones li{display:block;margin-right:19px;display:inline; float:left}
.headTones li{display:block; float:left}
.footTones{position:relative;width:733px; height:178px; padding:21px 0 0 31px; margin:0 auto; background:url(../img/comfort/footTones_bg.png) 0 0 repeat-x}
.footTones li{display:block;margin-right:9px;display:inline; float:left}

#checkAccount img.thawte{ clear:both; display:block; margin:0 auto; padding:35px 0; }

#accountText{clear:left}
#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:#f97700; }

/* account styles */
.accWelcome{ width:709px; margin:auto; height:57px; color:#424242; text-align:right; padding:0 15px 0 0; background:url(../img/checkAccount/details.jpg) 0 0 no-repeat; }
.accBilling{ width:709px; margin:auto; height:57px; color:#424242; text-align:right; padding:0 15px 0 0; background:url(../img/checkAccount/accBilling.jpg) 0 0 no-repeat; }
.accWelcome p a, .accBilling p a{ color:#ea7e15; font-weight:bold; }

/* checkout styles */
/* information message */
#checkAccount .information { position:relative; clear:both; width:724px; height:80px; margin:20px auto 14px auto; background: url(../img/checkAccount/informationBg.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; vertical-align: middle; padding-left:87px; }
#checkAccount .information td.left p{ color:#fff; width:370px; line-height:1.2; }
#checkAccount .checkInfo td p{ margin-left:150px; }
#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:#fff; }

/* Order History Account information message */
#checkAccount .oHistory td.left p{ width:300px; }
#checkAccount .oHistory td.right{ height:41px; vertical-align:middle; padding-right:10px; }
#checkAccount .oHistory td.right .orderSearch{ height:32px; width:311px; padding:9px 0 0 9px; background:url(../img/account/orderSearch.jpg) top left no-repeat; }
#checkAccount .oHistory td.right .orderSearch label{ color:#000; font-weight:bold; font-size:70%; float:left; margin-right:7px; line-height:1.9; }
#checkAccount .oHistory td.right .orderSearch input{ padding:4px; background-color:#eaeaea; color:#000; width:133px; float:left; } 

/* Checkout / Account Containers and form fields */

.checkAccountItem{ position:relative; width:713px; padding:0 5px 0 6px; background:#eef2f5 url(../img/checkAccount/accItem_bg.gif) 0 0 no-repeat; color:#464646; } 
.emailAddress{ padding:0 5px 25px 6px; }
.aiBottom{ width:725px; height:12px; margin-bottom:18px; background:url(../img/checkAccount/ai_btm.gif) 0 0 no-repeat; }
#checkAccount h2{ position:relative; width:724px; height:28px; background:url(../img/checkAccount/h2.gif) 0 0 no-repeat; color:#fff; font-size:70%; text-indent:10px; line-height:2.6; }
#checkAccount .3DSecureContent { position:relative; width:724px; height:445px;  font-size:70%; text-indent:10px; line-height:2.6; }
#checkAccount h3{ width:440px; position:relative; left:172px; margin-bottom:15px; font-size:70%; color:#424242; }
.checkAccountField{ clear:both; float:left; display:inline; position:relative; width:711px; padding:3px 0; margin:0 0 4px 0; color:#424242; font-size:70%; line-height:1.7; }
.checkAccountField label{ display:block; float:left; display:inline; font-size:11px; color:#464646; font-weight: bold; text-align:right; width:165px; padding:0; }
.checkAccountField label sup{ color:#e71005; }
.checkAccountField input, .checkAccountField select{ display:block; float:left; display:inline; width:200px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#4f4f4f; background-color:#eaeaea; }
.checkAccountField input.discountCode{ width:110px; padding:1px; background:#fff; }
.checkAccountField .hidden input{ display:none; }
.checkAccountField label.discountCode{ width:70px; }
.checkAccountField a{ color:#424242; text-decoration:none; }
.checkAccountField a:hover{ text-decoration:underline; }
#checkAccount .checkAccountField p{ width:320px; clear:both; padding:0; font-size:10px; margin-left:180px; }
#checkAccount .fraud{ padding:10px 20px; height:65px; line-height:1.2; position:relative; top:10px; background:url(../img/checkAccount/fraud_bg.gif) 0 0 no-repeat; 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; }
.accountRadio input{ margin:0; padding:0; border:0; }

/* discounts */
.discounts fieldset{ padding-top:20px; }
#checkAccount .appliedDiscount{ clear:both; width:304px; margin:15px 0 0 22px; border:1px solid #b39175; background:#e2c59b 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{ color:#464646; font-weight:bold; }
#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, .existingOff p{ font-weight:normal; line-height:1.2; margin:5px 0 5px 27px; }
#checkAccount .existingOff{ color:#797979; font-weight: bold; }
#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 label{ color:#ff0000; }
.errorMsg{ position:absolute; left:395px; top:5px; padding:0 0 0 20px; color:#e71005; background: url(../img/icons/checkAccountError.gif) 0 2px no-repeat; }
.promoErrorMsg{ position:absolute; left:501px; top:60px; line-height:1.4; padding:0 0 0 20px; font-size:70%; color:#e71005; background: url(../img/icons/checkAccountError.gif) 0 2px no-repeat; }

.accCreditCards{ float:left; text-align:center; padding:5px 0 0 0; }
.checkoutButtons{ position:relative; height:30px; width:100%; }
.checkoutButtons{ height:43px; }
.introTxt{ width:290px; margin:13px 0 10px 24px; line-height:1.2; }
.accIntroTxt{ width:675px; margin:18px 0 10px 24px; 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{ color:#e00000; }

/** Delivery & Billing **/
#deliveryDetails{ clear:both; }
.deliveryOptions{ padding:15px 0 0 11px; height:180px; font-size:70%; }
.deliveryOptions label{ font-weight:bold; color:#464646; }
.deliveryOptions input{ border:none; margin-left:30px; }
.deliveryOptions fieldset{ width:340px; float:left; }
.deliveryOptions .costTable{ width:224px; margin:0 0 0 132px; float:left;display:inline; background:url(../img/checkAccount/delTable_top.gif) 0 0 no-repeat; }
.deliveryOptions table{ width:224px; color:#fff; background:url(../img/checkAccount/delTable_btm.gif) 0 bottom no-repeat; }
.deliveryOptions table tr{ position:relative; }
.deliveryOptions table th{ width:127px; vertical-align:middle; text-align:right; padding-right:12px; }
.deliveryOptions table td{ width:57px; font-weight: bold; vertical-align:middle; text-align:right; padding-right:28px;  }
.deliveryOptions table tr.top{ height:29px; }
.deliveryOptions table tr.mid th{ background:#fff url(../img/checkAccount/delTable_midTH.gif) 0 0 repeat-y; }
.deliveryOptions table tr.mid td{ background:#fff url(../img/checkAccount/delTable_midTD.gif) right 0 repeat-y; }
.deliveryOptions table tr.mid th, .deliveryOptions table tr.mid td{ color:#f97700; height:16px; }
.deliveryOptions table tr.btm{ height:29px; }

.deliveryOptions .deliveryOption table{ background:none; width:275px; }
.deliveryOptions .deliveryOption table td{ height:20px; text-align:left; }

.deliveryOptions .deliveryInstructions{ margin:16px 0 0 55px; }
.deliveryOptions .deliveryInstructions label{ font-weight:normal; color:#000; }
.deliveryOptions textarea{ display:block; width:200px; height:60px; margin-top:10px; }
.deliveryOptions .deliveryContinue{ width:95%; clear:both; font-size:11px; text-align:right; }

.checkAccError{ position:relative; width:700px; margin:0 auto 20px auto; height:42px; background:#fff url(../img/checkAccount/pageError_bg.gif) 0 0 no-repeat; border:1px solid #e00000; }
#checkAccount .checkAccError p{ color:#e00000; position:absolute; top:7px; left:75px; margin:0; padding:0; line-height:1.2; }

/* 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:#464646; font-weight:bold; font-size:70%; margin-bottom:15px; }
.agreeTerms input{ border:none; background:none; }
.agreeTerms a{ color:#f97700; }

/* Complete */
#checkAccount .createAccount{ position:relative; background: url(../img/checkAccount/createAccount.png) no-repeat 29px 17px; padding:20px 0 30px 0px; }
#checkAccount .createAccount h3{ position:relative; left:100px; line-height:1.2; }
.createAccount p{ position:relative; left:100px; font-size:11px;color:#424242; margin:0 0 12px 0; width:380px; }
.createAccount ul{ position:relative; left:100px; list-style:none; width:380px; margin:0px; padding:0px; }
.createAccount ul li{ background:url(../img/icons/createdLi.gif) no-repeat 0 4px; color:#424242; 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:#d9442c; 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; }

/**** ANYTHING CHANGED IN ACCOUNT ****/
.createAccount fieldset .accountChanges{ margin-left:100px; 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:#424242; 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:#f97700; }

/**** CREATE ACCOUNT IF NEW USER ****/
.checkoutCreateAccount{margin:20px 0 0 0;}
.checkoutCreateAccount h3{margin:0 0 5px 0;}
.checkoutCreateAccount fieldset{ position:relative; top:0px; left:0px; display:block; left:0px; margin:0px;}
.checkoutCreateAccount fieldset label{padding-left:45px; }
.checkoutCreateAccount fieldset .notifyMe{float:left; clear:both; margin:0 0 5px 45px; width:500px; }
.checkoutCreateAccount fieldset .notifyMe label{float:left; display:inline; width:300px;padding:1px 0 0 5px; color:#383838; text-align:left; font-weight:normal;}
.checkoutCreateAccount fieldset .notifyMe input{float:left; display:inline; margin:0 0 0 125px; width:14px; border:0px;}
.checkoutCreateAccount fieldset .notifyMe input.checkbox{ background:none; border:none; height:13px; width:13px; }

/**** CREATED ACCOUNT FOR NEW USER ****/
.createdAccount{ height:230px; text-align:center; /*background: url(../img/checkout/bgAccount.gif) no-repeat left top;*/ }
.createdAccount img{ position:relative; margin: 75px 0 20px 0;}
#checkAccount .createdAccount p{ position: relative; margin: 0 auto; font-weight:bold; color:#7f7f7f; }