/* Zee & Co. Buttons CSS */

/* reusable button */
.button20, .button20 strong{ display:block; height:20px;  }
.button20{ text-align:center; text-transform:capitalize; line-height:1.8; font-size:10px; color:#fff; background:url(../img/buttons/standard_bg.gif) 0 0 no-repeat; }
.button20:hover, .button20.on{ background-position:0 -20px; text-decoration:none; color:#425041; }
.button20 strong{ cursor:pointer; background:url(../img/buttons/standard_bg.gif) right -40px no-repeat; }

/* reusable button positioning */
.topSeller{ width:59px; position:absolute; top:3px; right:3px; }
.headSearchGo{ width:40px; position:absolute; top:48px; right:10px; }
.headView{ width:60px; position:absolute; top:10px; right:80px; }
.headCheck{ width:60px; position:absolute; top:10px; right:11px; }
.recentViewAll{ width:76px; margin:10px auto; }
.storeLocatorBtn{ width:89px; margin:9px 0 0 77px; }
.styleGuideView{ width:60px; position:absolute; top:47px; left:86px; }
.nlSignup{ width:57px; position:absolute; bottom:-36px; right:32px; }
.view{ width:60px; position:absolute; bottom:3px; right:5px;}
.homeSpecialView{ width:60px; position:absolute; bottom:1px; right:3px; }
.prodDescBtn{ width:78px; float:left;display:inline; margin:8px 0 0 20px; }
.prodSpecBtn{ width:84px; float:left;display:inline; margin:8px 0 0 10px; }
.prodReccBtn{ width:100px; float:left;display:inline; margin:8px 0 0 10px; }
.catView{ width:76px; margin:5px auto 0 auto; }
.filterGo{ position:absolute; top:0px; left:200px; width:40px;  }
.filterListGo{ position:absolute; top:35px; left:206px; width:40px; }
.filterListGo2{ position:absolute; top:0px; left:268px; width:40px; }
.filterListGoSale{ position:absolute; top:0px; left:208px; width:40px; }
.filterGoBrand{ position:absolute; top:29px; left:355px; width:40px; }
.filterGoBrandIndex{ position:absolute; top:0px; left:240px; width:40px; }
.brandView{ position:absolute; bottom:15px; left:70px; width:47px; }
.brandViewAllP{ width:110px; position:absolute; bottom:15px; left:200px; }
.brandRangeViewAll{ width:76px; position:absolute; top:155px; left:114px; }
.brandRangeView{ width:59px; position:absolute; top:3px; right:3px; }
.alsoBought{ width:144px; position:absolute; top:3px; right:0px; }
.clearBasket{ position:absolute; top:9px; left:9px; width:86px; z-index:2; }
.updateBasket{ position:absolute; top:9px; left:105px; width:94px; z-index:2; }
.keepShopping{ position:absolute; top:9px; left:209px; width:94px; z-index:2; }
.applySizes{ width:48px; margin:7px 0 0 545px; }

/* static page buttons */
#cs .csMenu .button20, #resourceNav .button20, #bg .bgMenu .button20, #bg .lfMenu .button20{ text-align:left; text-indent:10px; }
.contactSubmit{ width:43px; position:absolute; bottom:12px; right:33px; }
.backTop{ width:78px; position:absolute; top:3px; right:5px; }
.readArticle{ width:81px; position:absolute; top:25px; right:10px; }
.newsBack{ width:59px; margin:10px 10px 0 0; float:right; background-position:0 -140px; }
.newsBack:hover{ background-position:0 -160px; }
.storeInfo{ position:absolute; top:127px; left:58px; width:75px; }

/* product add to basket */
.addtoBasket{ width:102px; position:absolute; bottom:7px; right:10px; text-align:left; text-indent:21px; background-position:0 -100px; }
.addtoBasket:hover{ background-position:0 -120px; }
.addtoBasket:hover strong{ color:#425041; }

/* go to checkout */
.goCheckout{ position:absolute; top:9px; right:9px; width:77px; padding-left:12px; z-index:2; color:#425041; background-position:0 -60px; }
.goCheckout:hover{ background-position:0 -80px; color:#fff; }

/* account buttons */
.checkAccLogin{ position:absolute; bottom:38px; right:42px; width:50px; }
.loginCheckout{ position:absolute; bottom:38px; right:15px; width:116px; }
.loginAccount{ position:absolute; bottom:14px; right:19px; width:96px; }
.accHistory{ position:absolute; top:5px; right:10px; width:90px; }
.accDelivery{ position:absolute; top:5px; right:109px; width:152px; }
.accDetails{ position:absolute; top:5px; right:271px; width:98px; }
.accUpdate{ float:left; margin:0 0 0 10px; width:90px; }
.historyGo{ position:absolute; top:1px; right:30px; width:35px; text-transform:uppercase; }
.accOrderEdit{ width:87px; margin:0 auto; } 
.orderQuery{ width:90px; float:right; margin:15px 30px 0 0; }
.orderBack{ width:104px; float:right; margin:15px 10px 0 0; text-align:left; text-indent:18px; background-position:0 -140px; }
.orderBack:hover{ background-position:0 -160px; }

/* checkout buttons */
a.collapseBasket{ display:block; position:absolute; top:0; right:9px; width:105px; height:17px; color:#425041; text-indent:0; text-decoration:none; }
.expand{ background:url(../img/buttons/expand.gif) right 4px no-repeat; }
.collapse{ background:url(../img/buttons/expand.gif) right -35px no-repeat; }

.showDiscounts{ float:right; width:152px; position:relative; top:0px; left:-140px; }
.editBasket{ float:right; width:90px; position:relative; top:0px; left:104px;  }
.editBasket2{ float:left; margin:8px 0 0 607px;display:inline; width:90px }
.checkAccountField .addDiscount{ width:53px; float:left; margin:0 0 0 9px; color:#fff; text-decoration:none; }
.checkAccountField .addDiscount:hover{ text-decoration:none; }
.editBilling, .editDelivery{ position:absolute; top:120px; right:15px; width:130px; }
.createAcc, .saveChanges{ width:95px; position:absolute; bottom:20px; right:282px; }
.saveChanges{ bottom:0; }
.checkoutBack, .accBack{ width:59px; float:left; margin:0 0 0 499px;display:inline; background-position:0 -140px; }
/*paypal confirm back button*/
.checkoutBack_pp{ width:59px; float:left; margin:5px 0 0 356px;display:inline; background-position:0 -140px; }
.accBack{ margin-left:539px; }
.checkoutBack:hover, .accBack:hover, .checkoutBack_pp:hover{ background-position:0 -160px; }
.continueCheckout{ float:left; margin:0 0 0 10px; width:130px; text-align:left; text-indent:26px; color:#425041; background-position:0 -60px; }
.continueCheckout:hover{ background-position:0 -80px; color:#fff; }
.continueShopping{ float:right; margin:0 47px 0 10px; width:130px; text-align:left; text-indent:26px; color:#425041; background-position:0 -60px; }
.continueShopping:hover{ background-position:0 -80px; color:#fff; }
.confirmOrder{ float:left; margin:0 0 0 10px; width:130px; text-align:left; text-indent:32px; color:#425041; background-position:0 -60px; }
.confirmOrder:hover{ background-position:0 -80px; color:#fff; }
/*paypal confirm order*/
.confirmOrder_pp{float:left; margin:0 0 0 10px; width:271px; text-align:left; text-indent:35px; color:#425041; height:30px; line-height:30px; background:url(../img/buttons/confirm_pp.gif) 0 0 no-repeat}
.confirmOrder_pp strong{background:none}
.confirmOrder_pp:hover{background-position:0 -30px; color:#fff}

/* popup buttons */
.popupClose{ width:48px; position:absolute; top:13px; right:30px; }
.backProduct{ width:101px; margin:15px auto; }
.forgottenSubmit{ position:absolute; top:87px; right:38px; width:59px; }
.emailFriendSubmit{ position:absolute; bottom:60px; right:106px; width:59px; }
.closeNotice{ width:48px; position:absolute; top:10px; right:11px; }
.viewPromotion{ width:108px; position:absolute; bottom:13px; left:47px; }
.continueBasket{ width:122px; position:absolute; bottom:13px; right:38px; text-align:left; text-indent:21px; background-position:0 -120px; color:#425041; }
.continueBasket:hover{ background-position:0 -100px; color:#fff; }