/* styles added by peter butler for new version of the checkout process 12/04/2007 */
#header{padding-bottom:12px}
fieldset{border:0; padding:0; margin:0}

/* login page */
.accountThawrt{height:63px; background:url(/common/img/account/thawte.gif) no-repeat 180px 0; width:100%; margin-top:20px}
.accountLogin{float:left; position:relative; width:340px; margin-left:15px; top:10px; height:200px; background:url(../img/checkoutTwo/loginBg.gif) no-repeat bottom left}
.accountLogin h2{color:#fff; font-size:11px; font-weight:bold; height:22px; margin:0; padding:0; line-height:21px; text-indent:20px; width:338px; background:url(../img/checkoutTwo/headings/whiteBg338px.png) no-repeat 0 0}
.accountLogin h3{color:#404040; font-size:11px; font-weight:bold; margin-bottom:10px; text-indent:0; padding:0}
.accountLogin p{margin:10px 0; color:#7f7f7f; width:270px; font-size:11px}
.accountLogin ul{margin:0; padding:0; list-style:none}
.accountLogin ul li{height:15px;padding:0 0 0 15px;background:url(/common/img/icons/blueBullet.gif) no-repeat 0 3px; color:#606060;font-weight:bold}
.accountLogin fieldset{position:absolute; width:300px; height:165px; top:30px; left:20px; border:none; padding:0; margin:0}
.accountLogin fieldset label{position:relative; float:left; clear:left; display:inline; font-weight:bold; width:120px; color:#26278f; padding-bottom:2px; margin-top:5px}
.accountLogin fieldset input{position:relative; float:left; clear:both; width:180px; padding:2px; height:20px; size:11px; border:1px solid #b9bcbf; font-size:11px}
.accountLogin fieldset p{color:#7f7f7f; margin-left:0; font-size:11px; margin:0 0 10px 0; padding:0}
.accountLogin fieldset p a{color:#a80000; text-decoration:none; float:left; clear:both}
.accountLogin fieldset p a:hover{text-decoration:underline}
.accountLogin .loginField{position:relative; width:180px; height:40px; margin-bottom:3px}

/* checkout two containers and positioning */
#checkoutTwo{position:relative; width:760px; margin:auto; padding-top:20px}
#checkoutTwo .innerContentLogin{position:relative; top:-10px; left:0; width:730px; height:300px; padding:40px 0 0 15px; background:url(../img/checkoutTwo/bgs/loginCardBg.jpg) no-repeat 5px 0}/* see IE style sheet for left and top */
#checkoutTwo .creditCard{background:url(../img/checkoutTwo/bgs/loginCardBg.jpg) no-repeat 5px 0}
#checkoutTwo .finance{background:url(../img/checkoutTwo/bgs/loginFinanceBg.jpg) no-repeat 5px 0}
#checkoutTwo .innerContent{position:relative; width:720px; margin:0 auto; padding:0;}
#checkoutTwo h1.whiteBg{position:relative; width:760px; height:20px; background:url(../img/checkoutTwo/headings/whiteBg760px.gif) no-repeat 0 0; font-weight:bold; line-height:20px; color:#fff; text-indent:15px; padding-bottom:5px}
#checkoutTwo h2{padding:0; font-size:11px; margin:0}
#checkoutTwo h2.whiteBg{position:relative; width:760px; height:20px; background:url(../img/checkoutTwo/headings/whiteBg760px.gif) no-repeat 0 0; font-weight:bold; line-height:20px; color:#fff; text-indent:15px}
#checkoutTwo h2.greyBg{position:relative; width:720px; height:30px; background:url(../img/checkoutTwo/headings/greyBg720px.gif) no-repeat 0 0; font-weight:bold; line-height:20px; color:#fff; text-indent:15px}
#checkoutTwo h2.blueBg{position:relative; width:720px; height:20px; background:url(../img/checkoutTwo/headings/blueBgBasket.gif) no-repeat 0 0; font-weight:bold; line-height:20px; color:#fff; text-indent:15px}

/* title graphics */
.headingGraphics{width:720px; height:84px; position:relative; margin-bottom:10px}

/* titles for cards */
.deliveryGraphicCard{background:url(../img/checkoutTwo/headings/deliveryHeadingCard.jpg) no-repeat 0 0}
.billingGraphicCard{background:url(../img/checkoutTwo/headings/billingHeadingCard.jpg) no-repeat 0 0}
.verifyGraphicCard{background:url(../img/checkoutTwo/headings/verifyHeadingCard.jpg) no-repeat 0 0}

/* titles for finance */
.deliveryGraphicFinance{background:url(../img/checkoutTwo/headings/deliveryHeadingFinance.jpg) no-repeat 0 0}
.billingGraphicFinance{background:url(../img/checkoutTwo/headings/billingHeadingFinance.jpg) no-repeat 0 0}
.verifyGraphicFinance{background:url(../img/checkoutTwo/headings/verifyHeadingFinance.jpg) no-repeat 0 0}
.completeGraphicFinance {background:url(../img/checkoutTwo/headings/completeHeadingFinance.jpg) no-repeat 0 0}
.financeOptionHeading{background:url(../img/checkoutTwo/headings/financeOptionHeading.jpg) no-repeat 0 0}

/* checkout two error message */
.checkoutError, .checkoutErr_inr, .checkoutErr_btm{background:url(../img/checkoutTwo/errorMessageBg.gif) no-repeat 0 0}
.checkoutError{width:720px; width:720px; line-height:22px; margin-bottom:10px; background-position:-720px 0; background-repeat:repeat-y}
.checkoutErr_btm{background-position:-1440px bottom}
.checkoutErr_inr{padding:6px 25px 14px;}
#checkoutTwo .checkoutErr_inr p{padding:0 60px; color:#ca0303}
.checkoutError p{border:1px solid #CA0303;color:#CA0303;}
.checkoutError span{color:#CA0303;margin:50px;padding:10px;}

/* checkout two basket */
#checkoutTwo #basket{position:relative; width:720px; padding:0 0 20px 0; background:#334f79 url(../img/checkoutTwo/basket/blueBg.gif) no-repeat bottom left}
#checkoutTwo #basket table{background:#f1f1f1;  width:690px; margin:0 0 0 15px; font-size:11px}
#checkoutTwo #basket table.basketTableOne{/*margin-top:10px;*/ }
#checkoutTwo #basket table th{height:23px; color:#496b94; font-weight:bold; text-align:left; text-indent:20px; padding:1px 0}
#checkoutTwo #basket table td{height:23px; text-align:left; text-indent:20px; padding:1px 0; color:#4f4e4e}

#checkoutTwo #basket table th.topL{background:url(../img/checkoutTwo/basket/topL.gif) no-repeat 0 0; border-bottom:#9aafc4 1px solid; border-right:#9aafc4 1px solid}
#checkoutTwo #basket table th.topR{background:url(../img/checkoutTwo/basket/topR.gif) no-repeat top right; width:100px; border-bottom:#9aafc4 1px solid}
#checkoutTwo #basket table th.topMiddle{width:85px; border-bottom:#9aafc4 1px solid; border-right:#9aafc4 1px solid}

#checkoutTwo #basket table td.topR{width:100px}
#checkoutTwo #basket table td.bottomL{background:#f4a711 url(../img/checkoutTwo/basket/bottomL.gif) no-repeat bottom left}
#checkoutTwo #basket table td.bottomR{background:#f4a711 url(../img/checkoutTwo/basket/bottomR.gif) no-repeat bottom right}
#checkoutTwo #basket table tr.productRow{background:#fff}
#checkoutTwo #basket table tr.productRow td{font-size:11px}
#checkoutTwo #basket table .borderTR{border-top:#9aafc4 1px solid; border-right:#9aafc4 1px solid}
#checkoutTwo #basket table .borderT{border-top:#9aafc4 1px solid}
#checkoutTwo #basket table .borderB{border-bottom:#9aafc4 1px solid}
#checkoutTwo #basket table .borderL{border-left:#9aafc4 1px solid}
#checkoutTwo #basket table .borderR{border-right:#9aafc4 1px solid}
#checkoutTwo #basket table .basketTotals{text-align:right; /*position:relative;*/ padding-right:20px; font-weight:bold}

/* expandable basket */
#checkoutTwo #basket .expandBasket{position:absolute; top:4px; right:15px}
#checkoutTwo #basket .expandBasket a{color:#fff; text-decoration:none; padding-left:20px} 
#checkoutTwo #basket .expandBasket a.basketClosed{background:url(../img/checkoutTwo/icons/expandBasketPlus.gif) no-repeat 5px 2px}
#checkoutTwo #basket .expandBasket a.basketOpen{background:url(../img/checkoutTwo/icons/expandBasketMinus.gif) no-repeat 5px 2px}

/* checkout two information and error messages */
.informationCheckout{background:url(../img/checkoutTwo/informationBgNoThanku.gif) no-repeat top left; width:720px; height:52px; margin-bottom:10px; padding-top:8px}
.informationCheckout p{line-height:45px; text-indent:80px; color:#21385c; margin:0; padding:0}
.informationCheckout a{color:#21385c; font-weight:bold}
.informationCheckout .orderNumber{color:#f4a711; font-size:12px; font-weight:bold}
.financeOption p{text-indent:0; margin-left:80px}

/* checkout two information and error messages */
.informationCheckoutThanku{background:url(../img/checkoutTwo/informationBg.gif) no-repeat top left; width:720px; height:52px; margin-bottom:10px; padding-top:8px}
.informationCheckoutThanku p{line-height:16px; text-indent:230px; color:#21385c; margin:0; padding:0}
.informationCheckoutThanku a{color:#21385c; font-weight:bold}
.informationCheckoutThanku .orderNumber{color:#f4a711; font-size:12px; font-weight:bold}
.financeOptionThanku p{text-indent:0; margin-left:230px}

/* checkout two sections */
.accountItem{width:720px; position:relative; background:#f1f1f1 url(../img/checkoutTwo/accountItemB.gif) no-repeat bottom left; clear:both; margin-bottom:10px; padding-bottom:20px} /* add background for account item */
.accountItem p{margin:0 0 15px 30px}
.accountItem fieldset{position:relative; border:0; padding:0; margin:0}
.accountItem fieldset .checkoutField p {clear:both; font-size:10px;margin:0 0 0 136px; padding:0; width:187px}
.accountItemButtons img{float:left}
.accountItemBottom{background:#fff url(/common/img/checkout/accountItemB.gif) no-repeat top left; height:20px; position:relative; clear:both}

/* checkout two checkout fields */
.col1, .col2{width:360px;float:left}
.checkoutField{clear:both; float:left; display:inline; position:relative; width:360px;padding:3px 0; margin:0 0 4px 0; color:#666; font-size:10px; line-height:17px}
.checkoutField label{display:block; float:left; display:inline; font-size:11px; color:#245da0; font-weight:bold; text-align:right; width:130px; padding:0}
.checkoutField label span{color:#dd140d}
.checkoutField input{display:block; float:left; display:inline; width:172px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#666; font-size:11px}
.checkoutField select{display:block; float:left; display:inline; width:178px; margin:0 0 0 15px; border:1px solid #b2b6bc; height:20px; padding:1px;  color:#666; font-size:11px}
.checkoutField a.accountLink{color:#666; text-decoration:none}
.checkoutField a{color:#fff; text-decoration:none}
.checkoutField a:hover{text-decoration:underline} 
.checkoutField .cardimg{margin-left:5px}

.discountCodelabel label{display:block; float:left; display:inline; font-size:11px; color:#245da0; font-weight:bold; text-align:right; width:130px; padding:0}
.discountCodelabel label span{color:#dd140d}
.discountCode input{display:block; float:left; display:inline; width:172px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#666; font-size:11px}
.discountAddButton{float:left; padding-left:5px;}
.discountAddButton a{background:url(../img/checkoutTwo/buttons/continueCheckoutButton.gif) no-repeat 0 0; display:block; height:21px; width:163px; text-indent:20px; line-height:19px; text-decoration:none; position:relative; color:#FFFFFF;font-weight:bold;}
.discountAddButton a:hover{text-decoration:underline}
#checkoutTwo .checkoutErrorDis{width:660px; background:url(../img/checkoutTwo/errorMessage.gif) no-repeat 0 0; width:660px; height:33px; line-height:22px; margin-bottom:10px}
#checkoutTwo .checkoutErrorDis p ul {padding-left:60px; color:#ca0303}
#error_list{padding-left:60px; color:#FFFFFF}
.expandDiscount{float:left; padding-left:5px;}
.expandDiscount a {background:url(../img/checkoutTwo/buttons/continueCheckoutButton.gif) no-repeat 0 0; display:block; height:21px; width:163px; text-indent:20px; line-height:19px; text-decoration:none; position:relative; color:#FFFFFF;font-weight:bold;}
.expandDiscount a:hover{text-decoration:underline}

/* billing finance options */
.billingFinanceOptions fieldset{background:url(../img/checkoutTwo/icons/able2buy.gif) no-repeat 45px 0; padding:60px 0 0 25px; margin-bottom:30px}
.billingFinanceOptions fieldset label{color:#888; font-weight:bold}
.billingFinanceOptions fieldset input{position:relative; top:2px}

/* verify finance options */
.accountItem .accountItemL .confirmFinance{position:relative; height:50px; padding:65px 0 0 0; margin-top:-20px}
.accountItem .accountItemL .confirmFinance p{float:left; padding:0; width:650px; margin:0 0 20px 0}
.accountItem .accountItemL .confirmFinance p span{display:block; float:left; display:inline; width:250px; padding:0; text-align:left; padding-right:20px}
.accountItem .accountItemL .ableToBuyLogo{position:absolute; top:10px; left:0}

/* complete finance options */
.accountItem .accountItemR .confirmFinance{position:relative; height:50px; padding:10px 0 0 0; background:url(../img/checkoutTwo/icons/able2buySmall.gif) no-repeat top right}
.accountItem .accountItemR .confirmFinance p{float:left; padding:0; margin:0 0 5px 0}
.accountItem .accountItemR .confirmFinance p span{display:block; float:left; display:inline; width:250px; padding:0; font-weight:bold; text-align:left; padding-right:20px}

/* white inner content boxes */
.whiteInnerContentT{position:relative; width:667px;padding:20px 10px 20px 10px; background:#fff url(../img/checkoutTwo/info.gif) no-repeat 5px 5px}
.whiteInnerContentB{margin:0 10px; width:687px; position:relative; padding:0 0 10px 0}
.whiteInnerContentB p{color:#21385c; line-height:16px; padding:0; margin:3px 3px 3px 60px;  } 
.whiteInnerContentB h3{color:#f4a711; font-size:12px; margin:0 0 0 50px}

/* white inner content boxes */
.whiteInnerDel{position:relative; width:670px; padding:10px; margin:10px 15px; background:#fff}
.whiteInnerDel h3{color:#20385c; font-size:12px; margin:10px 10px 5px 10px}
.whiteInnerDel p{color:#20385c; line-height:16px; padding:0; margin:0 10px 5px 10px;  } 
.whiteInnerDelT, .whiteInnerDelB{position:relative; padding:0 0 10px 0}

.noPadBottom{padding-bottom:0; margin-bottom:0}

.accountRadio label{color:#666;font-weight:bold; text-align:left;margin:0 0 0 22px; padding-right:5px}
.accountRadio input{margin:0; padding:0}

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

.accDivider{height:2px;background:url(../img/dotsHorizOrange.gif) repeat-x bottom; margin:0 0 15px 0}

/* error rows */
.fieldError{/*background:#d6d3d5;*/ font-size:11px}
.fieldError input, .fieldError select{border:1px solid #CA0303}
.errorMsg{clear:both;padding:2px 0 0 20px; margin-left:145px; color:#CA0303; background:url(../img/checkoutTwo/icons/checkoutError.gif) no-repeat 0 3px; display:none}

/* error rows */
.fieldError{font-size:11px}
.fieldError input, .fieldError select{border:1px solid #CA0303}
.errorMsgAccount{position:absolute; left:395px; top:8px; padding:0 0 0 20px; color:#CA0303; font-weight:bold; background:url(../img/checkoutTwo/icons/checkoutError.gif) no-repeat 0 0; display:none}

/* error rows login */
.accountLogin .fieldError{/*background:#d6d3d5;*/ font-size:11px}
.accountLogin .fieldError input{border:1px solid #CA0303}
.accountLogin .errorMsgLogin{position:absolute; top:5px; right:0; padding:0 18px 0 0; color:#CA0303; font-weight:bold; background:url(/common/img/checkoutTwo/icons/checkoutErrorLogin.gif) no-repeat right top; display:none}

.accCreditCards{text-align:center; padding:5px 0 0 0}

.redText{color:#858585; font-size:9px; font-weight:normal}
.redText span{color:#e90617; font-size:11px}

/* delivery */
#deliveryDetails{clear:both}

#theCalender{float:left;margin:0 0 12px 12px;display:inline; background:#fff; z-index:100}

.deliveryOptionsContainer{position:relative; margin-top:5px;padding-bottom:0}

/* delivery options */
fieldset.deliveryOptions {position:relative; top:0; left:0; width:200px;/*padding-bottom:100px;*/ clear:both; float:left}
fieldset.deliveryOptions .deliveryOption {float:left; display:inline; margin-left:10px; margin-top:0}
fieldset.deliveryOptions label{float:left; display:inline; width:130px; padding-left:1px; padding-top:4px; padding-bottom:2px; color:#21385c; font-size:11px; font-family:Arial, Helvetica, sans-serif}
fieldset.deliveryOptions input{float:left; display:inline; width:20px}
fieldset.deliveryOptions select {float:left; display:inline; height:18px; padding:1px; width:200px; color:#21385c; font-size:11px; font-family:Arial, Helvetica, sans-serif}
fieldset.deliveryOptions select option{color:#21385c; font-size:11px; font-family:Arial, Helvetica, sans-serif}
fieldset.deliveryOptions textarea{float:left;display:inline;border:1px solid #b9bcbf; width:200px; height:60px; overflow:auto; color:#6580ad}
fieldset.deliveryOptions .deliveryInstructions{float:left; display:inline; margin:10px 0 0 20px}
fieldset.deliveryOptions .deliveryInstructions label{font-weight:normal; font-size:10px; padding:0}

/* delivery sub options */
fieldset.deliveryOptionsSub{position:relative; float:right; width:180px;margin-right:100px;display:inline; /*padding-bottom:60px*/}
fieldset.deliveryOptionsSub .deliveryOption {float:left; display:inline; margin-left:10px; margin-top:0}
fieldset.deliveryOptionsSub label{float:left; display:inline; width:130px; padding-left:1px; padding-top:4px; padding-bottom:2px; color:#21385c; font-size:11px; font-family:Arial, Helvetica, sans-serif}
fieldset.deliveryOptionsSub input{float:left; display:inline}
fieldset.deliveryOptionsSub select {float:left; display:inline; height:18px; padding:1px; width:200px; color:#21385c; font-size:11px; font-family:Arial, Helvetica, sans-serif}
fieldset.deliveryOptionsSub select option{color:#21385c; font-size:11px; font-family:Arial, Helvetica, sans-serif}
fieldset.deliveryOptionsSub textarea{float:left;display:inline;border:1px solid #b9bcbf; width:200px; height:60px; overflow:auto; color:#6580ad}
fieldset.deliveryOptionsSub .deliveryInstructions{float:left; display:inline; margin:10px 0 0 20px}
fieldset.deliveryOptionsSub .deliveryInstructions label{font-weight:normal; font-size:10px; padding:0}

/* new checkout delivery styles */
#pnlDoorStep{display:inline}
#pnlDoorStep p{width:170px; margin:2px 0 0 10px; font-weight:bold}
#pnlOneTwo p, #pnlTwoPallet p{width:170px; margin:2px 0 0 10px; font-weight:bold; padding-left:0px;}
#pnlDoorStep .deliveryOption label, #pnlOneTwo .deliveryOption label, #pnlTwoPallet .deliveryOption label {width:160px; padding-bottom:4px; padding-top:3px}
#pnlOneTwo a, #pnlTwoPallet a{position:absolute; right:4px; margin-top:-18px}
.special {margin-bottom:20px}

/* Calendar */
.XMAScpYearNavigation,
.XMAScpMonthNavigation{background:#DEEBF3; text-align:center; vertical-align:center; text-decoration:none; color:#105CB1; font-weight:bold}
.XMAScpDayColumnHeader,
.XMAScpYearNavigation,
.XMAScpMonthNavigation,
.XMAScpCurrentMonthDate,
.XMAScpCurrentMonthDateDisabled,
.XMAScpOtherMonthDate,
.XMAScpOtherMonthDateDisabled,
.XMAScpCurrentDate,
.XMAScpCurrentDateDisabled,
.XMAScpTodayText,
.XMAScpTodayTextDisabled,
.XMAScpText{font-family:arial; font-size:8pt}
TD.XMAScpDayColumnHeader{text-align:right}
.XMAScpCurrentMonthDate,
.XMAScpOtherMonthDate,
.XMAScpCurrentDate{text-align:right; text-decoration:none}
.XMAScpCurrentMonthDateDisabled,
.XMAScpOtherMonthDateDisabled,
.XMAScpCurrentDateDisabled{color:#D0D0D0; text-align:right; text-decoration:line-through}
.XMAScpCurrentMonthDate{color:#6677DD; font-weight:bold}
.XMAScpCurrentDate{color:#fff; font-weight:bold}
.XMAScpOtherMonthDate{color:#808080}
TD.XMAScpCurrentDate{color:#fff; background-color:#DEEBF3; border-width:1px; border:solid thin #DDEAF3}
TD.XMAScpCurrentDateDisabled{border-width:1; border:solid thin #FFAAAA}
TD.XMAScpTodayText,
TD.XMAScpTodayTextDisabled{border:solid thin #105CB1; border-width:1 0 0 0}
A.XMAScpTodayText,
SPAN.XMAScpTodayTextDisabled{height:20px}
A.XMAScpTodayText{color:#2ba275; font-weight:bold}
SPAN.XMAScpTodayTextDisabled{color:#D0D0D0}
.XMAScpBorder{border:solid thin #093362}

/* delivery summary */
.deliveryTbl{position:relative; left:305px; width:400px; background:url(/common/img/checkoutTwo/deliveryTableBwide.gif) no-repeat 0 bottom}
.deliveryTblTop{width:400px; height:4px; background:url(/common/img/checkoutTwo/deliveryTableTwide.gif) no-repeat 0 0; position:relative}
.deliveryTbl table{border-collapse:collapse;width:400px; position:relative; top:-2px; color:#4f4e4e; font-weight:bold; font-size:11px}
.deliveryTbl tr{height:23px; line-height:23px}
.deliveryTbl .deliveryTblL{text-align:right; padding-right:8px; border-bottom:1px solid #9aafc4; border-right:1px solid #9aafc4}
.deliveryTbl .deliveryTblL{text-align:right; padding-right:8px}
.deliveryTbl .deliveryTblR{width:65px; border-bottom:1px solid #9aafc4}
.deliveryTbl .deliveryTblRB{width:65px; text-align:center; padding-right:8px}
.deliveryTbl .deliveryTblLB{text-align:right; padding-right:8px; border-right:1px solid #9aafc4}
.deliveryTbl th.deliveryTblL{width:228px; text-align:right}
.deliveryTbl th.deliveryTblR{padding-right:2px; font-weight:bold}
.deliveryTbl td.deliveryTblR{text-align:center; padding-right:2px}
.deliveryTbl tr.deliveryTblM td.deliveryTblR{background:#f4a711}
.deliveryTbl tr.deliveryTblM td.deliveryTblL{background:#f4a711}
.deliveryTbl .deliveryTblR{color:#4f4e4e }
p.deliveryContinue{position:absolute; top:155px; right:10px;color:#383838;font-weight:normal;font-size:11px}
.noBorder{border:0}

/* EXISTING USERS */

.existingDelivery, .existingDeliveryAccount{position:relative; float:left; display:inline; top:0; margin:0}
.existingDelivery fieldset, .existingDeliveryAccount fieldset{position:relative; top:10px; left:10px}

.existingOn, .existingOnAccount{margin-bottom:10px}
.existingOn input, .existingOnAccount input {margin-left:20px}
.existingOn label, .existingOnAccount label {color:#888; font-weight:bold; padding-left:10px}
.existingOn p, .existingOnAccount p{margin:5px 0 10px 45px; line-height:16px; color:#565859}

.existingOff, .existingOffAccount {margin-bottom:10px}
.existingOff input, .existingOffAccount input{margin-left:20px}
.existingOff label, .existingOffAccount label{color:#888; font-weight:bold; padding-left:10px}
.existingOff p, .existingOffAccount p {margin:5px 0 10px 45px; line-height:16px; color:#b8b8b8}

.existingOn p span, .existingOff p span, .existingOnAccount p span, .existingOffAccount p span {display:block; float:left; display:inline; width:90px; padding:0; font-weight:bold; padding-right:10px}

.existingCard{position:relative; float:left; display:inline; top:0; margin:15px 0 10px 26px}
.existingCardNumber{margin:10px 0 10px 10px}

.checkoutTxt{margin:10px auto;width:530px}
.checkoutTxt h4 {font-size:11px;color:#737373; margin:0 0 5px 0}

/* create account section */
.createAccount{position:relative; background:url(../img/checkout/createAccount.gif) no-repeat 40px 50px;padding:20px 0 0 0}
.createAccount h3{position:relative; left:130px; font-size:11px;font-weight:bold; color:#21385c; margin:0 0 15px 0; width:440px}
.createAccount h3.thankyou{position:relative; left:310px; font-size:14px;font-weight:bold; color:#fda10e; margin:0 0 3px 0; width:440px}
.createAccount p.thankyouText{position:relative; left:220px; font-size:11px;color:#21385c; margin:0 0 20px 0; width:380px}
.createAccount p{position:relative; left:130px; font-size:11px;color:#21385c; margin:0 0 2px 0; width:380px}
.createAccount ul{position:relative; left:130px; list-style:none;width:380px; margin:0; padding:0px}
.createAccount ul li{background:url(../img/listOrange.gif) no-repeat 0 0; color:#21385c; padding:3px 0 3px 14px}
.createAccount fieldset{position:relative; left:15px; padding:8px 0 0 0}
.createAccount fieldset .checkoutField{width:669px}
.createAccount fieldset label{float:left; display:inline; width:115px;padding:1px 0 0 0; color:#21385c; text-align:right;font-weight:bold}
.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{width:600px}
.createAccount fieldset .accountChanges{position:relative; left:120px; width:350px; clear:both; height:22px}
.createAccount fieldset .accountChanges input {float:left; display:inline; margin:0 0 0 10px; width:15px;border:0px}
.createAccount fieldset .accountChanges label{float:left; display:inline; width:200px;padding:1px 0 0 15px; color:#21385c; text-align:left; font-weight:normal; background:url(/common/img/icons/redSquareBullet.gif) no-repeat 0 7px}
.createAccount fieldset .accountChanges label span{font-weight:bold}
.createAccount .createAccountImg{background:url(../img/checkoutTwo/icons/changeDetailsImg.gif) no-repeat top left; width:51px; height:63px; position:absolute; top:20px; left:20px}

/**** CREATE ACCOUNT IF NEW USER ****/
.checkoutCreateAccount {margin:20px 0 0 0}
.checkoutCreateAccount h3{margin:0 0 5px 0}
.checkoutCreateAccount fieldset{left:0; margin:2px;  }
.checkoutCreateAccount fieldset label{padding-left:45px}
.checkoutCreateAccount fieldset .notifyMe{float:left; clear:both; margin:0 0 10px 0}
.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:0}

/**** CREATED ACCOUNT FOR NEW USER ****/
.createdAccount{height:230px;background:url(../img/checkout/bgAccount.gif) no-repeat left top}
.createdAccount img{position:absolute; left:280px; top:120px}
.createdAccount p{position:absolute; left:5px;top:160px;text-align:center; width:665px;font-weight:bold; color:#7f7f7f}

/* right side of the order detail section */
.accountItem .accountItemL{position:relative; margin:0; left:40px; top:5px; width:300px; padding-bottom:20px}
.accountItem .accountItemL p{margin:0px 0 3px 0; padding:0}
.accountItem p span.height100px{width:120px; height:100px; float:left; font-weight:bold}

/* left side of the order detail section */
.accountItem .accountItemR{position:absolute; padding:0 10px; right:39px; top:45px; width:270px}
.accountItem .accountItemR h3{}
.accountItem .accountItemR p{margin:0 0 4px 0; padding:0}
.accountItem .accountItemR h2{margin:0 0 6px 0; padding:0; width:220px;  background:url(/common/img/account/historyDottedSeperator.gif) repeat-x 0 bottom}

.accountItem .accountItemR .confirmCard{position:relative}
.accountItem .accountItemR .confirmCard p{float:left; padding:0; width:260px; margin:0 0 5px 0}
.accountItem .accountItemR .confirmCard p span{display:block; float:left; display:inline; width:120px; padding:0; font-weight:bold; text-align:left; padding-right:20px}

/* checkout continue checkout and back buttons */

.checkoutButtons{width:720px; margin:10px 0 0 0; padding-bottom:10px; background:#fff; clear:both; position:relative}
.checkoutButtons img{float:left; padding-right:10px}

/* checkout login buttons */
.returningButton{position:absolute; top:115px; left:200px}
.returningButton a{background:url(../img/checkoutTwo/buttons/newButton.gif) no-repeat 0 0; display:block; height:21px; text-indent:20px; line-height:19px; width:90px; text-decoration:none}
.returningButton a:hover{text-decoration:underline}

.newButton{position:absolute; top:115px; left:165px}
.newButton a{background:url(/common/img/account/loginNewButton.gif) no-repeat 0 0; display:block; height:29px; width:130px}
.newButton a:hover{background-position:left -31px; text-decoration:none}

.continueCheckoutButton{position:absolute; top:115px; left:130px}
.continueCheckoutButton a{background:url(../img/checkoutTwo/buttons/continueCheckoutButton.gif) no-repeat 0 0; display:block; height:21px; text-indent:20px; line-height:19px; width:165px; text-decoration:none}
.continueCheckoutButton a:hover{text-decoration:underline}

/* terms and conditions message */
.termsMessage{margin:15px 0; text-align:right; font-weight:bold}
.termsMessage a{color:#3b3a3a; text-decoration:underline}
.topMinus{position:relative; top:-5px}

/* edit basket butoon */
.buttonEditBasket{float:right}
.buttonEditBasket a{background:url(../img/checkoutTwo/buttons/basketButton.gif) no-repeat 0 0; display:block; height:21px; width:121px; text-indent:20px; line-height:19px; text-decoration:none; position:relative}
.buttonEditBasket a:hover{text-decoration:underline}

/* next button */
.checkoutNextButton{float:right; margin-right:0}
.checkoutNextButton a{background:url(../img/checkoutTwo/buttons/continueCheckoutButton.gif) no-repeat 0 0; display:block; height:21px; width:163px; text-indent:20px; line-height:19px; text-decoration:none; position:relative}
.checkoutNextButton a:hover{text-decoration:underline}

div.top{margin-top:18px}

.printSummary{float:left; margin-left:384px; margin-top:27px}
.printSummary a{background:url(../img/checkoutTwo/buttons/confirmOrder.gif) no-repeat 0 0; display:block; height:21px; width:141px; text-indent:20px; line-height:19px; text-decoration:none; position:relative}
.printSummary a:hover{text-decoration:underline}

.confirmOrderButton{float:right; margin-right:0}
.confirmOrderButton a{background:url(../img/checkoutTwo/buttons/confirmOrder.gif) no-repeat 0 0; display:block; height:21px; width:141px; text-indent:20px; line-height:19px; text-decoration:none; position:relative}
.confirmOrderButton a:hover{text-decoration:underline}

.editDelivery{float:right; margin-right:10px; margin-top:-10px}
.editDelivery a{background:url(../img/checkoutTwo/buttons/editButton.gif) no-repeat 0 0; display:block; height:21px; width:120px; text-indent:20px; line-height:19px; text-decoration:none; position:relative}
.editDelivery a:hover{text-decoration:underline}

/* back button */
.checkoutBackButton{height:21px; width:55px; float:right; margin-right:10px}
.checkoutBackButton a{background:url(../img/checkoutTwo/buttons/backCheckoutButton.gif) no-repeat 0 0; display:block; height:21px; width:70px; text-indent:25px; line-height:19px; text-decoration:none; position:relative; color:#4F4E4E;}
.checkoutBackButton a:hover{text-decoration:underline}

/* save changes on complete page */
.saveChangesCheckout{height:22px; width:137px; /*float:right;*/ margin-right:10px; position:absolute; bottom:40px; right:10px}
.saveChangesCheckout a{background:url(../img/checkoutTwo/buttons/saveChangesButton.gif) no-repeat 0 0; display:block; height:21px; width:137px; text-indent:25px; line-height:21px; text-decoration:none; position:relative}
.saveChangesCheckout a:hover{text-decoration:underline}

/* save changes on complete page */
.newAccountCheckout{height:22px; width:137px; /*float:right;*/ margin-right:10px; position:absolute; bottom:40px; right:10px}
.newAccountCheckout a{background:url(../img/checkoutTwo/buttons/saveChangesButton.gif) no-repeat 0 0; display:block; height:21px; width:137px; text-indent:20px; line-height:21px; text-decoration:none; position:relative}
.newAccountCheckout a:hover{text-decoration:underline}

/* Able 2 Buy Finance Options */

#able2buy{padding-left:10px}
#able2buy p{padding-left:4px; margin-left:0}
#able2buy p em{color:#ff0000}
#able2buy em{font-style:normal}
#able2buy h2{ }
#able2buy h2.threeEasySteps{position:relative; margin:20px 0 10px 0; display:block; background:url(../img/checkoutTwo/headings/threeEasySteps.gif) no-repeat 0 0; width:556px; padding:20px 0 0 0; overflow:hidden; height:0px !important}
#able2buy h2.schemes{position:relative; margin:20px 0; display:block; background:url(../img/checkoutTwo/headings/threeEasyStepsSchemes.gif) no-repeat 0 0; width:556px; padding:20px 0 0 0; overflow:hidden; height:0px !important}
#able2buy h2.requirements{position:relative; margin-top:30px; display:block; background:url(../img/checkoutTwo/headings/threeEasyStepsRequirements.gif) no-repeat 0 0; width:556px; padding:20px 0 0 0; overflow:hidden; height:0px !important}
#able2buy h2.requirementsGrey{position:relative; margin-top:30px; display:block; background:url(../img/checkoutTwo/headings/requirementsGrey.gif) no-repeat 0 0; width:556px; padding:20px 0 0 0; overflow:hidden; height:0px !important}
#able2buy .threeStepsLarge{width:580px; margin-left:-10px; height:122px; background:url(../img/checkoutTwo/threeStepsLarge.gif) no-repeat 0 0}
#able2buy .threeStepsSmall{width:580px; height:49px; background:url(../img/checkoutTwo/threeStepsSmall.gif) no-repeat 0 0}
#able2buy .threeStepsSmallGrey{width:580px; height:49px; background:url(../img/checkoutTwo/threeStepsSmallGrey.gif) no-repeat 0 0}
#able2buy h3{color:#284878}
#able2buy h3 em{color:#eaa51f}
#able2buy ul{color:#676868; list-style:none; position:relative}
#able2buy ul li{padding:2px 0 1px 10px; background:url(../images/icons/liYellow.gif) left 4px no-repeat}
#able2buy h3.greyText{margin-left:4px; color:#676868; background:none}
#able2buy .hr{margin:10px 0 13px 4px; height:1px; width:554px; background:url(../images/icons/hrYellow.gif) 0 0 repeat-x}
#able2buy .hr hr{visibility:hidden}

/* account pages */

/* checkout and account */
#checkAccount{width:760px; position:relative}
#checkAccount h2.titleCheckoutAccount{background:url(../img/headings/headingCheckoutAccount.gif) no-repeat 0 1px; width:629px; height:21px; font-size:14px; color:#fff; font-weight:bold; font-family:arial, tahoma; line-height:21px; text-indent:10px; position:relative; margin-top:20px}

/* checkout and account headings - delivery, billing, confirm and thank you ticks plus account details and delivery/billing details */
#checkAccount .checkAccountHeading{position:relative; height:88px; margin:0 0 10px 0; padding:0 0 0 65px }
#checkAccount .checkAccountHeading .acoountDetails{position:absolute; top:30px; right:200px; line-height:20px; text-indent:7px; width:137px; height:22px; background:url(../img/account/buttonDetails.gif) no-repeat 0 0}
#checkAccount .checkAccountHeading .acoountDelivery{position:absolute; top:30px; right:0; line-height:20px; text-indent:7px; width:193px; height:22px; background:url(../img/account/buttonBillingDelivery.gif) no-repeat 0 0}

#checkAccount .checkAccountHeading a{padding-left:11px; font-size:11px; font-family:tahoma; color:#FFFFFF; font-weight:bold; text-decoration:none}
#checkAccount .checkAccountHeading a:hover{background-position:0 0; text-decoration:underline}
#checkAccount .checkAccountHeading .on{padding-left:11px; font-size:11px; font-family:tahoma; color:#fff; font-weight:bold; background-position:0 -22px}

#checkAccount .detailsHeading{background:url(../img/account/accountDetailsHeading.gif) no-repeat 0 0}
#checkAccount .deliveryBillingHeading{background:url(../img/account/billingDeliveryHeading.gif) no-repeat 0 0}

/* account items */
#checkAccount .checkoutContent{margin:0 auto; width:720px; position:relative}
#checkAccount .checkAccountItem{width:720px; position:relative; background:#f1f1f1 url(../img/checkoutTwo/accountItemB.gif) no-repeat bottom left; clear:both; margin-bottom:10px; padding-bottom:20px}
#checkAccount .deliveryDetails{clear:both; width:627px}

/* ***** account sections ***** */

/* checkout section fieldsets */
#checkAccount .deliveryDetails fieldset, #checkAccount .cardDetails fieldset{margin:10px 0; border:0}

/* information message */
#checkAccount .information{position:relative; width:720px; height:60px; margin:10px 0 0 0; background:url(../img/account/informationThankyou.gif) no-repeat 0 0}
#checkAccount .information a{color:#26278f; text-decoration:underline}
#checkAccount .information td{height:55px; color:#21385c; vertical-align:middle; padding:0 50px 0 200px; font-size:11px}
#checkAccount .information td strong.orderNumber{display:block; margin-top:5px}

/* error message */
#checkAccount .checkAccountError{position:relative; width:720px; height:42px; margin:10px 0 0 0; padding-top:6px; margin-bottom:10px; background:url(../img/account/error.gif) no-repeat 0 0}
#checkAccount .checkAccountError p{color:#ff0101; padding:0 100px 2px 80px}

/* delivery and billing address fields - no need to make any changes to this section */
#checkAccount .checkAccountField{clear:both; float:left; display:inline; position:relative; width:717px; padding:3px 0; margin:0 0 4px 0; color:#666; font-size:10px; line-height:17px}
#checkAccount .checkAccountField label{display:block; float:left; display:inline; font-size:11px; color:#26278f; font-weight:bold; text-align:right; width:165px; padding:0}
#checkAccount .checkAccountField input{display:block; float:left; display:inline; width:200px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#666}
#checkAccount .checkAccountField select{display:block; float:left; display:inline; width:206px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#666}
#checkAccount .checkAccountField input.postcode{width:75px}
#checkAccount .checkAccountField input.cardCode{width:40px; margin:0 5px 0 15px}
#checkAccount .checkAccountField select.cardDate{width:45px; margin:0 5px 0 15px}
#checkAccount .checkAccountField p{clear:both; font-size:10px; margin:0 0 0 180px; padding:0; width:320px}
#checkAccount .checkAccountField a{color:#666; text-decoration:none; font-size:10px}
#checkAccount .checkAccountField a:hover{text-decoration:underline}

/* required fields and asterix colour - its set to red here */
#checkAccount .requiredFields{margin:0px 0 20px 40px; width:200px; color:#e20d0d}
#checkAccount .checkAccountField strong{color:#ff0000; font-weight:normal}

/* checkout account left side contents */
#checkAccount .leftSide{width:270px; position:relative; float:left; left:30px; margin-bottom:20px; margin-top:20px}
#checkAccount .leftSide h3{margin:0 0 10px 0; color:#155281; font-weight:bold}
#checkAccount .leftSide address{color:#155281; font-style:normal}
#checkAccount .leftSide p{color:#155281}

/* checkout account left side contents */
#checkAccount .rightSide{width:270px; position:relative; float:right; right:30px; margin-bottom:20px; margin-top:20px}
#checkAccount .rightSide h3{margin:0 0 10px 0; color:#155281; font-weight:bold}
#checkAccount .rightSide address{color:#155281; font-style:normal}
#checkAccount .rightSide p{color:#155281}
#checkAccount .rightSide strong{font-weight:normal; float:left; display:inline; width:100px}

/* account email section */
#checkAccount .emailAddress fieldset{margin:10px 0; padding:0}

/* account password section */
#checkAccount .password fieldset{margin:10px 0}
#checkAccount .password p{margin:0 20px 20px 20px; color:#676868}

/* account newsletter section */
#checkAccount .newsletter fieldset{margin:10px 0}
#checkAccount .newsletter fieldset input{float:left; width:15px; text-align:left; margin-left:20px}
#checkAccount .newsletter fieldset label{float:left; text-align:left; display:inline; color:#26278f; font-weight:bold; margin-left:60px}
#checkAccount .newsletter p{margin:0 20px 20px 20px; color:#676868}

/* next button */
.updateSaveButton{float:right; margin-right:0}
.updateSaveButton a{background:url(../img/checkoutTwo/buttons/continueCheckoutButton.gif) no-repeat 0 0; display:block; height:21px; width:163px; text-indent:25px; line-height:20px; font-size:11px; font-family:tahoma; color:#FFFFFF; font-weight:bold; text-decoration:none; position:relative}
.updateSaveButton a:hover{text-decoration:underline}

/*comfort banner*/
.comfort{width:973px;margin:-10px auto 0 auto;height:141px;padding:54px 0 8px 0;background:url(../img/checkoutTwo/comfort_bg.gif) 0 0 repeat-x}
.comfort ul{position:relative;width:853px;margin:0;padding:0 0 0 120px;list-style-type:none}
.comfort ul li{float:left;display:block;margin:0;padding:0}
.comfort ul li.c_ret{padding-right:20px;display:inline}
.comfort ul li.c_del{padding-right:25px;display:inline}
.comfort ul li.c_call span.adinsightNumber278 {color:#2B446B;
font-size:1.9em;
font-stretch:wider;
font-weight:bold;
left:678px;
position:absolute;
text-decoration:none;
text-shadow:0 0 6px #F9FAFC;
text-transform:uppercase;
top:57px;}
.comfort ul li.c_call span.telephone {color:#2B446B;
font-size:1.9em;
font-stretch:wider;
font-weight:bold;
left:678px;
position:absolute;
text-decoration:none;
text-shadow:0 0 6px #F9FAFC;
text-transform:uppercase;
top:57px;}
.secureFoot{width:536px;margin:0 auto;padding-bottom:20px;text-align:center}

.accountCopyButton 
{
float:left;
height:21px;
margin-left:15px;
width:200px;
}
.accountCopyButton a {
background:transparent url(../img/checkoutTwo/buttons/backCheckoutButton.gif) no-repeat scroll 0 0;
display:block;
height:21px;
line-height:19px;
position:relative;
text-decoration:none;
text-indent:25px;
width:170px;
}

.newAccount p.thankyouText {
color:#21385C;
font-size:11px;
left:109px;
margin:0 0 20px;
position:relative;
width:500px;
}
.newAccount h3.thankyou{position:relative; left:310px; font-size:14px;font-weight:bold; color:#fda10e; margin:0 0 3px 0; width:440px}

.checkoutCopyButton {
background:transparent url(../img/account/buttonBillingDelivery.gif) no-repeat scroll 0 0;
height:22px;
line-height:20px;
position:absolute;
right:15px;
bottom:2px;
text-indent:7px;
width:193px;
}
.checkoutCopyButton a {
color:#FFFFFF;
font-family:tahoma;
font-size:11px;
font-weight:bold;
padding-left:11px;
text-decoration:none;
}