/* WANT THE LOOK BUTTONS */
/* HEADER BUTTONS */
.headerBasketButton{float:right; display:inline; margin-right:5px;}
.headerBasketButton a{color:#fff; font-size:10px; float:left; display:block; background:url(../img/buttons/headerBasketButtonL.gif) no-repeat left 0;}
.headerBasketButton a:hover{background-position:left -17px; text-decoration:none;}
.headerBasketButton a strong{float:left; display:block; background:url(../img/buttons/headerBasketButtonR.gif) no-repeat right 0; height:17px; line-height:16px; padding:0 9px 0 19px; cursor:pointer;}
.headerBasketButton a:hover strong{background-position:right -17px;}

.headerSearchButton{position:absolute; left:202px; top:0; width:34px;}
.headerSearchButton a{width:34px; display:block; padding-top:25px; overflow:hidden; height:0 !important; height /**/:25px; background:url(../img/buttons/headerSearchButton.gif) no-repeat top;}
.headerSearchButton a:hover{background-position:left -25px ; text-decoration:none;}

.brandsCatButton{position:relative; width:84px; float:left; display:inline; margin:0 0 0 5px}
.brandsCatButton:hover{z-index:1}
.brandsCatButton a.catButton{text-decoration:none; display:block; width:84px; height:40px; background:url(../img/buttons/catBrands.gif) no-repeat}
.brandsCatButton a:hover.catButton{background:url(../img/buttons/catBrandsRollover.gif) no-repeat; text-decoration:none}

.womensCatButton{position:relative; width:86px; float:left; display:inline; margin:0 0 0 9px}
.womensCatButton:hover{z-index:1}
.womensCatButton a.catButton{text-decoration:none; display:block; width:86px; height:40px; background:url(../img/buttons/catWomens.gif) no-repeat}
.womensCatButton a:hover.catButton{background:url(../img/buttons/catWomensRollover.gif) no-repeat; text-decoration:none}

.mensCatButton{position:relative; width:70px; float:left; display:inline; margin:0 0 0 9px}
.mensCatButton:hover{z-index:1}
.mensCatButton a.catButton{text-decoration:none; display:block; width:70px; height:40px; background:url(../img/buttons/catMens.gif) no-repeat}
.mensCatButton a:hover.catButton{background:url(../img/buttons/catMensRollover.gif) no-repeat; text-decoration:none}

.lifestyleCatButton{position:relative; width:139px; float:left; display:inline; margin:0 0 0 9px}
.lifestyleCatButton:hover{z-index:1}
.lifestyleCatButton a.catButton{text-decoration:none; display:block; width:139px; height:40px; background:url(../img/buttons/catLifestyle.gif) no-repeat}
.lifestyleCatButton a:hover.catButton{background:url(../img/buttons/catLifestyleRollover.gif) no-repeat; text-decoration:none}

.yourStyleGuideCatButton{position:relative; width:139px; float:left; display:inline; margin:0 0 0 10px}
.yourStyleGuideCatButton:hover{z-index:1}
.yourStyleGuideCatButton a.catButton{text-decoration:none; display:block; width:147px; height:40px; background:url(../img/buttons/catStyleGuide.gif) no-repeat}
.yourStyleGuideCatButton a:hover.catButton{background:url(../img/buttons/catyourstyleRollover.gif) no-repeat; text-decoration:none}

.navNewsletterButton{width:81px; float:right; display:inline; margin:6px 6px 0 0}
.companyContentBottom  .navNewsletterButton{margin-top:15px}
.navNewsletterButton a{line-height:16px; font-weight:bold; font-size:10px; text-decoration:none; color:#ffffff; display:block; text-indent:28px; height:17px; background:url(../img/buttons/navNewsletterButton.gif) no-repeat top}
.navNewsletterButton a:hover{background:url(../img/buttons/navNewsletterButton.gif) no-repeat left -17px; text-decoration:none}

.filterButton{width:42px; float:left; display:inline; margin:0 10px 0 0}
.filterButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#c07c8c; display:block; text-indent:17px; width:42px; height:23px; background:url(../img/buttons/filterButton.gif) no-repeat top}
.filterButton a:hover{background:url(../img/buttons/filterButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.addToBasketContainer{width:97px; float:left; display:inline; margin:0 0px 0 0; position:relative}
.addToBasketButton{width:97px; position:absolute; left:0; top:0}
.addToBasketButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#fff; display:block; text-indent:16px; width:97px; height:23px; background:url(../img/buttons/addToBasketButton.gif) no-repeat top}
.addToBasketButton a:hover{background:url(../img/buttons/addToBasketButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

a.addToBasketButtonSub{clear:both; display:block; width:135px; padding-top:24px; overflow:hidden; height:0 !important; height /**/:24px; background:url(../img/buttons/addToBasketButtonSub.gif) no-repeat left 0; margin-bottom:5px;}
a.addToBasketButtonSub:hover{ background-position:left -24px; }

.addToWishListButton a{font-size:90%; display:block; width:90px; padding:4px 0 0 30px; height:23px; margin-left:89px; font-weight:bold; color:#ffffff; text-decoration:none; position:relative; background:url(../img/buttons/addToWishList.gif) no-repeat 0 0}
.addToWishListButton a:hover{background-position:0 -27px} 

.descriptionButton{position:absolute; left:23px; top:-1px; width:95px}
.descriptionButton a{display:block; color:#000; width:95px; height:22px; background:url(../img/buttons/descripButton.gif) no-repeat}
.descriptionButton a:hover{background:url(../img/buttons/descripButtonRollover.gif) no-repeat}
.descriptionButton a.buttonOn{background:url(../img/buttons/descripButtonRollover.gif) no-repeat}

/*
.specificationButton{position:absolute; left:130px; top:0; width:106px}
.specificationButton a{display:block; color:#000; width:106px; height:21px; background:url(../img/buttons/specButton.gif) no-repeat}
.specificationButton a:hover{background:url(../img/buttons/specButtonRollover.gif) no-repeat}
.specificationButton a.buttonOn{background:url(../img/buttons/specButtonRollover.gif) no-repeat} 
*/

.moreInfoButton{position:absolute; right:-3px; bottom:0; width:78px; text-align:left}
.moreInfoButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#adadad; display:block; text-indent:16px; width:78px; height:23px; background:url(../img/buttons/moreInfoButton.gif) no-repeat top}
.moreInfoButton a:hover{background:url(../img/buttons/moreInfoButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.contCheckoutButton{width:195px; float:right; display:inline; margin:0 0 0 15px}
.contCheckoutButton a{color:#000; display:block; width:195px; height:24px; background:url(../img/buttons/contCheckoutButton.gif) no-repeat}
.contCheckoutButton a:hover{background:url(../img/buttons/contCheckoutButtonRollover.gif) no-repeat}

.confirmOrderButton{width:145px; float:right; display:inline; margin:0 0 0 15px}
.confirmOrderButton a{color:#000; display:block; width:145px; height:24px; background:url(../img/buttons/confirmOrderButton.gif) no-repeat}
.confirmOrderButton a:hover{background:url(../img/buttons/confirmOrderButtonRollover.gif) no-repeat}

.viewAllProdsButton{float:left; display:inline; margin:5px 0 0 0; width:118px}
.viewAllProdsButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#adadad; display:block; text-indent:16px; width:118px; height:23px; background:url(../img/buttons/viewAllProdsButton.gif) no-repeat top}
.viewAllProdsButton a:hover{background:url(../img/buttons/viewAllProdsButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.viewOffersButton{float:left; display:inline; margin:0 0 0 17px; width:144px}
.viewOffersButton a{line-height:28px; font-weight:bold; font-size:10px; text-decoration:none; color:#e69984; display:block; text-indent:34px; width:144px; height:29px; background:url(../img/buttons/viewOffersButton.gif) no-repeat top}
.viewOffersButton a:hover{background:url(../img/buttons/viewOffersButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.sendEnquiryButton{float:right; display:inline; margin:10px 25px 0px 0; width:52px} 
.sendEnquiryButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#c07c8c; display:block; text-indent:15px; width:52px; height:23px; background:url(../img/buttons/emailFriendButton.gif) no-repeat top}
.sendEnquiryButton a:hover{background:url(../img/buttons/emailFriendButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.clearAdviceButton{position:absolute; right:89px; bottom:11px; width:82px}
.clearAdviceButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#5b5b5b; display:block; text-indent:16px; width:82px; height:23px; background:url(../img/buttons/clearAdviceButton.gif) no-repeat top}
.clearAdviceButton a:hover{background:url(../img/buttons/clearAdviceButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.submitAdviceButton{position:absolute; right:18px; bottom:11px; width:62px} 
.submitAdviceButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#fff; display:block; text-indent:16px; width:62px; height:23px; background:url(../img/buttons/submitAdviceButton.gif) no-repeat bottom}
.submitAdviceButton a:hover{background:url(../img/buttons/submitAdviceButton.gif) no-repeat top; color:#5b5b5b; text-decoration:none}

.wantTheLookButton{position:relative; top:210px; width:99px; margin:0 auto} 
.celebrityPhoto2 .wantTheLookButton{margin:0 0 0 37px} 
.wantTheLookButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#bd8690; display:block; text-indent:15px; width:99px; height:19px; background:url(../img/buttons/wantTheLookButton.gif) no-repeat top}
.wantTheLookButton a:hover{background:url(../img/buttons/wantTheLookButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.moreInfoButtonLawrence{position:absolute; bottom:15px; right:-165px; width:78px; text-align:left}
.moreInfoButtonLawrence a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#adadad; display:block; text-indent:16px; width:78px; height:23px; background:url(../img/buttons/moreInfoButton.gif) no-repeat top}
.moreInfoButtonLawrence a:hover{background:url(../img/buttons/moreInfoButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.catContent .readArticle{width:78px; text-align:left}
.catContent .readArticle a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#adadad; display:block; text-indent:16px; width:78px; height:23px; background:url(../img/buttons/moreInfoButton.gif) no-repeat top}
.catContent .readArticle a:hover{background-position:0 bottom; color:#fff; text-decoration:none}

/* DISCOUNT BUTTONS */
a.buttonDiscounts{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#006f92; display:block; text-indent:15px; width:145px; height:23px; background:url(../img/buttons/buttonDiscounts.gif) no-repeat top}
a:hover.buttonDiscounts{background:url(../img/buttons/buttonDiscounts.gif) no-repeat bottom; color:#fff; text-decoration:none}

.showLoyaltyButton{background:url(../img/loyalty/loyaltyRedeemBar.gif); width:366px; height:47px; margin-top:-5px; float:left}
.showLoyaltyButton a.buttonDiscounts{margin-top:13px;margin-left:270px; background:url(../img/loyalty/loyaltyPointsbutton.gif); width:91px; height:19px}
.showLoyaltyButton a:hover.buttonDiscounts{margin-top:13px;margin-left:270px; background:url(../img/loyalty/loyaltyPointsbutton.gif); width:91px; height:19px}

a.buttonDiscountsOn{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#fff; display:block; text-indent:15px; width:145px; height:23px; background:url(../img/buttons/buttonDiscounts.gif) no-repeat bottom}
a:hover.buttonDiscountsOn{background:url(../img/buttons/buttonDiscounts.gif) no-repeat bottom; color:#fff; text-decoration:none}

.deleteVoucherButton{position:absolute; right:6px; top:10px; width:58px} 
.deleteVoucherButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#006f92; display:block; text-indent:15px; width:58px; height:23px; background:url(../img/buttons/deleteVoucherButton.gif) no-repeat top}
.deleteVoucherButton a:hover{background:url(../img/buttons/deleteVoucherButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

/* BASKET BUTTONS */
.clearBasketButton{position:absolute; left:11px; top:8px; width:88px}
.clearBasketButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#006f92; display:block; text-indent:15px; width:88px; height:23px; background:url(../img/buttons/clearBasketButton.gif) no-repeat top}
.clearBasketButton a:hover{background:url(../img/buttons/clearBasketButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.updateBasketButton{position:absolute; left:103px; top:8px; width:98px}
.updateBasketButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#006f92; display:block; text-indent:15px; width:98px; height:23px; background:url(../img/buttons/updateBasketButton.gif) no-repeat top}
.updateBasketButton a:hover{background:url(../img/buttons/updateBasketButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.keepShoppingButton{position:absolute; left:206px; top:8px; width:98px}
.keepShoppingButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#006f92; display:block; text-indent:15px; width:98px; height:23px; background:url(../img/buttons/updateBasketButton.gif) no-repeat top}
.keepShoppingButton a:hover{background:url(../img/buttons/updateBasketButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.addToWishListBasketButton{position:absolute; left:306px; top:9px; }
.addToWishListBasketButton a{font-size:90%; display:block; width:90px; padding:4px 0 0 20px; height:23px; margin-left:0; font-weight:bold; color:#006f92; text-decoration:none; position:relative; background:url(../img/buttons/basketStar.gif) no-repeat 0 1px}
.addToWishListBasketButton a:hover{text-decoration:underline; } 

.checkoutBasketButton{position:absolute; right:5px; top:6px; width:126px}
.checkoutBasketButton a{color:#000; display:block; width:126px; height:26px; background:url(../img/buttons/checkoutBasketButton.gif) no-repeat 0 0}
.checkoutBasketButton a:hover{background-position:0 -26px;}

.upgradeProductButton {float:left; display:inline; margin:8px 5px 0 0; width:38px}
.upgradeProductButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#006f92; display:block; text-indent:0; padding-right:2px; width:36px; height:23px; background:url(../img/buttons/upgradeProductButton.gif) no-repeat top}
.upgradeProductButton a:hover{background:url(../img/buttons/upgradeProductButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

/* ACCOUNT BUTTONS */
.accountDetailsButton{position:relative; top:-18px; float:right; display:inline; margin-left:5px}
.accountDetailsButton a{line-height:21px; font-weight:bold; font-size:10px; text-decoration:none; color:#8e8e8e; display:block; text-align:center; width:74px; height:31px; background:url(../img/account/tabs/account.gif) no-repeat 0 0}
.accountDetailsButton a:hover{background-position:0 -31px; color:#c17d8d; text-decoration:none}
.accountDetailsButton a.buttonOn{background-position:0 -31px; color:#c17d8d; text-decoration:none}

.billingDetailsButton{position:relative; top:-18px; float:right; display:inline; margin-left:5px}
.billingDetailsButton a{font-weight:bold; font-size:10px; text-decoration:none; color:#8e8e8e; display:block; text-align:center; width:93px; height:28px; padding-top:3px; background:url(../img/account/tabs/billing.gif) no-repeat 0 0}
.billingDetailsButton a:hover{background-position:0 -31px; color:#c17d8d; text-decoration:none}
.billingDetailsButton a.buttonOn{background-position:0 -31px; color:#c17d8d; text-decoration:none}

.previousOrdersButton{float:right; display:inline; margin-left:5px; position:relative; top:-18px}
.previousOrdersButton a{line-height:21px; font-weight:bold; font-size:10px; text-decoration:none; color:#8e8e8e; display:block; text-align:center; width:97px; height:31px; background:url(../img/account/tabs/reorder.gif) no-repeat 0 0}
.previousOrdersButton a:hover{background-position:0 -31px; color:#c17d8d; text-decoration:none}
.previousOrdersButton a.buttonOn{background-position:0 -31px; color:#c17d8d; text-decoration:none}

.resetSelectButton{position:absolute; left:11px; top:8px; width:108px}
.resetSelectButton a{line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#006f92; display:block; text-align:center; width:108px; height:23px; background:url(../img/buttons/resetSelectButton.gif) no-repeat top}
.resetSelectButton a:hover{background:url(../img/buttons/resetSelectButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.addSelectedButton{position:absolute; right:5px; top:6px; width:226px}
.addSelectedButton a{color:#000; display:block; width:226px; height:26px; background:url(../img/buttons/addSelectedButton.gif) no-repeat; background-position:left 0px}
.addSelectedButton a:hover{background-position:left -26px}

.addWishListButton{color:#000; display:block; width:226px; height:26px; background:url(../img/buttons/addSelectedButton.gif) no-repeat; background-position:left 0px}

.loyaltyButton{position:relative; top:-18px; float:right; margin-left:5px}
.loyaltyButton a{font-weight:bold; font-size:10px; text-decoration:none; color:#8e8e8e; display:block; text-align:center; width:106px; height:28px; background:url(../img/account/tabs/loyalty.gif) no-repeat 0 0; padding-top:3px;  }
.loyaltyButton a:hover, .loyaltyButton a.buttonOn{background-position:0 -31px; color:#c17d8d}

.wishListButton{position:relative; top:-18px; float:right; margin-left:5px}
.wishListButton a{font-weight:bold; font-size:10px; text-decoration:none; color:#8e8e8e; display:block; text-align:center; width:70px; height:28px; background:url(../img/account/tabs/wishList.gif) no-repeat 0 0; padding-top:3px}
.wishListButton a:hover, .wishListButton a.buttonOn{background-position:0 -31px; color:#c17d8d}

.printButton a{line-height:20px; font-weight:bold; font-size:10px; text-decoration:none; color:#fff; display:block; text-indent:16px; width:120px; height:23px; background:url(../img/buttons/printButton.gif) no-repeat top}

/* EXPANDABLE BUTTON TYPES */
.buttonBlue{display:block; position:relative; background:url(../img/buttons/buttonLeft.gif) no-repeat left 0px}
.buttonBlue:hover{background-position:left bottom}
.buttonBlue a{display:block; position:relative; background:url(../img/buttons/buttonRight.gif) no-repeat right 0px; font-size:10px; font-weight:bold; color:#006f92; text-decoration:none; padding:3px 15px 8px 15px}
.buttonBlue:hover a{background-position:right bottom; color:#fff; text-decoration:none}

.buttonBlueReverse{display:block; position:relative; background:url(../img/buttons/buttonLeftReverse.gif) no-repeat left 0px}
.buttonBlueReverse:hover{background-position:left bottom}
.buttonBlueReverse a{display:block; position:relative; background:url(../img/buttons/buttonRight.gif) no-repeat right 0px; font-size:10px; font-weight:bold; color:#006f92; text-decoration:none; padding:3px 15px 8px 15px}
.buttonBlueReverse:hover a{background-position:right bottom; color:#fff; text-decoration:none}

/* BUTTON POSITIONS */
div.checkoutLoginOldButton{position:absolute; bottom:13px; right:37px}
div.checkoutLoginNewButton{position:absolute; bottom:13px; left:136px}
div.accountLoginOldButton{position:absolute; bottom:11px; right:37px}
div.accountLoginNewButton{position:absolute; bottom:11px; left:136px}
div.accountSubmitButton{float:right; display:inline; margin:0}
div.backButton{float:right; display:inline; margin:5px 0 0 0}
div.editBasketButton{float:right; display:inline; margin:8px 0 0 15px}
div.addDiscountButton {position:absolute; top:0; right:19px}
div.showDiscountButton{float:right; display:inline; margin:8px 0 0 0}
div.editDetailsButton{position:absolute; bottom:15px; right:15px}
div.continueShoppingButton{float:right; display:inline; margin:0}
div.createAccountButton{float:right; display:inline; margin:5px 15px 0 0}
div.accountLoginButton{position:absolute; bottom:25px; left:266px}
div.saveChangestButton{float:right; display:inline; margin:0 15px 0 0}
div.buyVoucherButton{position:absolute; top:105px; left:-95px}


/* MISC BUTTONS */
div.addSelectedButton input.reOrderButton{background:transparent url('/common/img/buttons/addSelectedButton.gif') no-repeat 0 0}
div.addSelectedButton input.reOrderButton:hover{background:transparent url('/common/img/buttons/addSelectedButton.gif') no-repeat 0 -26px}

#basket .loyaltyLoginButton a{color:#fff; text-indent:28px; padding-top:3px; line-height:18px; font-weight:bold; font-size:11px; text-decoration:none; display:block; width:160px; height:24px; background:url(../img/basket/loyaltyLoginButton.gif) no-repeat top}
#basket .loyaltyLoginButton a:link{color:#fff}
#basket .loyaltyLoginButton a:visited{color:#fff}

.printButton a{line-height:20px; font-weight:bold; font-size:10px; text-decoration:none; color:#fff; display:block; text-indent:16px; width:120px; height:23px; background:url(../img/buttons/printButton.gif) no-repeat top}

.btncompetition a{display:block; position:relative; float:left; background:url(../img/competition/compSubmitButton.gif) no-repeat right 0px; font-size:10px; font-weight:bold; color:#006f92; text-decoration:none; width:64px;height:24px}
.btncompetition:hover a{background-position:right bottom; color:#fff; text-decoration:none}

a.readMoreButton {line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#adadad; display:block; text-indent:16px; width:78px; height:23px; background:url(../img/buttons/moreInfoButton.gif) no-repeat top}
a.readMoreButton:hover {background:url(../img/buttons/moreInfoButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.celebrityBackButton {float:right; display:inline; margin:10px 15px 0 0;}
.celebrityBackButton a {line-height:18px; font-weight:bold; font-size:10px; text-decoration:none; color:#adadad; display:block; text-indent:16px; width:51px; height:23px; background:url(../img/buttons/backButton.gif) no-repeat top}
.celebrityBackButton a:hover {background:url(../img/buttons/backButton.gif) no-repeat bottom; color:#fff; text-decoration:none}