/**************************** WANT THE LOOK 2009 ACCOUNT/CHECKOUT STYLESHEET ***********************/

#innerContainer{padding:10px 4px;}

#singleColumn {position: relative; width:770px; margin: 23px auto 30px auto; padding: 0; }

#mainContent {position: relative; width:629px; margin:0 auto; float:none; display:block;}

h1.headerWhite {position:relative; width:100%; height:28px; line-height:29px; font-size:35px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #979da3; font-weight: normal; text-transform:lowercase; text-indent:10px; padding-top:1px; margin-left: 25px; }
h2.headerWhite {position: relative; width: 100%; height: 28px; line-height: 29px; color: #fff; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: lowercase; text-indent: 10px; padding-top: 1px;}
h2.headerGrey {position: relative; width: 100%; height: 28px; line-height: 29px; color: #c6c6c6; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: lowercase; text-indent: 10px; padding-top: 1px;}

.roundedBox {position: relative; width: 750px; margin-left: 10px; padding-top: 25px; }
.roundedBox .leftCornerDots {position: absolute; top: 0; left: 0; width: 150px; height: 20px; margin: 0; padding: 0; }
.roundedBox .rightCornerDots {position: absolute; top: 0; right: 0; width: 150px; height: 20px; margin: 0; padding: 0; }

/***************************** SHARED CHECKOUT/ACCOUNT ****************************/

.headerBar {background: url(../../images/account/headerBar.gif) no-repeat; position: relative; width: 629px; height: 21px; margin: 0;}
.accountItem {position: relative; width: 627px; margin-bottom: 20px; padding: 15px 0 15px 0; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.accountItem p {padding:0; margin: 0 15px 10px 15px; color:#5b5b5b; font-size:11px; line-height:14px; font-weight: normal;}
.accountItem h3 {padding: 10px 0 8px 0; margin: 0 15px 10px 15px; color:#5793d6; font-size:12px; font-weight: bold; background: url(../../images/icons/dashHorizGrey.gif) repeat-x left bottom;}

.checkoutField{clear:both;float:left; display:inline; position:relative; width:627px;padding:3px 0; margin:0 0 4px 0; color:#5b5b5b; font-size:11px; line-height:19px;}
.checkoutField label{display:block;float:left; display:inline; font-size:11px; color:#5b5b5b; font-weight: bold; text-align:right; width:150px; padding:0px 0 0 0}
.checkoutField label span.star {color:#e20d0d;}
.checkoutField input{display:block;float:left; display:inline; width:200px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#000;}

#emailAddressContainer .accountItem .checkoutField input {border: none; width: 0px; margin: 0; padding: 0;}
#emailAddressContainer .accountItem .checkoutField input.emailAddress {border:1px solid #b2b6bc; width:200px; margin:0 0 0 15px; padding: 2px;}

.checkoutField select{display:block;float:left; display:inline; width:206px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#000;}
.checkoutField select.title{width:81px;}
.checkoutField select.cardType{width:110px;}
.checkoutField img.visaLogo{margin-left: 5px;}
.checkoutField a{color:#000; text-decoration: underline;}
.checkoutField a:hover{text-decoration: none;}
.accountItem fieldset .checkoutField p{clear:both; font-size:10px;margin:0 0 0 165px; padding:0; width:320px; color: #6d6f72; }

.accountRadio {margin-bottom: 15px; font-size: 11px; float:left; display:inline;}
.accountRadio input {margin-left: 25px; padding:0; float:left; display:inline; width:13px; height: 13px;}
.accountRadio label {color:#000; font-weight: bold; text-align:left; padding-left: 5px; width: 100px; float:left; display:inline;}

.accountItem fieldset.newsletter {padding-bottom: 0px; margin-bottom: 0px;}

.checkReqField {position: relative; margin:0 0 15px 45px; font-size:11px; color:#e71005; font-weight: normal;}

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

.thawteLogos {width: 581px;text-align: center;margin: 15px auto 10px auto;position: relative;}

.securityCode {width: 100%; height: 131px; margin: 0; padding: 0; clear: both; position: relative; top: 0; left: 0;}
.securityCode img {margin: 0; padding: 0; position: absolute; top: 10px; left: 260px;}
.securityCode p {width: 220px;  margin: 0; padding: 0; position: absolute; top: 37px; left: 30px; color: #5b5b5b; font-weight: normal;}
.securityCode h3 {margin: 0; padding: 0; position: absolute; top: 46px; right: 31px; color: #5b5b5b; font-weight: normal; font-size: 11px;}

/**** ERROR ROW ****/
.fieldError {background: #ffe5e5; font-size:11px; }
.fieldError input, .fieldError select {border:1px solid #ff0000;}
.fieldError label, .fieldError label span.star {color: #ff0000;}
.errorMsg {position:absolute; left:420px; top:3px; padding:0 0 0 20px; color:#ff0000; font-weight: normal; background: url(../../images/icons/errorIconPink.gif) no-repeat left center;}
.voucherError {position:absolute; left:0px; margin-top:2px; padding:0 0 0 20px; color:#ff0000; font-weight: normal; background: url(../../images/icons/errorIconPink.gif) no-repeat left center;}

.loginField .loginError input {border:1px solid #ff0000 !important;}
span.requiredField {background: url(../../images/icons/errorIconTrans.gif) no-repeat; color: #ff0000; font-weight: normal; margin: 0; position: absolute; top: 0; right: 0; text-indent: 20px;}


/*****************/

.accCreditCards{text-align:center; padding:5px 0 0px 0;}
.checkoutButtons{position:relative;height:30px;width:680px;}

/** DELIVERY **/
#deliveryDetails{clear:both;}

/******************************* ACCOUNT PAGE ************************************/

.returningCustomersBox {position: relative; float: left; display: inline; width: 291px; margin: 0 0 0 65px; padding: 0;}
.newCustomersbox {position: relative; float: left; display: inline; width: 291px; margin: 0 0 0 30px; padding: 0;}
.returningCustomersBox .loginBoxTop {position: relative; width: 291px; height: 47px; margin: 0; background:url(../../images/account/returningCustomersHeader.gif) no-repeat;}
.newCustomersbox .loginBoxTop {position: relative; width: 291px; height: 47px; margin: 0; background:url(../../images/account/newCustomersHeader.gif) no-repeat;}
.loginBoxBg {position: relative; width: 280px; margin-left: 9px; padding: 4px 0 0 0; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
.loginBoxBottom {position: relative; width: 282px; height: 19px; margin-left: 9px; background:url(../../images/account/loginBoxBottom.gif) no-repeat;}

.loginBoxBg h2 {margin:0 0 11px 22px; padding:0px; font-size:11px; font-weight:bold; color:#5b5b5b; width: 248px;}
.loginBoxBg p {margin:0 0 0px 22px; padding:0px; font-size:11px; font-weight:normal; color:#5b5b5b; line-height: 14px; width: 248px;}
.loginBoxBg fieldset {margin: 0 0 0 22px; padding-top: 10px; width: 248px; position: relative;}
.loginBoxBg fieldset.accountLogin {padding-top: 18px;}
.loginBoxBg fieldset.checkoutLogin {padding-top: 15px;}
.loginBoxBg fieldset.checkoutLogin errorMsg {position:relative;}
.loginBoxBg label {display:block; padding:0px; width:248px; position: relative; color:#5b5b5b; font-weight: bold; margin-bottom: 2px;}
.loginField input {width:148px; position: relative; padding: 2px 0 2px 4px; border:1px solid #b9bcbf; color: #5b5b5b; font-weight: normal; margin: 0 0 0px 0;}
.loginField input.membersEmail {margin: 0 0 10px 0;}
.loginBoxBg ul {padding:0px; list-style:none; margin:11px 0 0 22px;}
.loginBoxBg ul li {background: url(../../images/account/tickIcon.gif) no-repeat left center; width: 231px; margin:0px; padding:0 0 0 17px; line-height: 22px; color:#5793d6; font-size: 11px; font-weight: bold;}

p.forgotPass {margin: 2px 0 0 0; padding: 0;}
p.forgotPass a {color:#5b5b5b; font-size: 9px; font-weight: normal; text-decoration: none;}
p.forgotPass a:hover {text-decoration: underline;}

.loginLogos {position: relative; width: 100%; margin: 10px 0 30px 0; padding: 0; text-align: center;}
.loginLogos img.thawteLogo {margin-bottom: 15px;}

.loginText {position: relative; width: 603px; margin:30px auto 0 auto; padding: 0;}
.loginText h2 {margin-bottom: 8px; color: #5b5b5b; font-size: 11px; font-weight: bold;}
.loginText p {margin-bottom: 12px; color: #5b5b5b; font-size: 11px; font-weight: normal; line-height: 16px;}
.loginText a {margin: 0px; color: #5b5b5b; font-size: 11px; font-weight: normal; text-decoration: underline;}
.loginText a:hover {text-decoration: none;}

.loginText_acc {position: relative; width: 615px; height:102px; margin: 0 auto; padding: 0; padding-top:20px; background:url(../../images/account/loyaltywishbar.gif); background-repeat:no-repeat; background-position:bottom;}
.loginText_acc h2 {margin-bottom: 8px; color: #5b5b5b; font-size: 11px; font-weight: bold;}
.loginText_acc p {margin-bottom: 12px; color: #5793d6; font-size: 11px; font-weight: normal; line-height: 16px; padding-top:15px; padding-left:230px; padding-right:10px;}
.loginText_acc a {margin: 0px; color: #5b5b5b; font-size: 11px; font-weight: normal; text-decoration: underline;}
.loginText_acc a:hover {text-decoration: none;}

.welcomeBackUser {width: 450px;height: 18px;line-height: 18px;margin: 0;position: absolute; top: 6px; right: 15px;}
.welcomeBackUser p {font-size:10px; font-weight:normal; color:#5793d6; float: right; display: inline; padding-top: 2px; }
.welcomeBackUser a {font-size:10px; font-weight:normal; color:#5793d6; text-decoration: underline;}
.welcomeBackUser a:hover {text-decoration: none;}
.welcomeBackUser .sep {width: 1px; height: 10px; background: url(../../images/account/welcomeBackSep.gif) no-repeat; margin: 4px 10px 0 10px; float: right; display: inline;}
.welcomeBackUser a.logout {font-size:10px; font-weight:bold; color:#5793d6; text-decoration: none; float: right; display: inline;}
.welcomeBackUser a.logout:hover {text-decoration: underline;}

.wishListBanner { background:url(../../images/account/wishListTitleBar.gif) no-repeat; width:732px; height:16px; position:relative; top:10px; left:2px; }
.accountDetailsBanner {position: relative; width: 730px; height: 30px; margin: 3px 0 20px 10px;}
.billingDetailsBanner {background: url(../../images/account/billingDetailsBanner.gif) no-repeat; position: relative; width: 730px; height: 30px; margin: 3px 0 23px 10px; }
.previousOrdersBanner {background: url(../../images/account/previousOrdersBanner.gif) no-repeat; position: relative; width: 730px; height: 30px; margin: 3px 0 23px 10px; }

.infoBar {background: url(../../images/account/infoBar.gif) no-repeat; position: relative; width: 730px; height: 47px; margin: 0 0 12px 1px; padding-top: 21px;}
.infoBar p {margin: 0 20px 8px 133px; color: #666; font-size: 11px; font-weight: normal; line-height: 14px;}
.infoBar a {color: #5793d6; font-size: 11px; font-weight: normal; text-decoration: underline;}
.infoBar a:hover {text-decoration: none;}
.infoBar h2 {margin: 0 20px 0 133px; color: #5793d6; font-size: 11px; font-weight: bold;}

.infoBar2 {background: url(../../images/account/infoBar.gif) no-repeat; position: relative; width: 730px; height: 58px; margin: 0 0 12px 1px; padding-top: 10px;}
.infoBar2 p {margin: 0 20px 8px 133px; color: #666; font-size: 11px; font-weight: normal; line-height: 14px;}
.infoBar2 a {color: #5793d6; font-size: 11px; font-weight: normal; text-decoration: underline;}
.infoBar2 a:hover {text-decoration: none;}
.infoBar2 h2 {margin: 0 20px 0 133px; color: #5793d6; font-size: 11px; font-weight: bold;}

.errorBar {background: url(../../images/account/errorBar.gif) no-repeat; position: relative; width: 730px; height: 38px; margin: 0 0 12px 1px; padding-top: 10px;}
.errorBar p {margin: 0 20px 0 133px; color: #ff0000; font-size: 11px; font-weight: normal; line-height: 14px;}

.headerBar h2.emailAddress {background: url(../../images/account/emailAddressHeader.gif) no-repeat; position: relative; width: 105px; height: 21px; margin-left: 13px;}
.headerBar h2.password {background: url(../../images/account/passwordHeader.gif) no-repeat; position: relative; width: 72px; height: 21px; margin-left: 13px;}
.headerBar h2.newsletter {background: url(../../images/account/newsletterHeader.gif) no-repeat; position: relative; width: 77px; height: 21px; margin-left: 13px;}
.headerBar h2.deliveryAddress {background: url(../../images/account/deliveryAddressHeader.gif) no-repeat; position: relative; width: 122px; height: 21px; margin-left: 13px; clear:both}
.headerBar h2.billingAddress {background: url(../../images/account/billingAddressHeader.gif) no-repeat; position: relative; width: 105px; height: 21px; margin-left: 13px;}
.headerBar h2.cardDetails {background: url(../../images/account/cardDetailsHeader.gif) no-repeat; position: relative; width: 169px; height: 21px; margin-left: 13px;}

.fraudBar { position: relative; width: 594px; height: 35px; margin: 0 0 15px 0px; padding: 3px 0 0 27px; }
.fraudBarLarge { position: relative; width: 594px; height: 75px; margin: 0 0 15px 0px; padding: 3px 0 0 27px; }
.fraudBar p, .fraudBarLarge p {margin-bottom: 10px; color: #5793d6; font-size: 11px; font-weight: bold;line-height: 15px;}

.basketLogos {width: 100%; height: 50px; position: relative; margin: 0px 0 0 0; padding: 0; text-align: center;}
.basketLogos img.thawteLogo {margin-right: 15px;}

#newsletterContainer .leftSide {float: left; display: inline; width: 400px; margin-left: 25px;}
#newsletterContainer .rightSide {float: left; display: inline; width: 200px; margin: 0;}
#newsletterContainer .leftSide p, #newsletterContainer .rightSide p {color:#5793d6; margin: 0 0 10px 0;}
#newsletterContainer .myPreferences {position:relative; height:20px; margin: 0; font-size: 11px; line-height: 13px; width: 200px; float:left; display:inline;}
#newsletterContainer .myPreferences input {float:left; display:inline; margin-right:10px; padding:2px; width:13px; height: 13px; color: #4db24d;}
#newsletterContainer .myPreferences label {float:left; display:inline; color:#5b5b5b; font-weight:bold;}

/************** PREVIOUS ORDERS PAGE **************/

/* BASKET GENERAL SETTINGS */
#previousOrders {margin: 0 auto; padding-top: 25px; width: 700px;}
#previousOrders table {font-size: 11px; width: 627px; border-collapse: collapse; padding: 0; margin-bottom: 10px; background: #fff url(../../images/basket/basket_Head627.gif) no-repeat top left;}
#previousOrders table a, #previousOrders table a:link, #previousOrders table a:active, #previousOrders table a:visited {color: #5b5b5b; text-decoration: none;}
#previousOrders table a:hover {text-decoration: underline;}

/* BASKET HEADER */
#previousOrders th {font-weight: bold; height:24px; vertical-align: middle; line-height: 24px; color:#fff; font-size: 10px; text-align:center;}
div.basketsection {background: url(../../images/basket/basket_HeadSection.gif) no-repeat left center;}

/* BASKET PRODUCT ROWS */
#previousOrders td {background: url(../../images/basket/whiteBg.gif) no-repeat bottom left; color: #5b5b5b; text-align: center;}
#previousOrders td.border {width: 1px; background-color: #d2d2d2;}
#previousOrders td.qty {width: 60px; background-position: -3px bottom;}
#previousOrders td.qty input {border: 1px solid #cacaca; padding: 2px; text-align: center; color: #5b5b5b; width: 20px;}
#previousOrders td.code {width: 80px;}
#previousOrders td.image {height: 60px; width: 60px; text-align: left;}
#previousOrders td.image div {height: 42px; width: 42px; padding: 1px 0 0 1px; background: url(../../images/account/previousOrdersPlaceholder.gif) no-repeat; margin: 0 auto;}
#previousOrders td.description {background-position: -3px bottom; padding-right: 6px; text-align: left;}
#previousOrders td.stock {width: 50px;}
#previousOrders td.stock div.iconTick {width: 11px; height: 11px; background: url(../../images/account/tickIconLightBlue.png) no-repeat; margin: 0 auto;}
#previousOrders td.stock div.iconCross {width: 8px; height: 8px; background: url(../../images/account/crossIcon.png) no-repeat; margin: 0 auto;}
#previousOrders td.price {width: 80px;}
#previousOrders td.select {width: 70px;}
#previousOrders tr.ordersEmpty td.message {height: 60px; background: url(../../images/account/tableCellShadow.gif) repeat-x left bottom; text-align: center; font-weight: bold;}

#previousOrders .greyBar {width: 556px; height: 36px; position: relative; background: url(../../images/basket/greyBar.gif) no-repeat; margin: 0 auto 30px auto; padding: 0;}
#previousOrders .basketLogos {width: 100%; height: 50px; position: relative; margin: 0; padding: 0; text-align: center;}
#previousOrders .basketLogos img.thawteLogo {margin-right: 15px;}

/************************************ WISHLIST **************************************/

#wishlist {margin: 0 auto; padding-top: 25px; width: 700px;}
#wishlist table {font-size: 11px; width: 628px; border-collapse: collapse; padding: 0; margin-bottom: 10px; background: #fff url(../../images/basket/basket_Head627.gif) no-repeat top left;}
#wishlist table a, #wishlist table a:link, #wishlist table a:active, #wishlist table a:visited {color: #5b5b5b; text-decoration: none;}
#wishlist table a:hover {text-decoration: none; }

#wishlist th {font-weight: bold; height:24px; vertical-align: middle; line-height: 24px; color:#fff; font-size: 10px; text-align:center;}
#wishlist td.button a { color:#ffffff; } 

/* BASKET PRODUCT ROWS */
#wishlist td {background: url(../../images/basket/whiteBg.gif) no-repeat bottom left; color: #5b5b5b; text-align: center;}
#wishlist td.border {width: 1px; background-color: #d2d2d2;}
#wishlist td.qty {width: 60px; background-position: -3px bottom;}
#wishlist td.qty input {border: 1px solid #cacaca; padding: 2px; text-align: center; color: #5b5b5b; width: 20px;}
#wishlist td.code {width: 70px; padding:0 3px; }
#wishlist td.image {height: 60px; width: 60px; text-align: left;}
#wishlist td.image div {height: 42px; width: 42px; padding: 1px 0 0 1px; background: url(../../images/account/previousOrdersPlaceholder.gif) no-repeat; margin: 0 auto;}
#wishlist td.description {background-position: -3px bottom;  padding-right: 6px; text-align: left;width: 200px;}
#wishlist td.stock {width: 50px;}
#wishlist td.stock div.iconTick {width: 11px; height: 11px; background: url(../../images/account/tickIconLightBlue.png) no-repeat; margin: 0 auto;}
#wishlist td.stock div.iconCross {width: 8px; height: 8px; background: url(../../images/account/crossIcon.png) no-repeat; margin: 0 auto;}
#wishlist td.price {width: 80px;}
#wishlist td.select {width: 70px;}
#wishlist td.offer {width: 50px;}
#wishlist td.button {width: 110px;}
#wishlist tr.ordersEmpty td.message {height: 60px; background: url(../../images/account/tableCellShadow.gif) repeat-x left bottom; text-align: center; font-weight: bold;}

#wishlist .greyBar {width: 556px; height: 36px; position: relative; background: url(../../images/basket/greyBar.gif) no-repeat; margin: 0 auto 30px auto; padding: 0;}
#wishlist .basketLogos {width: 100%; height: 50px; position: relative; margin: 0; padding: 0; text-align: center;}
#wishlist .basketLogos img.thawteLogo {margin-right: 15px;}

.WLaddToBasketButton {width:97px; margin:0 auto; /*float: left; display: inline; margin: 0 0px 0 0;*/ }
.WLaddToBasketButton a, selectOptionsButton a {line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#fff; display:block; text-indent:5px; width:97px; height:23px; background:url(../../images/buttons/addToBasketButton.gif) no-repeat top;}
.WLaddToBasketButton a:hover {background:url(../../images/buttons/addToBasketButton.gif) no-repeat bottom; color:#fff; text-decoration:none;}

/******************************** CHECKOUT PAGE ************************************/

.deliveryBanner {background: url(../../images/checkout/deliveryBanner.gif) no-repeat; position: relative; width: 710px; height: 30px; margin: 3px 0 23px 27px;}
.billingBanner {background: url(../../images/checkout/billingBanner.gif) no-repeat; position: relative; width: 710px; height: 30px; margin: 3px 0 23px 27px;}
.confirmBanner {background: url(../../images/checkout/confirmBanner.gif) no-repeat; position: relative; width: 710px; height: 30px; margin: 3px 0 23px 27px;}
.completeBanner {background: url(../../images/checkout/completeBanner.gif) no-repeat; position: relative; width: 710px; height: 30px; margin: 3px 0 23px 27px;}

.headerBar h2.orderSummary {background: url(../../images/checkout/orderSummaryHeader.gif) no-repeat; position: relative; width: 115px; height: 21px; margin-left: 13px;}
.headerBar h2.deliveryOptions {background: url(../../images/checkout/deliveryOptionsHeader.gif) no-repeat; position: relative; width: 116px; height: 21px; margin-left: 13px;}
.headerBar h2.deliveryDetails {background: url(../../images/checkout/deliveryDetailsHeader.gif) no-repeat; position: relative; width: 109px; height: 21px; margin-left: 13px;}
.headerBar h2.billingDetails {background: url(../../images/checkout/billingDetailsHeader.gif) no-repeat; position: relative; width: 92px; height: 21px; margin-left: 13px;}
.headerBar h2.createAccount {background: url(../../images/checkout/createAccountHeader.gif) no-repeat; position: relative; width: 135px; height: 21px; margin-left: 13px;}
.headerBar h2.changeDetails {background: url(../../images/checkout/changeDetailsHeader.gif) no-repeat; position: relative; width: 145px; height: 21px; margin-left: 13px;}
.headerBar h2.discounts {background: url(../../images/checkout/discountsHeader.gif) no-repeat; position: relative; width: 137px; height: 21px; margin-left: 13px;}
.headerBar h2.vouchers {background: url(../../images/checkout/vouchersHeader.gif) no-repeat; position: relative; width: 153px; height: 21px; margin-left: 13px;}
.headerBar h2.voucherDetails {background: url(../../images/checkout/voucherDetailsHeader.gif) no-repeat; position: relative; width: 113px; height: 21px; margin-left: 13px;}

.headerBar .expandBasket {position: absolute; top: 2px; right: 15px;}
.headerBar .expandBasket a {height: 15px; line-height: 15px; display: block; cursor: pointer;}
.headerBar .expandBasket a.basketClosed {background: url(../../images/checkout/basketPlus.gif) no-repeat left center; width: 93px; height: 15px;}
.headerBar .expandBasket a.basketOpen {background: url(../../images/checkout/basketMinus.gif) no-repeat left center; width: 99px; height: 15px;}

/****************************** CHECKOUT BASKET ***********************************/

/* BASKET GENERAL SETTINGS */
#basket {margin: 0 0 10px 0 !important; padding: 0; width: 627px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
#basket table {font-size: 11px; width: 627px; border-collapse: collapse; padding: 0px; margin: 10px 0px 0px; background: #fff url(../../images/basket/basket_Head627.gif) no-repeat top left;}
#basket a, #basket a:link, #basket a:active, #basket a:visited {color: #5b5b5b; text-decoration: none;}
#basket a:hover {text-decoration: underline;}
#basket tr.basketproduct td {background: url(../../images/basket/whiteBg.gif) no-repeat bottom left;}
#basket tr.offer td {background: url(../../images/basket/pinkBg.gif) no-repeat bottom left;}
#basket tr td.basketqty {background-position: -3px bottom;}
#basket tr td.basketdescription {background-position: -3px bottom;}


#basket tr.offer td.basketimage {background-position: -3px bottom;}
#basket tr.offer td.baskettotalprice {text-align: left; text-indent: 30px;}


/* BASKET HEADER */
#basket th {font-weight: bold; height:24px; vertical-align: middle; line-height: 24px;}
#basket .baskethead {color:#fff; font-size: 10px; font-weight: bold;}

/* SET INDIVIDUAL HEADER WIDTHS */
#basket .baskethead .qty {width: 60px; padding-top:0px; text-indent:2px; }
#basket .baskethead .code {width: 70px; text-align:center;}
#basket .baskethead .description {text-align: center;}
#basket .baskethead .price {width: 70px; text-align:center;}
#basket .baskethead .totalprice {width: 75px; text-align:center;}
#basket .baskethead .delete {width: 65px; text-align:center; }

/* BASKET SECTION DIVIDER (HEAD) */
div.basketsection {background: url(../../images/basket/basket_HeadSection.gif) no-repeat left center;}

/* BASKET PRODUCT ROWS */
#basket .basketproduct {color: #5b5b5b;}
#basket .basketimage {height: 60px; width: 60px; text-align: center; padding: 0;}
#basket .basketdescription {padding-right: 6px;}
#basket .basketproduct .basketcode {text-align: center;}
#basket .basketqty {padding: 0 0px 0 0px;}
#basket .basketqty input {border: 1px solid #cacaca; padding: 2px; text-align: center; color: #5b5b5b;}
#basket .basketprice, .basketqty, .baskettotalprice, .basketdelete {text-align: center;}
#basket .basketqty input {width: 20px;}
#basket .basketdelete {text-align: center;}
#basket .baskettotalprice {font-weight: bold;}
#basket p.offerText {color: #ab7262; font-size: 10px; font-weight: bold; margin-bottom: 2px;}
#basket tr.basketproductfree td {background: url(../../images/basket/pinkBG.gif) no-repeat bottom left;}
#basket .basketproductfree .basketcode {text-align: center;}

/* BASKET TOTALS */
#basket table.basketTotals {font-size: 11px; width: 627px; border-collapse: collapse; padding: 0px; margin: 0px; background: none;}

#basket table.basketTotals .basketSubRow {color: #5b5b5b; height: 37px;}
#basket table.basketTotals .basketTotalRow {color: #5b5b5b; height: 37px; font-size: 14px;}
#basket table.basketTotals .basketSubRow .basketBL, #basket table.basketTotals .basketTotalRow .basketBL {text-align: left; padding: 0; font-weight: normal; background: url(../../images/basket/subTotalBgLeft.gif) no-repeat left;}
#basket table.basketTotals .basketSubRow .basketsub {text-align: right; width: 535px; padding: 2px 10px 0 0; font-weight: bold; background: url(../../images/basket/subTotalBg.gif) repeat-x left;}
#basket table.basketTotals .basketTotalRow .basketsub {text-align: right; padding: 0px 10px 0 0; font-weight: bold; background: url(../../images/basket/subTotalBg.gif) repeat-x left;}
#basket table.basketTotals .basketSubRow .baskettotal, #basket table.basketTotals .basketTotalRow .baskettotal {padding: 0; width: 75px; height: 37px; font-size: 14px; color: #000; font-weight: bold; text-align: center; background: url(../../images/basket/subTotalBgRight.gif) no-repeat right;}

#basket table.basketTotals .basketDeliveryRow {color: #5b5b5b; font-size: 11px; font-weight: bold; height: 30px;}
#basket table.basketTotals .basketDeliveryRow .basketBL {text-align: right; padding: 0; font-weight: normal; color: #5b5b5b; font-size: 11px; background: url(../../images/basket/deliveryEstimateBgLeft.gif) no-repeat left;}
#basket table.basketTotals .basketDeliveryRow .basketBL span.orange {font-weight: bold; color: #fa9e0d;}
#basket table.basketTotals .basketDeliveryRow .basketsub {text-align: right; width: 535px; padding: 0px 10px 0 0; font-weight: normal; background: url(../../images/basket/deliveryEstimateBg.gif) repeat-x left;}
#basket table.basketTotals .basketDeliveryRow .baskettotal {padding-right: 12px; width: 75px; height: 30px; color: #000; text-align: right; background: url(../../images/basket/deliveryEstimateBgRight.gif) no-repeat right;}
#basket table.basketTotals tr.dots {background: url(../../images/icons/dotsLightGrey.gif) repeat-x; height: 1px;}

/* BASKET LOGOS */
#basket .freeLogoSmall {width: 42px; height: 42px; position: relative; left: -1px; margin: 0 auto; background: url(../../images/icons/freeLogoSmall.png) no-repeat;}
#basket .buy3LogoSmall {width: 42px; height: 42px; position: relative; left: -1px; margin: 0 auto; background: url(../../images/icons/buy3LogoSmall.png) no-repeat;}
#basket .threeFor2LogoSmall {width: 42px; height: 42px; position: relative; left: -1px; margin: 0 auto; background: url(../../images/icons/3For2LogoSmall.png) no-repeat;}
#basket .newLogoSmall {width: 44px; height: 43px; position: relative; left: -1px; margin: 0 auto; background: url(../../images/icons/newLogoSmall.png) no-repeat;}
#basket .saleLogoSmall {width: 44px; height: 43px; position: relative; left: -1px; margin: 0 auto; background: url(../../images/icons/saleLogoSmall.png) no-repeat;}
#basket .percentOffLogoSmall {width: 42px; height: 42px; position: relative; left: -1px; margin: 0 auto; background: url(../../images/icons/percentOffLogoSmall.png) no-repeat;}
#basket .get1FreeLogoSmall {width: 44px; height: 43px; margin-left: 7px; background: url(../../images/icons/get1FreeLogoSmall.png) no-repeat;}
#basket .freeGiftLogoSmall {width: 42px; height: 42px; position: relative; left: -1px; margin: 0 auto; background: url(../../images/icons/freeGiftLogoSmall.png) no-repeat;}

/******************************** DELIVERY PAGE ***********************************/

.basketButtons {clear:both; height:43px; margin: 0 0 20px 0;}

/*** DISCOUNTS & EXTRAS ***/
#discountsContainer {clear:both; width:629px;}
.discountsBox {margin: 0 0 0px 0; padding: 0;}
fieldset.discounts {margin: 0; padding: 5px 0 0 0;}
fieldset.discounts input {width: 100px;}

.discountsBox .giftVoucherContent {position: relative; width: 606px; margin-left: 10px; padding-bottom: 5px; background: url(../../images/icons/dotsLightGrey.gif) repeat-x bottom;}
.discountsBox .discountCodeContent {position: relative; width: 606px; margin-left: 10px; padding: 0;}

.discountsBox .leftSide {position: relative; float: left; display: inline; width: 280px; margin: 0px; padding: 0 0 0 6px;}
.discountsBox .leftSide h2 {padding:0; margin: 0 0px 10px 0px; color:#5b5b5b; font-size:11px; line-height:14px; font-weight: bold;}
.discountsBox .leftSide p {padding:0; margin: 0 0px 10px 0px; color:#5b5b5b; font-size:11px; line-height:14px; font-weight: normal;}
.discountsBox .leftSide .giftVoucherApplied {position: relative; width: 257px; height: 36px; margin: 0px; padding: 5px 0 10px 23px; background: url(../../images/checkout/giftVoucherAppliedBg.gif) no-repeat;}
.discountsBox .leftSide .giftVoucherApplied p {padding:0; margin-bottom: 2px; color:#5b5b5b; font-size:11px; font-weight: normal;}
.discountsBox .leftSide .giftVoucherApplied p.message {font-size:10px;}
.discountsBox .leftSide .discountCodeApplied {position: relative; width: 257px; height: 20px; margin: 0px; padding: 5px 0 0 23px; background: url(../../images/checkout/discountCodeAppliedBg.gif) no-repeat;}
.discountsBox .leftSide .discountCodeApplied p {padding:0; margin: 0px; color:#5b5b5b; font-size:11px; font-weight: normal;}

.discountsBox .rightSide {position: relative; float: left; display: inline; width: 320px; margin: 0px; padding: 21px 0 0 0;}
.discountsBox .rightSide .discountField {clear:both;float:left; display:inline; position:relative; width:320px; padding:0; margin:0 0 9px 0; color:#5b5b5b; font-size:11px;}
.discountsBox .rightSide .discountField label {display:block;float:left; display:inline; font-size:11px; color:#5b5b5b; font-weight: bold; text-align:right; width:90px; padding:3px 0 0 0}
.discountsBox .rightSide .discountField input {display:block;float:left; display:inline; width:140px; margin:0 0 0 5px; padding:2px; color:#000;}
.discountsBox .rightSide .discountField select {display:block;float:left; display:inline; width:146px; margin:0 0 0 5px; border:1px solid #b2b6bc; padding:2px; color:#000;}

.discountsBox .rightSide .fieldError input {border:1px solid #ff0000;}
.discountsBox .rightSide .fieldError label {color: #ff0000;}
.discountsBox .rightSide .errorMsg {position:absolute; left:78px; top:0px; padding:0 0 0 20px; color:#ff0000; font-weight: normal; background: url(../../images/icons/errorIconWhite.gif) no-repeat left center;}

/*loyalty box stuff*/
.loyaltyBox {margin: 0 0 0px 0; padding: 0;}
.loyaltyBox {background:url(../../images/loyalty/loyaltypointsbox.gif);}

/** EXISTING USERS **/
.existingOn{margin:0px 0 0px 20px; }
.existingOn label{color:#5793d6;font-weight: bold; padding-left:10px; }
.accountItem fieldset .existingOn p{margin:5px 0 10px 26px; line-height:16px; color:#5b5b5b; width: 540px;}

.existingOff{margin:0px 0 0px 20px;}
.existingOff label{color:#c1c1c1;font-weight: bold; padding-left:10px; }
.accountItem fieldset .existingOff p{margin:5px 0 10px 26px; line-height:16px; color:#c1c1c1; width: 540px;}
.accountItem fieldset .existingOn p span.heading, .accountItem fieldset .existingOff p span.heading {display:block; float:left; display:inline; width:90px;  padding:0 0;font-weight: bold; padding-right:10px;}

/**** DELIVERY OPTIONS ****/
fieldset.deliveryOptions{position:relative; left:20px;width:300px; padding-bottom:20px;}
fieldset.deliveryOptions .deliveryOption{float:left; display:inline;margin-bottom:10px;}
fieldset.deliveryOptions label{float:left; display:inline; padding: 0px 0 0 10px;font-weight: normal; color:#5b5b5b; width:210px; }
fieldset.deliveryOptions input{float:left; display:inline; vertical-align:middle; }
fieldset.deliveryOptions textarea{float:left;display:inline;border:1px solid #b9bcbf; width:200px; height:60px; overflow:auto; color:#000; padding: 2px 5px 2px 5px;}
fieldset.deliveryOptions .deliveryInstructions{float:left; display:inline; margin:10px 0 0 20px;}
fieldset.deliveryOptions .deliveryInstructions label{font-weight:normal; padding:0px; color: #5b5b5b; margin-bottom: 3px;}

.deliveryTbl{position:absolute; right:20px; top:30px;width:293px; height:69px; color: #000;}
.deliveryTbl table{border-collapse:collapse;width:293px; }
.deliveryTbl tr{height:23px; line-height:23px;}
.deliveryTbl td{font-weight: bold;}
.deliveryTbl td span#spanVATText, span#spanVATText1, span#DeliveryText {font-weight:normal;}
.deliveryTbl .deliveryTblL{text-align:right;padding-right:8px;font-weight: bold;}
.deliveryTbl .deliveryTblR{width:65px;}
.deliveryTbl th.deliveryTblL{width:228px; text-align:right;}
.deliveryTbl th.deliveryTblR{padding-right:2px;}
.deliveryTbl td.deliveryTblR{text-align:center; padding-right:2px;}

.deliveryTbl tr.deliveryTblM td.deliveryTblR{color:#000;}
.deliveryTbl .deliveryTblR{color:#000;}

p.deliveryContinue{position:absolute; bottom:10px; right:20px;color:#000;font-weight: bold;font-size:11px; text-align: right;}

/** Delivery table background image **/
.deliveryTbl tr.deliveryTblT td.deliveryTblL {background: url(../../images/checkout/deliveryTop.gif) no-repeat left top;}
.deliveryTbl tr.deliveryTblT td.deliveryTblR {background: url(../../images/checkout/deliveryTop.gif) no-repeat right top;}
.deliveryTbl tr.deliveryTblB td.deliveryTblL {background: url(../../images/checkout/deliveryBottom.gif) no-repeat left top;}
.deliveryTbl tr.deliveryTblB td.deliveryTblR {background: url(../../images/checkout/deliveryBottom.gif) no-repeat right top;}


/**** GIFT VOUCHER OPTIONS ****/

.voucherDetailsTable {margin-bottom: 20px; padding: 0px; width: 627px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}

.voucherDetailsTable .description {position: relative; padding: 15px 0 5px 0;}
.voucherDetailsTable .description p {color: #5b5b5b;font-size: 11px; font-weight: normal; margin: 0 16px 15px 16px; line-height: 14px;}

.voucherDetailsTable table {font-size: 11px; width: 627px; border-collapse: collapse; padding: 0px; margin: 0px; background: #fff url(../../images/basket/basket_Head627.gif) no-repeat top left;}
.voucherDetailsTable a, .voucherDetailsTable a:link, .voucherDetailsTable a:active, .voucherDetailsTable a:visited {color: #5b5b5b; text-decoration: none;}
.voucherDetailsTable a:hover {text-decoration: underline;}

.voucherDetailsTable th {color:#fff; font-size: 10px; font-weight: bold; font-weight: bold; height:24px; vertical-align: middle; line-height: 24px;}
.voucherDetailsTable .voucherHead .value {width: 61px; padding-top:0px; text-indent:2px; }
.voucherDetailsTable .voucherHead .name {text-align:center;}
.voucherDetailsTable .voucherHead .email {text-align: center;}
.voucherDetailsTable .voucherHead .message {width: 200px; text-align:center; }
.voucherDetailsTable .voucherHead div.sep {background: url(../../images/basket/basket_HeadSection.gif) no-repeat left center;}

.voucherDetailsTable .voucherItem td {background: url(../../images/basket/whiteBg.gif) no-repeat bottom left; color: #5b5b5b; height: 60px; font-size: 11px; font-weight: normal;}
.voucherDetailsTable .voucherItem .itemValue {background-position: -3px bottom; width: 61px; text-align: center; padding: 0;}
.voucherDetailsTable .voucherItem .itemName {text-align: left;}
.voucherDetailsTable .voucherItem .itemEmail {text-align: left;}
.voucherDetailsTable .voucherItem .itemMessage {width: 200px; text-align: left;}
.voucherDetailsTable .voucherItem input {border: 1px solid #cacaca; padding: 2px; color: #5b5b5b; width: 150px; margin-left: 13px;}
.voucherDetailsTable .voucherItem textarea {border: 1px solid #cacaca; padding: 2px; color: #5b5b5b; width: 150px; height: 38px; margin-left: 23px;}
.voucherDetailsTable .voucherItem span.star {color:#e71005;}
.voucherDetailsTable .voucherItem .fieldError {background: none;}
.voucherDetailsTable .voucherItem .fieldError input {border:1px solid #e71005;}

.voucherDetailsTable .description .errorMsg {position: absolute; top: 68px; left: 250px; background: url(../../images/popups/errorIconLarge.gif) no-repeat left center; color:#e71005; font-weight: normal; margin: 0; width: 366px; height: 21px; line-height: 21px; text-indent: 35px; padding: 0;}


/*************************** BILLING PAGE ********************************/

.accountItem fieldset p.addressMatch {margin:10px 0 10px 46px; width:550px; font-weight: normal; font-size:11px; color: #5b5b5b;}
.accountItem fieldset p.addressMatch span.star {display:block; float:left; display:inline; width:15px; height:20px; color:#e71005;}

.accountItem fieldset.cardDetails {margin-bottom: 20px;}

/*************************** CONFIRM PAGE ********************************/

.confirmDelAdd{float:left; display:inline;width:220px; margin:0px 0 0px 60px;}
.confirmDelAdd p{color:#5b5b5b; line-height:16px; width: 220px; margin: 0;}
.confirmDelAdd p span.heading {display:inline; float:left; width:220px; color:#5b5b5b; font-weight: bold; margin-bottom: 5px;}

.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:#5b5b5b; padding:0; width:290px; margin: 8px 0 0 0;}
.confirmBillCard p span.heading {display:block; float:left; display:inline; width:85px; padding:0;color:#5b5b5b;font-weight: bold; text-align:right; padding-right:20px;}

p.confirmTxt{font-size:11px;border:0px; color:#5b5b5b;font-weight: bold; text-align:right; margin: 0 0px 20px 0;}
p.confirmTxt a{color:#5b5b5b; text-decoration: underline;}
p.confirmTxt a:hover{text-decoration: none;}

/****************************** COMPLETE PAGE ***********************************/

.createAccountContent {position: relative; width: 627px; margin-bottom: 20px; padding: 25px 0 0px 0; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.createAccountContent .detailsIcon {position: absolute; top: 17px; left: 25px; background: url(../../images/checkout/detailsIcon.gif) no-repeat; width: 91px; height: 71px;}
.createAccountContent h2 {position: absolute; top: 25px; left:154px; font-size:14px;font-weight: bold; color:#5b5b5b; margin:0; width:320px; line-height: 36px; text-align: center;}
.createAccountContent h3 {position:relative; left:155px; font-size:11px;font-weight: bold; color:#5b5b5b; margin:0 0 10px 0; width:440px; line-height: 14px;}
.createAccountContent p {position:relative; left:155px; font-size:11px;color:#5b5b5b; margin:0 0 10px 0; width:380px; font-weight: normal;}
.createAccountContent ul {position:relative; left:155px; list-style:none;width:380px; margin: 0 0 15px 0;}
.createAccountContent ul li {background: url(../../images/icons/bulletRoundBlack.gif) no-repeat left 8px; color:#5b5b5b; padding:3px 0 3px 14px;}
.createAccountContent fieldset {position:relative; left:0px; width: 627px; padding-bottom: 15px;}
.createAccountContent fieldset .checkoutField {width:627px; height: 20px; line-height: 20px;}
.createAccountContent fieldset label {float:left; display:inline; width:115px;padding:0px; color:#5b5b5b; text-align:right;font-weight: bold; margin-left: 30px;}
.createAccountContent fieldset input {float:left; display:inline; margin:0 0 0 10px; width:200px; border:1px solid #b2b6bc; padding:2px 2px 2px 4px; color:#5b5b5b;}
.createAccountContent fieldset .notifyMe {float:left; display: inline; clear:both; margin: 0 0 10px 156px;}
.createAccountContent fieldset .notifyMe label {float:left; display:inline; width:300px;padding:1px 0 0 15px; color:#5b5b5b; text-align:left; font-weight:normal; margin: 0;}
.createAccountContent fieldset .notifyMe input {float:left; display:inline; margin:0 0 0 0px; width:14px; border:0px;}

.createAccountContent fieldset .accountChanges {position:relative; left:155px; width:250px; clear:both; height:22px;}
.createAccountContent fieldset .accountChanges input {float:left; display:inline; margin:0 0 0 40px;  padding:2px; width:15px;border:0px; color: #4db24d;}
.createAccountContent fieldset .accountChanges label {float:left; display:inline; width:180px;padding:1px 0 0 14px; color:#5b5b5b; text-align:left; font-weight:normal; background: url(../../images/icons/bulletRoundBlack.gif) no-repeat left 6px; margin: 0;}
.createAccountContent fieldset .accountChanges label span.orange {color:#e8931b; font-weight: bold;}



.loyaltyBox { background:url(../../images/Loyalty/loyaltyPointsBox.gif); width:632px; margin-left:2px; margin-top:10px; margin-bottom:10px; height:163px;}
.loyaltyBox .loyaltyLeft{ height: 133px; float:left; padding-left:50px; padding-top:30px;  width:300px; }
.loyaltyBox .loyaltyRight{ height: 133px; width:250px;padding-left:10px; padding-top:30px; float:left}
.loyaltyLeftText {height:20px; padding-top:10px; color:White; font-weight:bold; text-align:right;  width:300px; }
.loyaltyLeftText2 {height:20px; padding-top:30px; color:White; font-weight:bold; text-align:right;  width:300px; }
.loyaltyRightText {height:20px; padding-top:10px; color:White; font-weight:bold; text-align:left;  width:200px; }
.loyaltyRightText2 {height:20px; padding-top:30px; color:White; font-weight:bold; text-align:left;  width:250px; }
/*.redeemButton{float:left; width:75px;}
.redeemButton a{ background:url(../../images/loyalty/redeemButton.gif); width:55px; height:23px;padding-left:10px; float:left;}
*/
.redeemButton { width:55px;float:right; margin : 0 0 0 0;}
.redeemButton a{ background:url(../../images/buttons/btn_redeem.gif) no-repeat top; width:55px; height:24px;padding-left:10px; float:left; }
.redeemButton a:hover{ background:url(../../images/buttons/btn_redeem.gif) no-repeat bottom;}



.showLoyaltyButton{background:url(../../images/loyalty/loyaltyRedeemBar.gif); width:366px; height:47px; vertical-align:top;}
.showLoyaltyButtonDiv {float:left; width:200px; margin-top:15px; margin-left:40px; color:White ; font-weight:bold; height:47px;}


/******************* Loyalty Points Order History *******************/
.orderHistoryBanner, .loyaltyPointsBanner {background: url(../../images/account/loyaltyPointsBanner.gif) no-repeat; position: relative; width: 704px; height: 30px; margin: 3px 0 23px 27px;}
 
.loyaltyPointsButton{display:inline;float:right;margin-left:5px;clear:right;margin-top:5px;}
.loyaltyPointsButton a{text-decoration:none;color:#8E8E8E;text-indent:18px;font-size:10px;font-weight:bold;height:21px;line-height:21px;display:block;background:transparent url(../../images/buttons/accountDetailsButton.gif) no-repeat scroll center top;width:112px;}
.loyaltyPointsButton a:hover, .loyaltyPointsButton a.buttonOn{text-decoration:none;color:#C17D8D;background:transparent url(../../images/buttons/accountDetailsButton.gif) no-repeat scroll center bottom}
 
#orderHistoryHeader, #mainPointsHeader {background:url('/images/account/loyaltyHeader.gif') no-repeat;height:96px;width:760px;margin-bottom:20px;margin-left:1px;position:relative;}
#orderHistoryHeader span.pointsBalance, #mainPointsHeader span.pointsBalance {color:#fa9e0d;font-size:16pt;font-weight:bold;position:absolute;top:37px;left:625px;}
#orderHistoryHeader p, #mainPointsHeader p{position:absolute;width:200px;top:20px;left:125px;color:#5793d6;}
#orderHistoryHeader span.historyOrderId {font-size:12pt; font-weight:bold;}
 
#awardedPoints,#redeemedPoints {padding-bottom:50px;}
#awardedPoints table, #redeemedPoints table {width:100%;}
#awardedPoints table td, #redeemedPoints table td,
#awardedPoints table th, #redeemedPoints table th {padding-left:10px;}
#awardedPoints table td, #redeemedPoints table td {height:24px;background: url('/images/account/tableCellShadow.gif') repeat-x 0 14px;border-right:solid 1px #d4d4d4;border-left:solid 1px #F0EEED;}
#awardedPoints table th, #redeemedPoints table th {background-color:#E6E6E6;border-bottom:1px solid #FFFFFF;border-right:1px solid #D4D4D4;color:#666666;height:25px;text-align:left;}
 
#awardedPoints table th.lastCol, #awardedPoints table td.lastCol, 
#redeemedPoints table th.lastCol,#redeemedPoints table td.lastCol {border-right:none transparent;}
 
#awardedPoints table td.orderAmount,
#redeemedPoints table td.orderAmount {padding-right:15px;text-align:right;}
 
#awardedPoints table td.pointsCredit {padding-right:15px;text-align:right;color:#1f94b9;}
#redeemedPoints table td.pointsDebit {padding-right:15px;text-align:right;color:#e41d1d;}
 
#redeemedPoints table td, #awardedPoints table td,
#redeemedPoints table td a, #awardedPoints table td a{color:#5b5b5b;text-decoration:none;}
#awardedPoints table th a, #redeemedPoints table th a{color:#ffffff;display:inline-block;padding-right:50px;background:url('/images/account/sort.gif') no-repeat right center;text-decoration:none;}
#redeemedPoints table td a:hover, #awardedPoints table td a:hover{color:#6580ad;text-decoration:underline;}
 
#redeemedPoints .perPage select,#redeemedPoints .gotoPage select,
#awardedPoints .perPage select,#awardedPoints .gotoPage select {vertical-align:middle;}
#redeemedPoints .pagerButtons ,#awardedPoints .pagerButtons {padding-right:35px;}
#redeemedPoints .pagerButtons input,#awardedPoints .pagerButtons input {vertical-align:middle;margin:0 3px;}
 
#redeemedPoints .pagerButtons input[disabled="disabled"], #awardedPoints .pagerButtons input[disabled="disabled"]{cursor:default;}
 
#awardedPointsHeader, #redeemedPointsHeader {text-align:right;height:31px;line-height:30px;color:#FFFFFF;}
#awardedPointsHeader h2, #redeemedPointsHeader h2{position:absolute;left:-1000em;}
 
#awardedPoints  #FooterCredits,
#redeemedPoints #FooterDebits{height:46px;line-height:35px;padding-left:220px;color:#ffffff;font-size:11pt;font-weight:bold;}
#awardedPoints #awardedPointsHeader {background:transparent url('/images/account/awardedPointsHeader.gif');}
#awardedPoints #FooterCredits {background:transparent url('/images/account/awardedPointsFooter.gif');}
 
#redeemedPoints #redeemedPointsHeader {background:transparent url('/images/account/redeemedPointsHeader.gif');}
#redeemedPoints #FooterDebits {background:transparent url('/images/account/redeemedPointsFooter.gif');}
 
#awardedPoints #FooterCredits span.pointsCredit, #orderDetails .pointsCredit {color:#fa9e0d;}
#redeemedPoints #FooterDebits span.pointsDebit, #orderDetails .pointsDebit {color:#fa9e0d;}
/*#redeemedPoints #FooterDebits span.pointsDebit, #orderDetails .pointsDebit{color:#e41d1d;}*/
 
#pointsAvailableFooter {background:transparent url('/images/account/pointsAvailableFooter.gif') no-repeat;height:96px;}
#pointsAvailableFooter span.points{color:#fa9e0d;padding-left:420px;line-height:98px;font-size:16pt;font-weight:bold;}


/**********************************************************/
.boxBg { width: 627px; margin-bottom: 15px; border:1px solid #b2b6bc; }
.boxBottom { width: 627px; padding: 0; padding-bottom:20px;}

#deliveryOptionsContainer .boxBg, #cardDetailsContainer .boxBg, #billingDetailsContainer .boxBg {margin-bottom: 5px;}

.checkAccountItem h3 {width:570px;text-indent:00px;padding: 0px 0 8px 0; margin: 0 10px 10px 30px; color:#5793d6; font-size:12px; font-weight: bold; background: url(../../images/icons/dotsHoriz.gif) repeat-x left bottom; clear:both}
.checkAccountItem .leftSide {float: left; display: inline; width: 400px; margin-left: 30px;}
.checkAccountItem .rightSide {float: left; display: inline; width: 200px; margin: 0;}
.checkAccountItem .leftSide p, .checkAccountItem .rightSide p {color:#e5e4c2; margin: 0 0 10px 0;}
.checkAccountItem .myPreferences {position:relative; height:20px; margin: 0; font-size: 11px; line-height: 13px; width: 200px; float:left; display:inline;}
.checkAccountItem .myPreferences input {float:left; display:inline; margin-right:10px; padding:2px; width:13px; height: 13px; border:0px; color: #4db24d;}
.checkAccountItem .myPreferences label {float:left; display:inline; color:#fff; font-weight:bold;}
.checkAccountItem .myPreferences .columnOne {width: 170px;}

.checkAccountItem fieldset .checkAccountField p {clear:both; font-size:10px; margin:0 0 0 195px; padding:0; width:320px; color: #fff; font-family: Tahoma, Arial, Verdana;}
.accountRadio {margin-bottom: 15px; font-size: 11px; padding-top:5px; padding-bottom:5px;}
.accountRadio input {margin-left: 30px; padding:0;}
.accountRadio label {color:#000; font-weight: bold; text-align:left; margin:0 0 0 0px; padding-left: 5px;}
.checkAccountItem p {padding-left:20px; padding-top:20px;padding-bottom:10px;padding-right:20px;}
.leftSide p {padding-left:0px; padding-bottom:10px;}
.rightSide p {padding-left:0px; padding-bottom:10px;}

/* wishlist */
.wishListBanner { background:url(../../images/account/wishListTitleBar.gif) no-repeat; width:732px; height:16px; position:relative; top:20px; left:2px; }
.wishListInfoBar { background:url(../../images/account/wishListInfoBar.jpg) no-repeat; width:673px; height:99px; padding-left:94px; margin:55px 0 0 1px; clear:both; }
.wishListInfoBar h2 { color:#5793d6; font-size:100%; position:relative; top:10px; }
.wishListInfoBar p { color:#5793d6; width:535px; position:relative; top:20px; }

.wishListFooter { background:url(../../images/account/footerBar.gif) no-repeat; width:560px; height:39px; margin:0 auto; position:relative; }
.clearWishListButton { background:url(../../images/account/clearWishListButton.gif) no-repeat; width:102px; height:25px; position:absolute; right:5px; top:5px; }
.clearWishListButton a { cursor:pointer; color:#5793d6; text-decoration:none; font-size:90%; position:absolute; left:14px; top:4px; } 
.selectOptionsButton a, .selectOptionsButton a:hover { color:#ffffff; font-size:90%; background:url(../../images/buttons/addToBasketButton.gif) no-repeat 0 0; width:108px; height:23px; display:block; position:relative; left:6px; }
.selectOptionsButton a strong { position:relative; top:3px; }
.selectOptionsButton a:hover { background-position:0 -23px; text-decoration:none; }
#wishlist table tr td.borderR { background:url(../../images/account/wishListTableRight.gif) no-repeat 100% 0; width:3px; }
#wishlist table tr td.delete { padding-left:3px; }

#wishListComforts { width:474px; height:45px; position:relative; margin:50px auto 0; }
#wishListComforts .secured { background:url(../../images/account/secured.gif) no-repeat; width:204px; height:43px; position:absolute; left:0px; }
#wishListComforts .secured a { display:block; width:100%; height:100%; }
#wishListComforts .cardLogosBig { background:url(../../images/account/cardLogosBig.gif) no-repeat; position:absolute; right:0px; width:241px; height:30px; }

/***********************************Loyalty Points History*********************************************/

#orderInformation, #loyaltyOrderBillingSummary {height:150px;padding:15px 20px 10px;border:solid 1px #E4E4E4;border-top:none;}
#orderDetails {font-size:8pt;font-family:Tahoma,Arial,Verdana;line-height:18px;color:#5b5b5b;}
#orderDetails #orderDetailsMainHeader{background:url('/images/account/loyaltyOrderDetailsHeader.gif') no-repeat;height:30px;}
#orderDetails #orderDetailsMainHeader h1{left:-1000em;position:relative;}
#loyaltyOrderBillingSummaryHeader {background:url('/images/account/loyaltyOrderSummaryHeader.gif') no-repeat 0 0;margin-top:30px;height:30px;}
#loyaltyOrderBillingSummaryHeader h2{position:relative;left:-1000em;}

#loyaltyOrderLines table{width:100%;}
#loyaltyOrderLines table th{background:#e6e6e6;text-align:left;color:#666;padding-left:7px;}
#loyaltyOrderLines table td{background: url('/images/account/tableCellShadow.gif') repeat-x 0 18px;}
#loyaltyOrderLines table th.qty{width:38px;}
#loyaltyOrderLines table th.price{width:80px;}
#loyaltyOrderLines table th.total{width:80px;}
#loyaltyOrderLines table th.points{width:55px;}
#loyaltyOrderLines table tr{height:28px;}
#loyaltyOrderLines table td{bpadding: 3px;}
#loyaltyOrderLines table td.pointsField{border-right:solid 1px #D2D2D2;}

#loyaltyOrderLines table td.priceField, #loyaltyOrderLines table td.pointsField {text-align:right;padding-right:10px;}
#loyaltyOrderLines table td.qtyField{text-align:center;}
#loyaltyOrderLines table td.descField{padding-left:10px;}
#loyaltyOrderLines table td.descField a{text-decoration:none;color:#5b5b5b;}
#loyaltyOrderLines table td.descField a:hover{text-decoration:underline;color:#5b5b5b;}
#loyaltyOrderLines table #loyaltyTotalLine, #loyaltyOrderLines table #loyaltyRedemptionLine {color:#ffffff;font-size:10pt;text-align:right;font-weight:bold;}
#loyaltyOrderLines table #loyaltyTotalLine{height:26px;line-height:26px;}
/*#loyaltyOrderLines table #loyaltyTotalLine td{background: url('/images/account/loyaltyOrderSummaryFooter1.gif') repeat-x 0 0;}*/
#loyaltyOrderLines table #loyaltyTotalLine td,#loyaltyOrderLines table #loyaltyRedemptionLine td {padding-bottom:3px;}
#loyaltyOrderLines table #loyaltyTotalLine td.desc,#loyaltyOrderLines table #loyaltyRedemptionLine td.desc {padding-right:5px;}
#loyaltyOrderLines table #loyaltyTotalLine td.desc{background:#E6E6E6;color:#666666;padding:0 5px;}
#loyaltyOrderLines table #loyaltyRedemptionLine td.desc{background: url('/images/account/loyaltyOrderSummaryFooter.gif') repeat-x 0 -29px;}
#loyaltyOrderLines table #loyaltyTotalLine td.priceField{background:#E6E6E6;color:#666666;padding:0 5px;}
#loyaltyOrderLines table #loyaltyTotalLine td.pointsField{background: url('/images/account/loyaltyOrderSummaryFooter.gif') repeat-x right 0;}
#loyaltyOrderLines table #loyaltyRedemptionLine td.pointsField{background: url('/images/account/loyaltyOrderSummaryFooter.gif') repeat-x right -29px;}

 #loyaltyOrderLines table #loyaltyRedemptionLine{height:35px;}
#loyaltyOrderLines table #loyaltyTotalLine td, #loyaltyOrderLines table #loyaltyRedemptionLine td{border:thin none transparent;}
 /*#loyaltyOrderLines table #loyaltyRedemptionLine td{background: url('/images/account/loyaltyOrderSummaryFooter2.gif') repeat-x 0 0;padding-bottom:3px;}
 #loyaltyOrderLines table #loyaltyRedemptionLine td.desc{background: url('/images/account/loyaltyOrderSummaryFooterRose2.gif') repeat-x 0 0;}*/


#orderDetails .heavy {font-weight:bold;}
#orderDetails .right {text-align:right;padding-right:10px;}
#orderDetails dl{float:left;width:50%;}
#orderDetails dt {float:left; width:150px;}
#orderDetails .addressDetails dt{float:none;}

#printButton {height:50px;}
#printButton a {float:right;}

dl#billingAddress{width:40%;}
dl#billingSummary{width:60%;}

.wishListDeleteButton{ background-color: transparent; cursor: pointer; background-image: url(../../images/basket/binIcon.gif); border: none; width: 12px; height: 12px; }
.orange{color:#e8931b}

#ctl00_deContent_pnlNoOrders { padding: 40px 0; text-align: center; border-left: 1px solid #979DA3; border-right: 1px solid #979DA3; }

.success, .errorSummary { width: 627px; margin: 0 auto 20px auto; padding: 5px; display: block; }
.success { background-color: #FBF9EE; border: 1px solid #FCEFA1; color: #363636; }
.errorSummary { background-color: #FEF1EC; border:1px solid #CD0A0A; color:#CD0A0A; }

.year { width: 60px !important; }