/*********************************************** ACCOUNT & CHECKOUT PAGES ********************************************/

h1.headerBar658 {position:relative; width:658px; height:20px; margin:0px; padding:0px; background: url(../../common/img/headerBar658.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; text-indent: 10px; line-height: 20px;}
h2.headerBar640 {position:relative; width:640px; height:20px; margin:0 0 4px 0; padding:0px; background: url(../../common/img/headerBar640.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; text-indent: 10px; line-height: 20px;}
h2.headerBar310 {position:relative; width:310px; height:20px; margin:0px; padding:0px; background: url(../../common/img/headerBar310.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; text-indent: 20px; line-height: 20px;}
h2.discountHeader {position:relative; width:640px; height:27px; margin:0px; padding:0px; background: url(../../common/img/checkout/discountHeader.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; text-indent: 20px; line-height: 27px;}

.createAccount .fieldError input {border: 1px solid #ff0f0f;}

.universalBox {position: relative; padding: 0;}
.universalBox .borderTopLeft { background: url(../../common/img/brands/borderTopLeft.gif) no-repeat top left; }
.universalBox .borderTopRight { background: url(../../common/img/brands/borderTopRight.gif) no-repeat top right; }
.universalBox .borderLeft { background: url(../../common/img/brands/borderBg.gif) repeat-y left; }
.universalBox .borderRight {  background: url(../../common/img/brands/borderBg.gif) repeat-y right; }
.universalBox .borderBottomLeft { background: url(../../common/img/brands/borderBottomLeft.gif) no-repeat bottom left; }
.universalBox .borderBottomRight { background: url(../../common/img/brands/borderBottomRight.gif) no-repeat bottom right; }

/****************************************************** ACCOUNT *******************************************************/

#accountPage{position:relative; padding:0; width:640px; margin: 20px 0 0 9px;}
.depotBox640 {position:relative; width:640px; height:77px; margin:0 0 10px 0; padding:0px; background: url(../../common/img/account/accountIntroBox.gif) no-repeat;}
.depotBox640 p {width: 480px; height: 21px; line-height: 21px; background: url(../../common/img/account/accountInfoIcon.gif) no-repeat left; text-indent: 30px; position: absolute; top: 45px; left: 135px; color: #4f4f4f; font-weight: normal;}
.buttonPadding{padding:3px 25px 4px 15px;}

.welcomeExistingUser {width: 640px;height: 18px;line-height: 18px;margin: 0 0 10px 0;position: relative;}
.welcomeExistingUser p {font-size:11px; font-weight:bold; color:#4f4f4f; width: 450px;}
.welcomeExistingUser span {font-weight:normal;}
.welcomeExistingUser a {font-size:11px; font-weight:normal; color:#17a0cd; text-decoration: underline;}
.welcomeExistingUser a:hover {text-decoration: none;}
.welcomeExistingUser a.logout {width: 48px; background: url(../../common/img/icons/arrowBlue.gif) no-repeat left 6px; text-indent: 10px; position: absolute; top: 0; right: 0; text-decoration: none; color: #4f4f4f; font-weight: bold;}
.welcomeExistingUser a.logout:hover {text-decoration: underline;}

.accountItem{position:relative;padding: 15px 0 15px 0; margin:0;width:640px;}
.accountItem fieldset{padding:0;}
.accountItem fieldset.billing{padding-bottom:10px;}
.accountItem fieldset p{width:595px;color:#4f4f4f; margin:0 0 15px 20px;}
.accountItem fieldset p.accNotRquired{font-size:10px;}
.accountItem fieldset p.accNotRquired span{color:#fa9e0d;font-weight: bold;}

.accountField{clear:both;float:left; display:inline; position:relative; width:638px;padding:3px 0; margin:0 0 4px 1px; color:#4f4f4f; font-size:11px; line-height:17px;}
.accountField label{display:block;float:left; display:inline; font-size:11px;color:#0e97c4;font-weight: bold; text-align:right;width:165px; padding:2px 0 0 0;}
.accountField label span{color:#e20d0d;}
.accountField input{display:block;float:left; display:inline; width:200px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px 2px 2px 4px; color:#4f4f4f;}
.accountField select{display:block;float:left; display:inline; width:206px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#4f4f4f;}
.accountField a{color:#0e97c4; text-decoration: underline;}
.accountField a:hover{text-decoration: none;}
.accountItem fieldset .accountField p{clear:both; font-size:10px;margin:0 0 0 180px; padding:0; width:320px; color: #0e97c4;}
.accountRadio {margin-left: 45px; padding: 0 0 10px 0;}
.accountRadio label{color:#0e97c4;font-weight: bold; text-align:left;margin:0 0 0 20px; padding: 0 5px 0 0; }
.accountRadio input{margin:0; padding:0;}
.accountField span.blue {color:#0e97c4; margin-left: 15px;}

.accountField select.title {width:65px;}
.accountField select.cardType {width:105px;}
.accountField img.visaLogo {margin-left: 15px;}
input.postcode{width:75px;}
input.cardCode{width:37px; margin:0 0px 0 15px;}
select.cardDate{width:45px; margin:0 0px 0 15px;}

.accountCreditCards {width: 640px;height: 40px;text-align: center;margin: 10px 0 0 0;}

/**** ERROR ROW ****/

.accountItem .fieldError{background:#f2f2f2; font-size:11px;}
.accountItem .fieldError input, .accountItem .fieldError select{border:1px solid #ff0000;}
.accountItem .fieldError .errorMsg{position:absolute; left:450px; top:5px;padding:0 0 0 0px; color:#ff0000;font-weight: normal;background: url(../../common/img/checkout/iconError.gif) no-repeat left;}
.accountItem .fieldError label {color: #ff0000;}

/***************************************************** CHECKOUT ******************************************************/

.returnCustBox {width: 310px;float: left;display: inline;margin: 30px 0 0 9px;}
.newCustBox {width: 310px;float: left;display: inline;margin: 30px 0 0 20px;}

.loginBoxTop {position:relative; width:310px; height: 5px; margin-top:4px; padding:0px; background: url(../../common/img/checkout/loginBoxTop.gif) no-repeat;}
.loginBoxBg {position:relative; width:308px; margin: 0; padding: 2px 0 8px 0; background-color: #f2f2f2; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
.loginBoxBottom {position:relative; width:310px; height: 5px; margin-bottom:30px; padding:0px; background: url(../../common/img/checkout/loginBoxBottom.gif) no-repeat;}
.loginBoxBg h3 {margin:0 0 9px 19px; padding:0px; font-size:11px; font-weight:bold; color:#0e97c4; width: 275px;}
.loginBoxBg p {margin:0 0 12px 19px; padding:0px; font-size:11px; font-weight:normal; color:#4f4f4f; line-height: 14px; width: 280px;}
.loginBoxBg fieldset {border: 0; margin: 0px; padding: 0; width: 201px; position: relative; left: 53px;}
.loginBoxBg label {display:block; padding:0px; width:200px;position: relative; top:0px; left:0px;color:#4f4f4f; font-weight: bold; margin: 0;}
.loginBox input {width:195px;position: relative; top:3px; left:0px; padding: 2px 0 2px 4px; border:1px solid #969696; color: #4f4f4f; font-weight: normal; margin: 0 0 8px 0;}

p.forgotPass {margin: 0; padding: 0; width: 105px; float: left; display: inline;}
p.forgotPass a {color:#0e97c4; font-size: 11px; font-weight: normal; text-decoration: none; margin: 0; padding: 0; }
p.forgotPass a:hover {text-decoration: underline;}

.trolleyImg {position: absolute; bottom: -95px; right: 10px; width:119px; height: 138px; background: url(../../common/img/checkout/trolleyImg.gif) no-repeat;}

.loginBoxBg ul {padding:0px; list-style:none; margin:0 0 0 19px;}
.loginBoxBg ul li {background: url(../../common/img/checkout/tickBullet.gif) no-repeat left center; margin-bottom:10px; padding:0 0 0 31px; height: 21px; line-height: 21px; color:#4f4f4f; font-size: 11px; font-weight: bold;}

#loginBoxBg {height: 145px;}
.SecureBanner {width: 658px;height: 84px;text-align: center;margin: 0px 0 30px 0;}

.checkoutWelcome {width: 641px;margin: 0 0 30px 9px;padding: 0;}
.checkoutWelcome h2 {color: #4f4f4f;font-size: 11px;font-weight: bold;margin: 0 0 5px 0;padding: 0;}
.checkoutWelcome p {color: #7f7f7f;font-size: 11px;font-weight: normal;margin: 0 0 10px 0;padding: 0;}
.checkoutWelcome a {color: #0e97c4;font-size: 11px;font-weight: normal;text-decoration: underline;margin: 0;padding: 0;}
.checkoutWelcome a:hover {text-decoration: none;}

.deliveryBanner {background: url(../../common/img/checkout/deliveryBanner.gif) no-repeat; width:625px; height:50px; margin-bottom: 15px; position: relative;}
.billingBanner {background: url(../../common/img/checkout/billingBanner.gif) no-repeat; width:625px; height:50px; margin-bottom: 15px; position: relative;}
.confirmBanner {background: url(../../common/img/checkout/confirmBanner.gif) no-repeat; width:625px; height:50px; margin-bottom: 15px; position: relative;}
.completeBanner {background: url(../../common/img/checkout/completeBanner.gif) no-repeat; width:640px; height:25px; margin: 0px; position: relative;}

.infoIcon { background: url(../../common/img/checkout/infoIcon.gif) no-repeat; width:640px; height:62px; margin-bottom: 15px; padding: 0; position: relative;}
.infoIcon p { color: #000; font-size: 11px; font-weight: normal; margin: 0; position: absolute; top: 16px; left: 83px; width: 510px; line-height: 14px;}

.basketButtons {width: 100%;height: 21px;margin: 0 0 10px 0;}

.checkoutContent {position: relative; margin: 0; padding-top: 15px;}
.checkoutContent p {color: #4f4f4f;font-size: 11px;font-weight: normal;margin: 10px 0 0 0;line-height: 14px;}
.checkoutContent fieldset {margin: 0;padding: 0;border: 0;position: relative;}
.checkoutContent input {color: #4f4f4f;font-size: 11px;font-weight: normal;margin: 0 0 10px 0;padding: 1px 1px 2px 4px;border: 1px solid #b2b6bc;width: 194px;float: left;display: inline;}
.checkoutContent select {color: #4f4f4f;font-size: 11px;font-weight: normal;margin: 0 0 10px 0;padding: 2px 0 2px 0;/*height: 18px;*/border: 1px solid #b2b6bc;float: left;display: inline;}
.checkoutContent label {color: #0e97c4;font-size: 11px;font-weight: bold;margin: 0;padding: 2px 0 0 0;float: left;display: inline;}

.errorWarning {background: url(../../common/img/checkout/errorWarning.gif) no-repeat;position: relative; width: 640px;height: 46px; margin: 0 0 10px 0;}
.errorWarning p {color: #ff0000;font-size: 11px;font-weight: normal;line-height: 14px;margin: 0; position: absolute; top: 9px; left: 64px; width: 530px;}

/***************************** CHECKOUT BASKET ****************************/

/* BASKET GENERAL SETTINGS */
#checkoutBasket{ margin: 0 0 15px 0; }
#checkoutBasket table{ font-size: 11px; /*width: 614px;*/ border-collapse: collapse; padding: 0px; margin: 0px;}
#checkoutBasket a, #checkoutBasket a:link, #checkoutBasket a:active, #checkoutBasket a:visited { color: #4f4f4f; text-decoration: none;}
#checkoutBasket a:hover{ text-decoration: underline; }

/* BASKET HEADER */
#checkoutBasket th{ font-weight: bold; background: url(../../common/img/basket/basket_Head.gif) repeat-x; height:26px; vertical-align: middle; line-height: 26px;}
#checkoutBasket .baskethead{color:#0e97c4;}

/* SET INDIVIDUAL HEADER WIDTHS */
#checkoutBasket .baskethead .qty{ width: 60px; padding-top:0px; text-indent:2px;background-image: url(../../common/img/basket/basket_TL.gif); background-repeat: no-repeat; background-position: top left; }
#checkoutBasket .baskethead .code{ width: 70px; text-align:center;}
#checkoutBasket .baskethead .description{ text-align: left; width: 360px; text-indent: 10px;}
#checkoutBasket .baskethead .price{ width: 70px; text-align:center; }
#checkoutBasket .baskethead .totalprice{ width: 80px; text-align:center; background-image: url(../../common/img/basket/basket_TR.gif); background-repeat: no-repeat; background-position: top right; }

/* BASKET SECTION DIVIDER (HEAD) */
.basketsection{ height: 18px; line-height:18px; background-image: url(../../common/img/basket/basket_HeadSection.gif); background-repeat: no-repeat; background-position: left; }

.basketSubSection{ height: 24px; line-height:18px; background-image: url(../../common/img/basket/basket_colSection.gif); background-repeat: no-repeat; background-position: 0px 5px; }

/* BASKET PRODUCT ROWS */
#checkoutBasket .basketLeft{background: url(../../common/img/basket/basket_border.gif) repeat-y left;}
#checkoutBasket .basketRight{background: url(../../common/img/basket/basket_border.gif) repeat-y right;}
#checkoutBasket .basketimage{ height: 50px; width: 70px; text-align: center; padding: 0;}
#checkoutBasket .basketdescription{width:290px;}
#checkoutBasket .basketproduct .basketcode{ text-align: center; }
#checkoutBasket .basketqty { padding: 0 5px 0 5px; }
#checkoutBasket .basketqty input{ border: 1px solid #b2b6bc; padding: 2px; text-align: center; }
#checkoutBasket .basketimage, .basketprice, .basketcode, .baskettotalprice, .basketdelete { background-image: url(../../common/img/basket/basket_colSection.gif); background-repeat: no-repeat; background-position: left; }
#checkoutBasket .basketprice, .basketqty, .baskettotalprice, .basketdelete{ text-align: center; }
#checkoutBasket .basketqty input {width: 20px;}
#checkoutBasket .basketdelete img{text-align:center; padding-left:5px;}
#checkoutBasket .baskettotalprice {font-weight: bold; width: 80px;}

/* BASKET ROW DIVIDER */
#checkoutBasket .basketRowDivider{height:1px; background: url(../../common/img/basket/basket_rowSection.gif) repeat-x; width: 640px;}
#checkoutBasket .extraDivider .basketRowDivider{height:1px; background: url(../../common/img/basket/basket_rowSection.gif) repeat-x; width: 640px; background-color: #e6e6e6;}

/* BASKET TOTALS */
#checkoutBasket .basketSubRow{ color: #0e97c4;}
#checkoutBasket .basketBL{ text-align: left; padding: 0 0 0 20px; font-weight: normal; background-image: url(/common/img/checkout/basket_BL.gif); background-repeat: no-repeat; background-position: bottom left; height: 31px;}
#checkoutBasket .basketsub span {font-weight: normal; padding: 0;}
#checkoutBasket .basketsub{ text-align: right; padding: 3px 10px 0 0; line-height: 12px; font-weight: bold; background-image: url(../../common/img/checkout/basket_Foot.gif); background-repeat: no-repeat; vertical-align: top; position: relative;}
#checkoutBasket .baskettotal{  padding:0; width: 80px; line-height: 18px; text-align: center; font-weight: bold; background: url(../../common/img/checkout/basket_Foot.gif) no-repeat; vertical-align: top;}
#checkoutBasket .basketBR{  background-image: url(../../common/img/checkout/basket_BR.gif); background-repeat: no-repeat; background-position: bottom right;}

#checkoutBasket .basketExtras {color: #0e97c4; background-color: #e6e6e6; height: 26px; line-height: 26px; padding: 0; margin: 0;}
#checkoutBasket .extras {text-align: right; padding: 0 10px 0 0; font-weight: bold; vertical-align: top; position: relative;}
#checkoutBasket .extras span {font-weight: normal; padding: 0;}
#checkoutBasket .extrasTotal {padding:0; width: 80px; text-align: center; font-weight: bold; vertical-align: top;}
#checkoutBasket .extrasTotal { background-image: url(../../common/img/checkout/extraSep.gif); background-repeat: no-repeat; background-position: left; }
#checkoutBasket .basketExtras .basketLeft, #checkoutBasket .extraDivider .basketLeft {background: url(../../common/img/checkout/basket_border_left.gif) repeat-y left;}
#checkoutBasket .basketExtras .basketRight, #checkoutBasket .extraDivider .basketRight {background: url(../../common/img/checkout/basket_border_right.gif) repeat-y right;}

/**************************** DISCOUNTS & EXTRAS ***************************/

.discountBg {background-color: #f2f2f2; width: 640px;}
.discountContent {position: relative; margin: 15px 20px 0px 20px; padding: 0 0 25px 0;}
fieldset.discounts {margin: 0;padding: 0;border: 0;position: relative;}

fieldset.discounts .errorMsg {background: url(../../common/img/icons/iconErrorTrans.gif) no-repeat; color:#ff0f0f; font-weight: normal; margin: 0; position: absolute; top: 18px; left: 250px; text-indent: 20px; line-height: 16px; width: 230px;}

fieldset.discounts .checkBox {color: #4db24d;margin: 0 10px 0 0;padding: 0;border: 0px solid #1c5180; width:13px; height:13px; float: left;display: inline;}
fieldset.discounts label {color: #4f4f4f;font-size: 11px;font-weight: normal;margin: 0;padding: 0;float: left;display: inline;}
fieldset.discounts div  {display: block; margin: 0 0 12px 0; width: 300px; clear: both; height: 13px; padding: 0; float: left;display: inline;}
fieldset.discounts textarea {width: 327px; height: 69px; color: #4f4f4f; font-size: 11px; font-weight: normal; background-color: #ffffff; border: solid 1px #b2b6bc; margin: 0 0 20px 23px; padding: 2px 5px 2px 5px; float: left;display: inline; clear: both;}
fieldset.discounts p {color: #0e97c4;margin: 0 0 6px 23px;padding: 0; font-size: 11px; font-weight: normal; float: left;display: inline; clear: both;}
fieldset.discounts .discountText {width: 125px;}
fieldset.discounts .discountText label {width: 100px;text-align: left;margin: 0;}
fieldset.discounts .discountCodes {position: absolute;top: 163px;left: 125px;width: 170px;height: 55px;}
fieldset.discounts .discountCodes input {color: #a9a9a9;margin: 0px 10px 6px 0; padding: 1px 1px 2px 6px; border: 1px solid #b2b6bc; width:75px; float: left;display: inline;}

/**************************** DELIVERY ADDRESS *****************************/

#existingBlock{float:left; display:inline; position:relative; width:638px;}

fieldset.deliveryAddress {border: 0;position: relative; margin: 0px 20px 0px 20px; padding: 0 0 15px 0;}
.checkoutContent .existingOn label {width: 570px; color: #0e97c4;font-size: 11px;font-weight: bold;margin: 0 0 2px 0;padding: 0;float: left;display: inline;}
.checkoutContent .existingOn input {margin: 0 10px 0 0; padding: 0;float: left;display: inline; width:15px; height:15px; border: 0;}
.checkoutContent .existingOn p {color: #4f4f4f;margin: 0 0 8px 25px;padding: 0; font-size: 11px; font-weight: normal; clear: both; line-height: 16px;}

.checkoutContent .existingOff label {width: 570px;  color: #aaaaaa;font-size: 11px;font-weight: bold;margin: 0 0 2px 0;padding: 0;float: left;display: inline;}
.checkoutContent .existingOff input {margin: 0 10px 0 0; padding: 0;float: left;display: inline; width:15px; height:15px; border: 0;}
.checkoutContent .existingOff p {color: #aaaaaa;margin: 0 0 8px 25px;padding: 0; font-size: 11px; font-weight: normal; clear: both; line-height: 16px;}

fieldset.checkoutAddress {width: 600px; margin: 0 0 0 1px; position: relative; padding: 0 0 15px 0;}
fieldset.checkoutAddress label {width: 165px;text-align: right;margin: 0 12px 0 0;}
fieldset.checkoutAddress span {color: #e20d0d; font-weight: normal;}
fieldset.checkoutAddress select{width:201px;}
fieldset.checkoutAddress select.title {width:65px;}
fieldset.checkoutAddress input.postcode {width:58px;}
fieldset.checkoutAddress .fieldError{background-color:#f2f2f2; width: 638px; height: 18px;} 
.errorMsg{position:absolute; left:450px; top:5px; color:#ff0000; background: url(../../common/img/checkout/iconError.gif) no-repeat left; padding:0px; margin: 0;text-indent: 20px}
fieldset.checkoutAddress .fieldError input{border:1px solid #ff0000;}
fieldset.checkoutAddress .fieldError label, fieldset.checkoutAddress .fieldError span {color: #ff0000;}

.checkReqField{float:left; display:inline; margin:0 0 10px 44px;font-size:11px; color:#e20d0d; clear: both;}
.checkoutField {display: block; margin: 0 0 10px 0; width: 638px; clear: both; padding: 3px 0; position: relative;height: 18px; }
p.helpNote {float:left; display:inline; margin: 0; padding: 0; width:400px;font-size:10px; color:#0e97c4; z-index:0; position: relative; top: -10px; left: 176px; }

/***************************** DELIVERY OPTIONS ***************************/

fieldset.deliveryOptions {margin: 0px 20px; padding: 0 0 15px 0; border: 0;position: relative;}
.checkoutContent .deliveryOptions label {color: #0e97c4;font-size: 11px;font-weight: bold;margin: 0;padding: 0;float: left;display: inline;}
.checkoutContent .deliveryOptions input {margin: 0 10px 0 0; padding: 0;float: left;display: inline; width:15px; height:15px; border: 0;}
.checkoutContent .deliveryOption {margin: 0px;padding: 0;height:135px; width:260px; float: left; display: inline;}
.checkoutContent .deliveryOption div  {display: block; margin: 0 0 10px 0; width: 300px; clear: both; height: 15px; padding: 0;}
.checkoutContent .deliveryOption .deliveryInstructions {margin: 5px 0 0 0; float: left; display: inline;}
.checkoutContent .deliveryInstructions textarea {width: 189px; height: 55px; color: #4f4f4f; font-size: 11px; font-weight: normal; background-color: #ffffff; border: solid 1px #b2b6bc; margin: 0 0 0px 25px; padding: 2px 5px 2px 5px; }
.checkoutContent .deliveryInstructions label {color: #0e97c4;font-size: 11px;font-weight: normal;margin: 0 0 3px 25px;padding: 0;float: left;display: inline;}

.deliveryTbl{position:absolute; right:20px; top:20px;width:295px; height:71px;background: url(../../common/img/checkout/deliveryTable.gif) no-repeat left top;}
.deliveryTbl table{border-collapse:collapse;width:295px; height:71px;}
.deliveryTbl tr.deliveryTblT{height: 22px; line-height:22px;}
.deliveryTbl tr.deliveryTblM{height: 22px; line-height:22px;}
.deliveryTbl tr.deliveryTblB{height: 22px; line-height:22px;}
.deliveryTbl td{font-weight: bold; }
.deliveryTbl td span{font-weight:normal;}
.deliveryTbl .deliveryTblL{text-align:right;padding-right:8px;font-weight: bold; color: #4f4f4f; margin: 0;}
.deliveryTbl .deliveryTblR{width:60px;}
.deliveryTbl th.deliveryTblL{width:210px; text-align:right;}
.deliveryTbl th.deliveryTblR{padding-right:2px;}
.deliveryTbl td.deliveryTblR{text-align:center; padding-right:2px;}
.deliveryTbl tr.deliveryTblM td{color:#4f4f4f;}
.deliveryTbl .deliveryTblR{color:#4f4f4f;}

p.deliveryContinue{position:absolute; bottom:15px; right:25px;color:#0e97c4;font-weight: bold;font-size:11px;}

/************************************************ BILLING PAGE *****************************************************/
#billingAddress{float:left; display:inline; position:relative; width:638px;}

fieldset.billingAddress {border: 0;position: relative; margin: 0px 20px 0px 20px; padding: 0 0 15px 0;}

.cardDetails {position: relative; margin: 0px 0px 0px 0px; padding-left: 1px;}
.cardDetails .accountField{margin-left:0px;margin-right:0px;}
.cardDetails .existingCard {border: 0;position: relative; margin: 0px 20px 0px 20px; padding: 15px 0 15px 0;}

.cardDetails .existingCard .existingCardNumber {margin: 0px; padding: 0;}

.cardDetails .existingOn label {color: #0e97c4;font-size: 11px;font-weight: bold;margin: 0 0 2px 0;padding: 0;float: left;display: inline;}
.cardDetails .existingOn input {margin: 0 10px 0 0; padding: 0;float: left;display: inline; width:15px; height:15px; border: 0;}
.cardDetails .existingOn p {color: #4f4f4f;margin: 0 0 5px 25px;padding: 0; font-size: 11px; font-weight: normal; clear: both; line-height: 16px;}
.cardDetails .existingOn span {color: #0e97c4;margin: 0px;padding: 0; font-size: 11px; font-weight: bold; width: 145px; text-align: left; float: left; display: inline;}

.cardDetails .existingOff label {color: #aaaaaa;font-size: 11px;font-weight: bold;margin: 0 0 2px 0;padding: 0;float: left;display: inline;}
.cardDetails .existingOff input {margin: 0 10px 0 0; padding: 0;float: left;display: inline; width:15px; height:15px; border: 0;}
.cardDetails .existingOff p {color: #aaaaaa;margin: 0 0 5px 25px;padding: 0; font-size: 11px; font-weight: normal; clear: both; line-height: 16px;}
.cardDetails .existingOff span {color: #aaaaaa;margin: 0px;padding: 0; font-size: 11px; font-weight: bold; width: 145px; text-align: left; float: left; display: inline;}

.cardDetails fieldset.billing{padding-bottom:10px;}

.cardDetails .fieldError{background:#f2f2f2; font-size:11px;}
.cardDetails .fieldError input, .accountItem .fieldError select{border:1px solid #ff0000;}
.cardDetails .fieldError .errorMsg{position:absolute; left:450px; top:5px;padding:0 0 0 0px; color:#ff0000;font-weight: normal;background: url(../../common/img/checkout/iconError.gif) no-repeat left;}
.cardDetails .fieldError label {color: #ff0000;}

fieldset.billingAddress p.addressMatch{margin:10px 0 5px 0px; width:600px;font-weight: normal; font-size:11px; clear: both; float: left; display: inline;}
fieldset.billingAddress p.addressMatch span{display:block;float:left; display:inline; width:15px; height:20px; color:#ff0000;}

.checkoutSecurity{width:500px; margin:20px auto 0 auto; height:60px;}
.checkoutSecurity img{float:left; display:inline;}


/************************************************ CONFIRM PAGE *****************************************************/

.confirmDelAdd{float:left; display:inline;width:290px; margin:0px 0 0px 25px;}
.confirmDelAdd p{color:#565859; line-height:16px;}
.confirmDelAdd p span{display:block; float:left; display:inline; width:105px; height:90px; color:#0e97c4;font-weight: bold; text-align: right; margin-right: 20px;}

.confirmDelOption{float:left; display:inline;margin:0px 0 0px 10px;width:290px;}

.confirmBillCard{float:left; display:inline;width:290px; margin:0px 0 0 10px;}
.confirmBillCard p{float:left;color:#565859; padding:0; width:260px; margin: 8px 0 0 0;}
.confirmBillCard p span{display:block; float:left; display:inline; width:105px; padding:0;color:#0e97c4;font-weight: bold; text-align:right; padding-right:20px;}

p.confirmTxt{font-size:11px;border:0px; color:#0e97c4;font-weight: bold; text-align:right; margin: 0 0px 20px 0;}
p.confirmTxt a{color:#0e97c4; text-decoration: underline;}
p.confirmTxt a:hover{text-decoration: none;}

/************************************************ COMPLETE PAGE *****************************************************/

.orderCodeBg {background: url(../../common/img/checkout/orderCodeBg.gif) no-repeat; width:640px; height:69px; margin-bottom: 15px; padding: 0; position: relative;}
.orderCodeBg p {color: #000; font-size: 11px; font-weight: normal; margin: 0; position: relative; top: 10px; left: 225px; width: 360px; line-height: 14px;}
.orderCodeBg h2 {color: #000; font-size: 14px; font-weight: bold; margin: 0; padding: 0; position: relative; top: 16px; left: 225px; width: 360px;}
.orderCodeBg a {color: #0e97c4; font-weight: bold; text-decoration: underline; margin: 0; padding: 0;}
.orderCodeBg a:hover {text-decoration: none;}

.createAccount{position:relative; padding:20px 0 0px 0px; margin: 0;}
.createAccount .folderIcon {position: absolute; top: 11px; left: 26px; background: url(../../common/img/checkout/folderIcon.gif) no-repeat; width: 102px; height: 103px;}
.createAccount h2{position: absolute; top: 25px; left:160px; font-size:14px;font-weight: bold; color:#17a0cd; margin:0; width:320px; line-height: 36px; text-align: center;}
.createAccount h3{position:relative; left:155px; font-size:11px;font-weight: bold; color:#282828; margin:0 0 10px 0; width:440px; line-height: 14px;}
.createAccount p{position:relative; left:155px; font-size:11px;color:#282828; margin:0 0 10px 0; width:380px; font-weight: normal;}
.createAccount ul{position:relative; left:155px; list-style:none;width:380px; margin: 0 0 15px 0;}
.createAccount ul li{background: url(../../common/img/checkout/greenSquareBullet.gif) no-repeat left 9px; color:#18a2cf; padding:3px 0 3px 14px;}
.createAccount fieldset{position:relative; left:30px; width: 580px; padding-bottom: 10px;}
.createAccount fieldset.accountDetails {height: 107px; padding-bottom: 0px;}
.createAccount fieldset .checkoutField{position:relative; float:left; display:inline; width:490px; height: 20px; line-height: 20px; margin-bottom: 10px;}
.createAccount fieldset label{display:block; float:left; display:inline; width:115px;padding:0px; color:#18a2cf; text-align:right;font-weight: bold;}
.createAccount fieldset input{display:block; float:left; display:inline; margin:0 0 0 10px; width:200px; border:1px solid #b2b6bc; padding:2px 2px 2px 4px; color:#000;}
.createAccount fieldset .notifyMe{position:relative; float:left; display:inline; margin: 0 0 10px 0;}
.createAccount fieldset .notifyMe label{display:block; float:left; display:inline; width:300px;padding:1px 0 0 15px; color:#18a2cf; text-align:left; font-weight:normal;}
.createAccount fieldset .notifyMe input{display:block; float:left; display:inline; margin:0 0 0 96px; width:14px; border:0px;}

.createAccount fieldset .accountChanges{ position:relative; left:125px; width:250px; clear:both; height:22px;}
.createAccount fieldset .accountChanges input{float:left; display:inline; margin:0 0 0 40px;  padding:2px; width:15px;border:0px; color: #4db24d;}
.createAccount fieldset .accountChanges label{float:left; display:inline; width:180px;padding:1px 0 0 14px; color:#18a2cf; text-align:left; font-weight:normal; background: url(../../common/img/checkout/greenSquareBullet.gif) no-repeat left 7px;}
.createAccount fieldset .accountChanges label span{font-weight: bold;}






