/* OCEAN FRESH BUTTONS */
.button18{ display:block; height:18px; text-transform:uppercase; text-decoration:none; font-size:10px; color:#fff; line-height:1.6; background-position:0 0; background-repeat:no-repeat; }
.button18:hover{ background-position:0 -18px; text-decoration:none; }

a.whiteTextUpper {color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
a:hover.whiteTextUpper {text-decoration: none;}

.headerCatsButton {float:left; display:inline; width:110px; margin: 0 4px 0 0;}
.headerCatsButton a {color: #fff; font-size: 10px; font-weight: bold; padding-top: 0px; text-decoration:none; display:block; text-align: center; width:110px; height:19px; line-height: 16px; background:url(../img/buttons/headerCatsButton.gif) no-repeat top;}
.headerCatsButton a:hover {background:url(../img/buttons/headerCatsButton.gif) no-repeat bottom; text-decoration:none;}

.headerSearchButton {float:left; display:inline; width:35px; margin: 6px 0 0 5px;}
.headerSearchButton a {color: #fff; font-size: 11px; font-weight: bold; padding-top: 2px; text-indent: 4px; text-decoration:none; display:block; width:35px; height:16px; background:url(../img/buttons/headerSearchButton.gif) no-repeat top; text-transform: uppercase;}
.headerSearchButton a:hover {background:url(../img/buttons/headerSearchButton.gif) no-repeat bottom; text-decoration:none;}

.navBasketButton {position: absolute; left: 9px; top: 107px; width: 57px;}
.navBasketButton a {color: #fff; font-size: 11px; font-weight: bold; padding-top: 4px; text-decoration:none; display:block; text-indent: 10px; width:57px; height:20px; background:url(../img/buttons/navBasketButton.gif) no-repeat top;}
.navBasketButton a:hover {background:url(../img/buttons/navBasketButton.gif) no-repeat bottom; text-decoration:none;}

.navCheckoutButton {position: absolute; right: 9px; top: 107px; width: 83px;}
.navCheckoutButton a {color: #fff; font-size: 11px; font-weight: bold; padding-top: 4px; text-decoration:none; display:block; text-indent: 10px; width:83px; height:20px; background:url(../img/buttons/navCheckoutButton.gif) no-repeat top;}
.navCheckoutButton a:hover {background:url(../img/buttons/navCheckoutButton.gif) no-repeat bottom; text-decoration:none;}

.newsletterButton {width:87px; float:right; display:inline; margin:0 7px 7px 0; height:25px;}
.newsletterButton a {padding-top: 6px; text-decoration:none; display:block; text-indent: 17px; width:87px; height:19px; background:url(../img/buttons/newsletterButton.gif) no-repeat top;}
.newsletterButton a:hover {background:url(../img/buttons/newsletterButton.gif) no-repeat bottom; text-decoration:none;}

.naturalAdvertrButton {position: absolute; right: 5px; bottom: 5px; width:97px;}
.naturalAdvertrButton a {padding-top: 6px; text-decoration:none; display:block; text-indent: 14px; width:97px; height:19px; background:url(../img/buttons/naturalAdvertrButton.gif) no-repeat top;}
.naturalAdvertrButton a:hover {background:url(../img/buttons/naturalAdvertrButton.gif) no-repeat bottom; text-decoration:none;}

.deliveryAdvertrButton {position: absolute; right: 5px; bottom: 5px; width:97px;}
.deliveryAdvertrButton a {padding-top: 6px; text-decoration:none; display:block; text-indent: 14px; width:97px; height:19px; background:url(../img/buttons/deliveryAdvertrButton.gif) no-repeat top;}
.deliveryAdvertrButton a:hover {background:url(../img/buttons/deliveryAdvertrButton.gif) no-repeat bottom; text-decoration:none;}

.buyNowButton {position: relative; width:110px; margin: 0 auto;}
.buyNowButton a {padding-top: 2px; text-decoration:none; display:block; text-indent: 27px; width:110px; height:16px; background:url(../img/buttons/buyNowButton.gif) no-repeat top;}
.buyNowButton a:hover {background:url(../img/buttons/buyNowButton.gif) no-repeat bottom; text-decoration:none;}
/*.specialOffersContainer .buyNowButton {position: absolute; left:83px; top:27px; margin: 0;}*/

.addToBasketButton {position: relative; float:left; display:inline; width:127px; height:25px; margin: -3px 0 0 0px;}
.addToBasketButton a {padding-top: 6px; text-decoration:none; display:block; text-indent: 16px; width:127px; height:19px; background:url(../img/buttons/addToBasketButton.gif) no-repeat 0 0; text-align:left;}
.clothing .addToBasketButton a{background-image:url(../img/buttons/addToBasketButton_c.gif)}
.addToBasketButton a:hover {background-position:0 bottom; text-decoration:none}

.basketButtons .button{ width:126px; height:19px; float:left; margin:11px 10px 0 0;display:inline; font-size:11px; text-transform:uppercase; }
.basketButtons .checkout{ width:101px; margin-left:12px; }
.basketButtons .button a{ display:block; height:19px; color:#fff; text-indent:15px; line-height:1.6; background:url(../img/buttons/basketButtons.gif) 0 0 no-repeat; }
.basketButtons .checkout a{ text-indent:18px; background-image:url(../img/buttons/basketCheckout.gif); }
.basketButtons .button a:hover{ background-position:0 -19px; text-decoration:none; }

.emailFriendSubmit, .forgottenSubmit{ position:absolute; display:block; height:18px; width:70px; text-transform:uppercase; font-size:11px; color:#fff; text-indent:7px; line-height:1.4; background:url(../img/buttons/emailSubmit.gif) 0 0 no-repeat; }
.emailFriendSubmit:hover, .forgottenSubmit:hover{ background-position:0 -18px; text-decoration:none; }
.emailFriendSubmit{ bottom:44px; right:93px; }
.forgottenSubmit{ top:245px; right:19px; }

.popClose{ position:absolute; top:11px; right:10px; display:block; height:18px; width:73px; text-transform:uppercase; font-size:11px; color:#fff; text-indent:11px; line-height:1.5; background:url(../img/buttons/popClose_bg.gif) 0 0 no-repeat; }
.popClose:hover{ background-position:0 -18px; text-decoration:none; }

.prodInfo{ position:absolute; top:550px; left:200px; display:block; height:18px; width:139px; text-transform:uppercase; font-size:11px; color:#fff; text-indent:11px; line-height:1.5; background:url(../img/buttons/backProduct.gif) 0 0 no-repeat; }
.prodInfo:hover{ background-position:0 -18px; text-decoration:none; }

a.upSell{ position:absolute; right:10px; top:-6px; display:block; height:18px; width:32px; text-transform:uppercase; font-size:11px; color:#fff; text-align:center; line-height:1.5; background:url(../img/buttons/upSell.gif) 0 0 no-repeat; }
a.upSell:hover{ background-position:0 -18px; text-decoration:none; }
a.upSell.no{ top:16px; }

/* customer services buttons */
.buttonBar a {text-transform: uppercase;}
.buttonBar a, .guidesButtonBar a {color:#fff;font-size:10px;line-height:1.4;font-weight:bold;text-decoration:none;display:block;position:absolute;height:16px;font-size:90%;}
.customerServicesButton,.shippingButton,.returnsButton,.qualityButton{background:url(../img/buttons/customerServices.gif) no-repeat 0px 0px;left:12px;top:15px;width:149px;padding:2px 0 0 18px;}
.customerServicesButton:hover,.customerServicesButtonOn,.shippingButton:hover,.shippingButtonOn,.returnsButton:hover,.returnsButtonOn,.qualityButton:hover,.qualityButtonOn{background:url(../img/buttons/customerServices.gif) no-repeat 0px -18px;left:12px;top:15px;width:149px;padding:2px 0 0 18px;}
.contactUsButton,.helpButton, .fieldButton{background:url(../img/buttons/contactUs.gif) no-repeat 0 0;left:169px;top:15px;height:18px;width:94px;padding:2px 0 0 18px;}
.contactUsButton:hover,.contactUsButtonOn,.helpButton:hover,.helpButtonOn{background:url(../img/buttons/contactUs.gif) no-repeat 0px -18px;left:169px;top:15px;width:111px;padding:2px 0 0 18px;}
.helpButton,.helpButton:hover,.helpButtonOn{left:287px;top:15px;padding:2px 0 0 16px;}
.shippingButton,.shippingButton:hover,.shippingButtonOn{left:406px;top:15px;padding:2px 0 0 11px;}
.returnsButton,.returnsButton:hover,.returnsButtonOn{left:70px;top:43px;padding:2px 0 0 19px;}
.qualityButton,.qualityButton:hover,.qualityButtonOn{left:229px;top:43px;padding:2px 0 0 14px;}

.tradeButton, .fieldButton {background:url(../img/buttons/tradeButton.gif) no-repeat 0px 0px;left:387px;top:43px;width:107px;padding:2px 0 0 14px;}
.tradeButton:hover,.tradeButtonOn, .fieldButton:hover, .fieldButtonOn{background:url(../img/buttons/tradeButton.gif) no-repeat 0px -18px;left:387px;top:43px;width:107px;padding:2px 0 0 14px;}
.fieldButton, .fieldButton:hover, .fieldButtonOn{left:287px;top:70px;padding:2px 0 0 14px;}

a.discountsButton {background:url(../img/buttons/tradeButton.gif) no-repeat 0 0;left:157px;top:70px;width:111px;padding:2px 0 0 10px;}
a:hover.discountsButton, .discountsButtonOn {background:url(../img/buttons/tradeButton.gif) no-repeat 0 -18px;left:157px;top:70px;width:111px;padding:2px 0 0 10px;}

.contactSubmitButton{background:url(../img/buttons/contactSubmit.gif) no-repeat 0 0;height:19px;width:68px;position:absolute;bottom:25px;right:17px;color:#fff;font-weight:bold;text-decoration:none;display:block;padding-top:3px;padding-left:12px;}
.contactSubmitButton:hover{background:url(../img/buttons/contactSubmit.gif) no-repeat 0 -22px;height:19px;width:68px;position:absolute;bottom:25px;right:17px;color:#fff;font-weight:bold;text-decoration:none;display:block;padding-top:3px;padding-left:12px;}
.tradeSubmitButton,.tradeSubmitButton:hover{background:url(../img/buttons/contactSubmit.gif) no-repeat 0 0;height:19px;width:68px;position:absolute;bottom:25px;right:51px;color:#fff;font-weight:bold;text-decoration:none;display:block;padding:4px 0 0 16px;font-size:90%;}
.tradeSubmitButton:hover{background-position:0 -22px;}
.fTSubmitButton{ display:block; height:18px; width:71px; margin:20px 0 0 352px; color:#fff; text-decoration:none; padding:2px 0 0 13px; font-size:90%; background:url(../img/buttons/fTSubmitButton.gif) 0 0 no-repeat; }
.fTSubmitButton:hover{ background-position:0 -22px; }

/* resources buttons */
.buttonBar a.resourcesButtonWide{padding-top:1px;background:url(../img/buttons/customerServices.gif) no-repeat 0 0;top:15px;width:150px;text-align:center;float:left;position:relative;left:9px;margin-right:10px;}
.buttonBar a.resourcesButtonWide:hover{padding-top:1px;background:url(../img/buttons/customerServices.gif) no-repeat 0 -18px;top:15px;width:150px;text-align:center;position:relative;left:9px;margin-right:10px;}
.buttonBar a.resourcesButtonThin{padding-top:1px;background:url(../img/buttons/contactUs.gif) no-repeat 0 0;top:15px;height:18px;width:110px;text-align:center;float:left;position:relative;left:9px;margin-right:10px;}
.buttonBar a.resourcesButtonThin:hover{padding-top:1px;background:url(../img/buttons/contactUs.gif) no-repeat 0 -18px;top:15px;width:110px;text-align:center;position:relative;left:9px;margin-right:10px;}

/* guides buttons */
.guidesButtonBar a.guidesButtonWide{padding:3px 0 0 10px;background:url(../img/buttons/guidesButtonWide.gif) no-repeat 0px 0px;height:17px;width:158px;float:left;position:relative;left:0px;margin:8px 15px 0 0;top:6px; text-transform: uppercase;}
.guidesButtonBar a.guidesButtonWide:hover,.guidesButtonBar a.guidesButtonWideOn{padding:3px 0 0 10px;background:url(../img/buttons/guidesButtonWide.gif) no-repeat 0px -19px;height:17px;width:158px;float:left;position:relative;left:0px;margin:8px 15px 0 0;top:6px; text-transform: uppercase;}
.guidesButtonBar a.buyingGuides,.guidesButtonBar a.buyingGuides:hover{padding-left:40px;width:128px; text-transform: uppercase;}
.guidesButtonBar a.enviro,.guidesButtonBar a.enviro:hover{margin-right:0px;padding-left:31px;width:137px;}
.guidesButtonBar a.homemade,.guidesButtonBar a.homemade:hover{padding-left:30px;width:138px;}
.guidesButtonBar a.food,.guidesButtonBar a.food:hover{padding-left:52px;width:116px;}
.guidesButtonBar a.setup,.guidesButtonBar a.setup:hover{padding-left:28px;width:139px;margin-right:0px;}
.guidesButtonBar a.angling,.guidesButtonBar a.angling:hover{padding-left:21px;width:146px;}
.guidesButtonBar a.rigs,.guidesButtonBar a.rigs:hover{padding-left:24px;width:144px;}
.guidesButtonBar a.Coarse,.guidesButtonBar a.Coarse:hover{padding-left:46px;margin-right:0px;width:121px;}
.guidesButtonBar a.abroad,.guidesButtonBar a.abroad:hover{padding-left:0; margin-left:182px; width:168px; text-align:center; display: inline;}

/* PNG BUTTON TYPES */
a.viewAllButton {padding-top: 6px; display:block; text-indent:38px; width:117px; height:19px; background:url(../img/buttons/pngs/viewAllButton.png) no-repeat top; cursor: pointer;}
a:hover.viewAllButton {background:url(../img/buttons/pngs/viewAllButtonHover.png) no-repeat bottom;}

.goFilterButton {float:left; display:inline; width:35px; margin: 0; }
.goFilterButton a {color: #fff; font-size: 11px; font-weight: bold; padding-top: 2px; text-indent: 4px; text-decoration:none; display:block; width:35px; height:16px; background:url(../img/buttons/pngs/goFilterButton.png) no-repeat; text-transform: uppercase; cursor: pointer;}
.goFilterButton a:hover {background:url(../img/buttons/pngs/goFilterButtonHover.png) no-repeat; text-decoration:none;}

/* EXPANDABLE BUTTON TYPES */
.buttonBar a.resourcesButton{cursor:pointer;background:url(../img/buttons/resourcesButton.gif) no-repeat 0 0px;float:left; display:inline; position:relative;height:17px;margin-right:22px;}
.buttonBar a.resourcesButton span{float:left; display:inline; padding:1px 22px 0 0;right:-16px;background:url(../img/buttons/resourcesButtonEnd.gif) no-repeat right 0px;height:17px;position:relative;}
.buttonBar a.resourcesButton:hover{background-position: 0 -18px;}
.buttonBar a.resourcesButton:hover span{background-position: right -18px;}
.buttonBar a.on{background-position: 0 -18px;}
.buttonBar a.on span{background-position: right -18px;}

/* BUTTON POSITIONS */
div.catBoxButton, div.subCatBoxButton {position: absolute; bottom: 8px; right: 10px;}

/* generic button positions/widths */
a.collapseBasket{ display:block; position:absolute; top:0; right:6px; width:105px; height:16px; font-size:10px; color:#fff; text-indent:0; text-decoration:none; }
.expand{ background:url(../img/buttons/expand.gif) right 0 no-repeat; }
.collapse{ background:url(../img/buttons/expand.gif) right -16px no-repeat; }

.checkAccLogin{ background-image:url(../img/buttons/checkAccLogin.gif); text-indent:15px; width:80px; position:absolute; bottom:45px; right:20px; }
.contAccount{ background-image:url(../img/buttons/contAccount.gif); text-indent:25px; width:150px; position:absolute; bottom:45px; right:20px; }
.loginCheckout{ background-image:url(../img/buttons/contAccount.gif); text-indent:13px; width:150px; position:absolute; bottom:45px; right:20px; }
.accUpdate{ background-image:url(../img/buttons/saveChanges.gif); text-indent:13px; width:125px; position:absolute; bottom:45px; right:0; }
.accBack{ background-image:url(../img/buttons/accBack.gif); text-indent:23px; width:65px; position:absolute; bottom:45px; right:135px; }
.checkBack{ right:165px; }
.showDiscounts{ background-image:url(../img/buttons/addPromo.gif); text-indent:12px; width:174px; position:absolute; bottom:5px; right:135px; }
.checkAccountField a.addDiscount{ color:#fff; background-image:url(../img/buttons/addCode.gif); text-indent:12px; width:60px; position:absolute; bottom:4px; right:10px; }
.checkAccountField a.addDiscount:hover{ text-decoration:none; }
.editBasket{ background-image:url(../img/buttons/editBasket.gif); text-indent:12px; width:110px; position:absolute; bottom:5px; right:0px; }
.contCheckout{ background-image:url(../img/buttons/contCheckout.gif); text-indent:13px; width:155px; position:absolute; bottom:45px; right:0; }
.confCheckout{ background-image:url(../img/buttons/contCheckout.gif); text-indent:27px; width:155px; position:absolute; bottom:25px; right:0; }
.editDelivery, .editBilling{ background-image:url(../img/buttons/addPromo.gif); text-indent:13px; width:174px; position:absolute; top:0; right:10px; }
.saveChanges, .createAcc{ background-image:url(../img/buttons/checkSave.gif); text-indent:7px; width:110px; position:absolute; bottom:10px; right:10px; }
.createAcc{ text-indent:30px; bottom:30px; right:20px; }

.readArticle, .newsBack{ background-image:url(../img/buttons/editBasket.gif); text-indent:12px; width:110px; position:absolute; bottom:10px; right:0; }
.newsBack {bottom:0; right:20px; background-image:url(../img/buttons/newsBackButton.gif); text-indent:20px;}

.accDelivery{ background-image:url(../img/buttons/accDelivery.gif); width:201px; text-indent:12px; }
.accDetails{ background-image:url(../img/buttons/accDetails.gif); width:141px; text-indent:12px; }