/* buttons */

/* button text styling */
.buttonText { line-height:29px; text-align:center; font-size:12px; color:#fff; font-weight:bold; text-transform: uppercase; }

/* header view basket button */
.basketView { position:absolute; top:7px; right:110px; }
.basketView a { background: url(/common/img/buttons/headerBasketView.gif) no-repeat left 0px; display:block; height:30px; width:56px; }
.basketView a:hover { background-position: left -31px; text-decoration: none; }

/* header checkout button */
.basketCheckout { position:absolute; top:7px; right:10px; }
.basketCheckout a { background: url(/common/img/buttons/headerBasketCheckout.gif) no-repeat left 0px; display:block; height:30px; width:87px;  }
.basketCheckout a:hover { background-position: left -31px; text-decoration: none; }

.checkoutButton { position: absolute; right: 30px; top: 7px; background: url(/common/img/buttons/checkoutButton.gif) no-repeat left 0px; display: block; height:30px; width:87px;  }

/* header view basket button */
.filterGo { position:absolute; top:-6px; left:200px; }
.filterGo a { background: url(/common/img/buttons/go.gif) no-repeat left 0px; display:block; height:29px; width:37px; }
.filterGo a:hover { background-position: left -33px; text-decoration: none; }

/* header view basket button */
.filterGoSearch { position:absolute; top:-5px; left:390px; }
.filterGoSearch a { background: url(/common/img/buttons/go.gif) no-repeat left 0px; display:block; height:29px; width:37px; }
.filterGoSearch a:hover { background-position: left -33px; text-decoration: none; }

/* search go button */
.searchGo { position:absolute; top:70px; left:110px; }
.searchGo a { background: url(/common/img/buttons/searchGoButton2.gif) no-repeat left 0px; display:block; height:33px; width:37px; line-height:33px; text-indent:2px; }
.searchGo a:hover { background-position: left -34px; text-decoration:none; }

/* banner button left */
.bannerButtonL { position:absolute; bottom:1px; left:115px; }
.bannerButtonL a { background: url(/common/img/buttons/booksButton.gif) no-repeat left 0px; display:block; height:30px; width:54px;  }
.bannerButtonL a:hover { background-position: left -31px; text-decoration: none; }

/* banner button left */
.bannerButtonR { position:absolute; bottom:1px; left:500px; }
.bannerButtonR a { background: url(/common/img/buttons/memorabiliaButton.gif) no-repeat left 0px; display:block; height:30px; width:54px;  }
.bannerButtonR a:hover { background-position: left -31px; text-decoration: none; }

/* banner button left */
.bannerPanelButton { position:absolute; bottom:6px; left:100px; }
.bannerPanelButton a { background: url(/common/img/buttons/booksButton.gif) no-repeat left 0px; display:block; height:30px; width:54px;  }
.bannerPanelButton a:hover { background-position:left -31px; text-decoration:none; }

/* basket buttons */
.buttonCheckout { float:right; top:25px; }
.buttonCheckout a { background: url(/common/img/buttons/checkoutButton.gif) no-repeat left 0px; display:block; height:29px; width:87px;  }
.buttonCheckout a:hover { background-position: left -31px; text-decoration: none; }

/* account buttons */
.returningButton { position:absolute; top:115px; left:235px; }
.returningButton a { background: url(/common/img/account/loginReturningButton.gif) no-repeat left 0px; display:block; height:29px; width:62px;  }
.returningButton a:hover { background-position:left -31px; text-decoration:none; }

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

/* details button */
.detailsButton { position:absolute; top:35px; left:271px; }
.detailsButton a { background: url(/common/img/buttons/accountDetailsButton.gif) no-repeat left 0px; display:block; height:29px; width:134px;  }
.detailsButton a:hover { background-position:left -29px; text-decoration:none; }

.detailsButtonOn { position:absolute; top:35px; left:271px; }
.detailsButtonOn span { background: url(/common/img/buttons/accountDetailsButtonON.gif) no-repeat left 0px; display:block; height:29px; width:134px;  }

/* delivery and billing button */
.deliveryBillingButton { position:absolute; top:35px; left:411px; }
.deliveryBillingButton a { background: url(/common/img/buttons/accountBillingButton.gif) no-repeat left 0px; display:block; height:29px; width:198px;  }
.deliveryBillingButton a:hover { background-position:left -29px; text-decoration:none; }

.deliveryBillingButtonOn { position:absolute; top:35px; left:411px; }
.deliveryBillingButtonOn span { background: url(/common/img/buttons/accountBillingButtonON.gif) no-repeat left 0px; display:block; height:29px; width:198px;  }

/* checkout buttons */
.continueCheckoutButton { position:absolute; top:115px; left:145px; }
.continueCheckoutButton a { background: url(/common/img/buttons/checkoutContinueShopping.gif) no-repeat left 0px; display:block; height:29px; width:154px;  }
.continueCheckoutButton a:hover { background-position:left -31px; text-decoration:none; }

.addDiscountButton { position:absolute; top:2px; left:300px; }
.addDiscountButton a { background: url(/common/img/buttons/addGreyBgButton.gif) no-repeat left 0px; display:block; height:29px; width:48px;  }
.addDiscountButton a:hover { background-position:left -31px; text-decoration:none; }

.findAddressButtonAccount { position:absolute; top:-7px; left:170px; }
.findAddressButtonAccount a { background: url(/common/img/buttons/findPostcodeButton.gif) no-repeat left 0px; display:block; height:29px; width:155px;  }
.findAddressButtonAccount a:hover { background-position:left -31px; text-decoration:none; }


/* history button */
.historyButton { position:absolute; top:35px; left:615px; }
.historyButton a { background: url(/common/img/buttons/accountHistoryButton.gif) no-repeat left 0px; display:block; height:29px; width:122px;  }
.historyButton a:hover { background-position:left -29px; text-decoration:none; }

.historyButtonOn { position:absolute; top:35px; left:615px; }
.historyButtonOn span { background: url(/common/img/buttons/accountHistoryButtonON.gif) no-repeat left 0px; display:block; height:29px; width:122px;  }


/* discounts */
.showDiscount a { background: url(/common/img/buttons/showHideDiscounts.gif) no-repeat 0 0; height:29px; width:131px; float:right; position:relative; margin-right:10px; }
.showDiscount a:hover { background-position: 0px -31px; }
.hideDiscount a { background: url(/common/img/buttons/showHideDiscounts.gif) no-repeat 0px 0; height:29px; width:131px; float:right; position:relative; margin-right:10px; }
.hideDiscount a:hover { background-position: 0px -31px; }



/* home page universal button positioning */
.productBuy { height:29px; width:48px; position:absolute; bottom:10px; left:210px; }
.productSubCatBuy { height:29px; width:48px; position:absolute; bottom:6px; left:210px; }
.pickOfWeekBuy { height:29px; width:48px; position:relative; left:63px; margin:5px 0; }
.featuredBuy { height:29px; width:48px; position:relative; left:60px; margin:5px 0; }
.productAddBasket { height:29px; width:112px; position:absolute; top:25px; left:128px; }
.buyLink { padding: 10px 10px; }

.buttonContinueShopping { height:29px; width:125px; float:left; top:25px; left:128px; }
.buttonClearBasket { height:29px; width:120px; float:left; top:25px; margin-right:10px; }
.buttonUpdateBasket { height:29px; width:130px; float:left; top:25px; margin-right:10px; }

.accountUpdate { height:29px; width:115px; float:right; top:25px; margin-right:10px; }
.accountSubmit { height:29px; width:115px; float:right; top:25px; margin-right:10px; }
.orderHistorySearchGo { height:29px; width:35px; position:absolute; top:-5px; right:0px; }
.saveChangesCheckout { height:29px; width:115px; position:absolute; top:85px; right:10px; margin-right:30px; }
.createAccountCheckout { height:29px; width:130px; position:absolute; top:255px; right:10px; margin-right:30px; }
.findAddressButton  {  height:29px; width:120px; position:absolute; top:-2px; left:267px; }
.checkoutAccountThankYou { height:29px; width:140px; position:absolute; top:42px; right:20px;  }




/* news */
.readArticle { height:29px; width:105px; position:absolute; top:0px; right:0px; }
.backToNews { height:29px; width:115px; position:absolute; top:0px; right:0px; z-index:10; }

.editBasket { height:29px; width:100px; float:right; margin-right:10px; }
.buttonYes { height:29px; width:50px; position:absolute; top:-8px; left:270px; }
.buttonNo { height:29px; width:50px; position:absolute; top:-8px; left:330px; }

/* checkout continue checkout and back buttons */
.checkoutNextButton { float:right; margin-right:10px; }
.checkoutNextButton a { background: url(/common/img/buttons/checkoutContinueCheckout.gif) no-repeat left 0px; display:block; height:29px; width:150px;  }
.checkoutNextButton a:hover { background-position: left -31px; text-decoration: none; }
.checkoutBackButton { height:29px; width:55px; float:right; margin-right:10px; }

/* static pages */
.contactSubmitButton { height:29px; width:65px; position:absolute; bottom:10px; right:47px; }

.helpContactButton { height:29px; width:105px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.helpShippingDeliveryButton { height:29px; width:160px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.helpReturnsRefundsButton { height:29px; width:160px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.helpPrivacyPolicyButton { height:29px; width:125px; position:relative; float:left; margin-left:50px; margin-top:7px; } /* see ie stylesheet for left margin */
.helpTermsConditions { height:29px; width:160px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.helpFaqsButton { height:29px; width:60px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.helpFaqsBackToTop { height:29px; width:108px; position:absolute; top:-5px; right:0px;  }

/* buying guides */
.buyingDvdsButton { height:29px; width:63px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.buyingBooksButton { height:29px; width:67px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.buyingMemorabiliaButton { height:29px; width:110px; position:relative; float:left; margin-left:10px; margin-top:7px; }
.buyingClothingButton { height:29px; width:83px; position:relative; float:left; margin-left:10px; margin-top:7px; }

/* popups */
.passwordSubmit { height:29px; width:60px; position:absolute; bottom:21px; right:15px; }
.emailFriendSubmit { height:29px; width:60px; position:absolute; bottom:17px; right:85px; }
.productPopupButton { height:29px; width:115px; position:relative; margin:0 auto; }

.popupCloseButton { position:absolute; top:15px; right:20px; }
.popupCloseButton a { background: url(/common/img/buttons/popupCloseButton.gif) no-repeat left 0px; display:block; height:29px; width:66px;  }
.popupCloseButton a:hover { background-position:left -31px; text-decoration:none; }


/* white background universal button */
.whiteBgL { background: url(/common/img/buttons/whiteBgL.gif) no-repeat left 0px; height:29px; text-align:left; }
.whiteBgL:hover { background-position:left -31px }
.whiteBgL span { background: url(/common/img/buttons/whiteBgR.gif) no-repeat right 0px; height:29px; display:block; padding-right:3px; }
.whiteBgL:hover span { background-position:right -31px; }
.whiteBgL a { display:block; margin-left:3px; height:29px; }
.whiteBgL a:hover { text-decoration: none; }

/* grey background universal button */
.greyBgL { background: url(/common/img/buttons/greyBgL.gif) no-repeat left 0px; height:29px; text-align:left; }
.greyBgL:hover { background-position:left -32px }
.greyBgL span { background: url(/common/img/buttons/greyBgR.gif) no-repeat right 0px; height:29px; display:block; padding-right:3px; }
.greyBgL:hover span { background-position:right -31px; }
.greyBgL a { display:block; margin-left:3px; height:29px; }
.greyBgL a:hover { text-decoration: none; }

/* grey background universal button */
.greyBgLOn { background: url(/common/img/buttons/greyBgL.gif) no-repeat left -32px; height:29px; text-align:left; }
.greyBgLOn span { background: url(/common/img/buttons/greyBgR.gif) no-repeat right -31px; height:29px; display:block; padding-right:3px; text-indent:4px; }



/* other universal button */
.darkPinkL { background: url(http://www.skysportsdvdshop.co.uk/common/img/buttons/universalButton/darkPinkLeft.gif) no-repeat left 0px; height:19px; text-align:left; }
.darkPinkL:hover { background-position:left -21px }
.darkPinkL span { background: url(http://www.skysportsdvdshop.co.uk/common/img/buttons/universalButton/darkPinkRight.gif) no-repeat right 0px; height:19px; display:block;  }
.darkPinkL:hover span { background-position:right -21px }
.darkPinkL a.buttonIcon { display:block; color:#6e3345; line-height:19px; padding-left:20px; margin-left:3px; height:20px; line-height:19px;  }
.darkPinkL a:hover { text-decoration: none; }