/*************************************************************** LIGHTS 4 FUN BUTTONS ********************************************************************/

a.whiteText {color: #fff; font-size: 11px; font-weight: bold; text-align:center; line-height:19px;}
a:hover.whiteText {text-decoration: none;}

a.whiteTextSlim {color: #fff; font-size: 11px; font-weight: bold; text-align:center; line-height:17px;}
a:hover.whiteTextSlim {text-decoration: none;}

/*** HEADER BUTTONS ***/

a.headerBasketOpen {color: #fff; font-size: 11px; font-weight: bold; text-align:center; line-height:19px; background:url(../img/buttons/expandBasketButton.gif) no-repeat left 0; width:76px; padding-right:5px; height:21px; display:block;}
a:hover.headerBasketOpen {background-position: left -21px; text-decoration: none;}

a.headerBasketClose {color: #fff; font-size: 11px; font-weight: bold; text-align:center; line-height:19px; background:url(../img/buttons/expandBasketButton.gif) no-repeat left -42px; width:76px; padding-right:5px; height:21px; display:block;}
a:hover.headerBasketClose {background-position: left -63px; text-decoration: none;}

#header .basket a.headerBasketOpen, #header .basket a.headerBasketClose {background-image:url(../img/buttons/expandBasketButton61.gif); width:53px; padding-right:8px;}

a.upsellButtonHeader {width: 51px; height: 17px; display: block; background: url(../img/buttons/upsellButtonHeader.gif) no-repeat left 0; color: #fff; font-size: 10px; font-weight: bold; text-align:center; line-height:14px; position:absolute; top:4px; right:5px;}
a:hover.upsellButtonHeader {background-position: left -17px; text-decoration: none;}

/*** BLUE SPRITE BUTTONS ***/ 

a.videoButton {width: 62px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left 0; text-indent:18px;}
a:hover.videoButton {background-position: left -21px;}

a.blue91GIF {width: 91px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -42px;}
a:hover.blue91GIF {background-position: left -63px;}

a.blue101GIF {width: 101px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -84px;}
a:hover.blue101GIF {background-position: left -105px;}
a.blue101GIFOn {width: 101px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -105px;}

a.blue131GIF {width: 131px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -126px;}
a:hover.blue131GIF {background-position: left -147px;}

a.blue141GIF {width: 141px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -168px;}
a:hover.blue141GIF {background-position: left -189px;}

a.blue111GIF {width: 111px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -210px;}
a:hover.blue111GIF {background-position: left -231px;}
a.blue111GIFOn {width: 111px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -231px;}

a.blue161GIF {width: 161px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -252px;}
a:hover.blue161GIF {background-position: left -273px;}
a.blue161GIFOn {width: 161px; height: 21px; display: block; background: url(../img/buttons/buttonSprite.gif) no-repeat left -273px;}


a.blue31GIFSlim {width: 31px; height: 19px; display: block; background: url(../img/buttons/buttonSpriteSlim.gif) no-repeat left 0;}
a:hover.blue31GIFSlim {background-position: left -19px;}

a.blue81GIFSlim {width: 81px; height: 19px; display: block; background: url(../img/buttons/buttonSpriteSlim.gif) no-repeat left -38px;}
a:hover.blue81GIFSlim {background-position: left -57px;}

a.blue104 {width:104px; height:18px; line-height:17px; display:block; background: url(../img/buttons/blue104.jpg) no-repeat 0 0;}
a.blue104:hover {background-position: left -18px;}


/*** BLUE SPRITE BUTTONS WITH WHITE BORDERS ***/ 

a.blue61BorderWhite {width: 61px; height: 21px; display: block; background: url(../img/buttons/buttonSpriteBorderWhite.gif) no-repeat left 0;}
a:hover.blue61BorderWhite {background-position: left -21px;}

a.blue91BorderWhite {width: 91px; height: 21px; display: block; background: url(../img/buttons/buttonSpriteBorderWhite.gif) no-repeat left -42px;}
a:hover.blue91BorderWhite {background-position: left -63px;}





/*** RED SPRITE BUTTONS ***/ 

a.basket128GIF {width: 128px; height: 21px; display: block; background: url(../img/buttons/buttonSpriteRed.gif) no-repeat left 0; text-indent:24px;}
a:hover.basket128GIF {background-position: left -21px;}

a.basket101GIF {width: 101px; height: 21px; display: block; background: url(../img/buttons/buttonSpriteRed.gif) no-repeat left -42px; text-indent:24px;}
a:hover.basket101GIF {background-position: left -63px;}

a.basket151GIF {width: 151px; height: 21px; display: block; background: url(../img/buttons/buttonSpriteRed.gif) no-repeat left -84px; text-indent:24px;}
a:hover.basket151GIF {background-position: left -105px;}

a.red151GIF {width: 151px; height: 21px; display: block; background: url(../img/buttons/buttonSpriteRed.gif) no-repeat left -126px;}
a:hover.red151GIF {background-position: left -147px;}

a.red101GIF {width: 101px; height: 21px; display: block; background: url(../img/buttons/buttonSpriteRed.gif) no-repeat left -168px;}
a:hover.red101GIF {background-position: left -189px;}




/**** CHECKOUT BUTTONS ****/

a.checkoutLarge{width:122px; height:31px; display:block; text-indent:26px; line-height:28px; background: url(../img/buttons/checkoutLarge.png) no-repeat 0 0;}
a.checkoutLarge:hover{background-position:0 -31px;}

a.buttonPromoCodes {color: #fff; font-size: 11px; font-weight: bold; text-align:center; line-height:19px; background:url(../img/buttons/promoButton.gif) no-repeat left top; width:171px; height:21px; display:block;}
a:hover.buttonPromoCodes {background-position: left bottom; text-decoration: none;}
a.buttonPromoCodesOn {color: #fff; font-size: 11px; font-weight: bold; text-align:center; line-height:19px; background:url(../img/buttons/promoButton.gif) no-repeat left bottom; width:171px; height:21px; display:block;}
a:hover.buttonPromoCodesOn {background-position: left bottom; text-decoration: none;}

.findAddressButton {float:left; display:inline; margin-top: -1px; position: relative;}  
.findAddressButton a {width: 141px; height: 21px; display: block; background: url(../img/buttons/findAddressButton.gif) no-repeat left top;}
.findAddressButton a:hover {background-position: left bottom;}

.postcodeFinderButton {position: absolute; left: 200px; top: 6px; width:86px;}
.postcodeFinderButton a {float: left; display: inline; padding-top: 5px; font-size:10px; font-weight: bold; color: #fff; text-decoration:none; display:block; height:18px; /*background-image: url(../img/buttons/postcodeFinderButton.gif);*/ background-repeat: no-repeat;}
.postcodeFinderButton a:hover {text-decoration: underline;}
.postcodeFinderButton a.yes {text-indent:15px; width:44px; background-position: top left;}
.postcodeFinderButton a.yes:hover {background-position: bottom left;}
.postcodeFinderButton a.no {text-indent:12px; width:42px; background-position: top right;}
.postcodeFinderButton a.no:hover {background-position: bottom right;}

/*** MISC BUTTONS ***/

.seeVideoButton {position:absolute; left:0; bottom:0;}
.seeVideoButton a {width:102px; padding-top:21px; overflow: hidden; height: 0px !important; height /**/:21px; display:block; background: url(../img/buttons/seeVideoButton.gif) no-repeat left top;}
.seeVideoButton a:hover {background-position: left -21px;}

.btnPlayVideo {width:116px; height:0; padding:29px 0 0; display:block; overflow:hidden; background:url(../img/buttons/playVideoBtn.png) no-repeat 0 0;}



/*** EXPANDABLE BUTTONS ***/

/*
.brownButton {display:block; position:relative; background: url(../img/buttons/brownButtonL.gif) no-repeat left top;}
.brownButton:hover {background-position: left bottom;}
.brownButton a {display:block; position:relative; background: url(../img/buttons/brownButtonR.gif) no-repeat right top; text-decoration:none; padding: 6px 7px 7px 8px;}
.brownButton:hover a {background-position: right bottom;}
*/


/*** PNG BUTTONS ***/

a.goSearch {width: 31px; height: 21px; display: block; background: url(../img/buttons/pngs/searchButton.png) no-repeat; cursor: pointer;}
a:hover.goSearch {background: url(../img/buttons/pngs/searchButtonHover.png) no-repeat;}

a.blue51 {width: 51px; height: 21px; display: block; background: url(../img/buttons/pngs/blue51.png) no-repeat; cursor: pointer;}
a:hover.blue51 {background: url(../img/buttons/pngs/blue51Hover.png) no-repeat;}
a.blue61 {width: 61px; height: 21px; display: block; background: url(../img/buttons/pngs/blue61.png) no-repeat; cursor: pointer;}
a:hover.blue61 {background: url(../img/buttons/pngs/blue61Hover.png) no-repeat;}
a.blue71 {width: 71px; height: 21px; display: block; background: url(../img/buttons/pngs/blue71.png) no-repeat; cursor: pointer;}
a:hover.blue71 {background: url(../img/buttons/pngs/blue71Hover.png) no-repeat;}
a.blue81 {width: 81px; height: 21px; display: block; background: url(../img/buttons/pngs/blue81.png) no-repeat; cursor: pointer;}
a:hover.blue81 {background: url(../img/buttons/pngs/blue81Hover.png) no-repeat;}
a.blue91 {width: 91px; height: 21px; display: block; background: url(../img/buttons/pngs/blue91.png) no-repeat; cursor: pointer;}
a:hover.blue91 {background: url(../img/buttons/pngs/blue91Hover.png) no-repeat;}
a.blue112 {width: 112px; height: 21px; display: block; background: url(../img/buttons/pngs/blue112.png) no-repeat; cursor: pointer;}
a:hover.blue112 {background: url(../img/buttons/pngs/blue112Hover.png) no-repeat;}
a.blue121 {width: 121px; height: 21px; display: block; background: url(../img/buttons/pngs/blue121.png) no-repeat; cursor: pointer;}
a:hover.blue121 {background: url(../img/buttons/pngs/blue121Hover.png) no-repeat;}

a.red81 {width: 81px; height: 21px; display: block; background: url(../img/buttons/pngs/red81.png) no-repeat; cursor: pointer;}
a:hover.red81 {background: url(../img/buttons/pngs/red81Hover.png) no-repeat;}
a.red101 {width: 101px; height: 21px; display: block; background: url(../img/buttons/pngs/red101.png) no-repeat; cursor: pointer;}
a:hover.red101 {background: url(../img/buttons/pngs/red101Hover.png) no-repeat;}
a.red161 {width: 161px; height: 21px; display: block; background: url(../img/buttons/pngs/red161.png) no-repeat; cursor: pointer;}
a:hover.red161 {background: url(../img/buttons/pngs/red161Hover.png) no-repeat;}

.backToTopButton a {width: 64px; padding-left:8px; height: 16px; display: block; background: url(../img/buttons/pngs/backToTopButton.png) no-repeat; color: #fff; font-size: 10px; font-weight: bold; line-height:14px; cursor: pointer;}
.backToTopButton a:hover {background: url(../img/buttons/pngs/backToTopButtonHover.png) no-repeat; text-decoration: none;}
.faqHeaderOn .backToTopButton a {background: url(../img/buttons/pngs/backToTopButtonHover.png) no-repeat;}
.faqHeaderOn .backToTopButton a:hover {background: url(../img/buttons/pngs/backToTopButton.png) no-repeat;}

a.filterButton {width: 51px; height: 17px; display: block; background: url(../img/buttons/pngs/filterButton.png) no-repeat; cursor: pointer;}
a:hover.filterButton {background: url(../img/buttons/pngs/filterButtonHover.png) no-repeat; text-decoration: none;}

a.filterButtonGreen {width: 81px; height: 17px; display: block; background: url(../img/buttons/pngs/filterButtonGreen.png) no-repeat; cursor: pointer;}
a:hover.filterButtonGreen {background: url(../img/buttons/pngs/filterButtonGreenHover.png) no-repeat; text-decoration: none;}



/****** EXPANDABLE PNG BUTTONS ******/
/*
a.blueButtonPNG {background: url(../img/buttons/pngs/blueButtonR.png) no-repeat right 0px; float:left; display:inline; height: 21px; padding-right: 28px;}
a:hover.blueButtonPNG {background: url(../img/buttons/pngs/blueButtonRHover.png) no-repeat right 0px; cursor: pointer;}
a.blueButtonPNG strong {background: url(../img/buttons/pngs/blueButtonL.png) no-repeat left 0px; float:left; display:inline; height: 21px; padding-left: 20px; display: block;}
a:hover.blueButtonPNG strong {background: url(../img/buttons/pngs/blueButtonLHover.png) no-repeat left 0px; cursor: pointer;}
*/

/**** BUTTON POSITIONS ****/

div.headerSearchButton {float: left; display: inline; margin-top:-1px; position:relative;}
div.headerBasketButton {float: right; display: inline; margin: -1px 10px 0 0; position:relative;}
/*div.newsletterButton {float: right; display: inline; margin: 0 10px 0 0;}*/
div.newsletterButton {position:absolute; right:22px; top:87px;}
div.filterSearchButton {float: left; display: inline; margin-top:5px;}
div.createAccountButton {float: right; display: inline; margin: 5px 15px 0 0;}
div.accountLoginButton {position: absolute; bottom:25px; left:291px;}
div.saveChangestButton {float: right; display: inline; margin: 0 15px 0 0;}
div.orderQueryButton {float: right; display: inline; margin: 5px 15px 0 0;}
div.backToOrdersButton {float: right; display: inline; margin: 5px 10px 0 0;}
#accountContainer div.goSearchButton {float: left; display: inline; margin: 0px 80px 0 0;}
#accountContainer div.editOrderButton {position: relative; margin: 0 auto; width: 81px; height: 19px;}
#accountContainer div.viewOrderButton {position: relative; margin: 0 auto; width: 81px; height: 19px;}
div.readArticleButton, div.backNewsButton, div.resourceButton {position: absolute; top: 14px; right: 12px;}
div.backToTopButton {position: absolute; top: 5px; right: 9px;}


/**** POPUP BUTTON POSITIONS ****/

div.closeWindowButton {position: absolute; top: 29px; right: 19px;}
div.backToProdButton {position: relative; margin: 0 auto 15px auto; width: 112px; height: 21px;}
div.emailFriendButton {float: right; display: inline; margin-right: 48px;}
div.forgotPassButton {float: left; display: inline; margin-top: -1px; position:relative;}