/* jellyegg buttons */

/* main nav buttons in main.css line 21 */

/* reusable png button */
.button78x23{display:block; width:78px; padding:6px 0 0 0; height:23px; background:url(../img/buttons/78x23.png) 0 0 no-repeat; text-align:center; text-decoration:none; font-size:70%}
.button78x23:hover{background-image:url(../img/buttons/78x23Over.png)}
.button78x23 strong{color:#fff}
.button78x23:hover strong{color:#316eaf}

/* static template buttons */
.button17{display:block; padding:3px 0 0 0; height:14px; background-position:0 0; background-repeat:no-repeat; text-align:center; text-decoration:none; font-size:10px}
.button17:hover{background-position:0 -18px}
.button17.on{background-position:0 -18px}
.button17 strong{color:#fff}
.button17:hover strong{color:#fff}

.button23{display:block; padding:6px 0 0 0; height:17px; background-position:0 0; background-repeat:no-repeat; text-align:center; text-decoration:none; font-size:70%}
.button23:hover{background-position:0 -29px}
.button23 strong{color:#fff}
.button23:hover strong{color:#316eaf}

/* product page buttons - 26px height */
.button26{display:block; padding:8px 0 0 0; height:19px; background-position:0 0; background-repeat:no-repeat; text-align:center; text-decoration:none; font-size:11px}
.button26:hover{background-position:0 -33px}
.button26 strong{color:#fff}
.button26:hover strong{color:#011e6e}

/* customer service tabs */
.button29{display:block; padding:10px 0 0 0; height:19px; background-position:0 0; background-repeat:no-repeat; text-align:center; text-decoration:none; font-size:11px}
.button29:hover, .button29.on{background-position:0 -30px}
.button29 strong{color:#fff}
.button29:hover strong, .button29.on strong{color:#011e6e}

.button35{display:block; padding:16px 0 0 0; height:19px; background-position:0 -35px; background-repeat:no-repeat; text-align:center; text-decoration:none; font-size:70%}
.button35:hover{background-position:0 0}
.button35.on{background-position:0 0}
.button35 strong{color:#fff}
.button35:hover strong{color:#fff}

/* template buttons */
.headGo{float:left; width:38px; margin:-2px 0 0 0; background-image:url(../img/nav/search_go.gif)}
.headView{float:left; width:48px; margin:-2px 0 0 0; background-image:url(../img/nav/basket_view.gif)}
.headCheckout{float:left; width:83px; margin:-2px 0 0 5px; background-image:url(../img/nav/basket_checkout.gif)}
.crocSearchSubmit{float:left; position:relative; z-index:1; width:35px; margin:0px 0 0 0; background-image:url(../img/buttons/go_white.gif)}
.newsletterSend{width:48px; margin:0 0 16px 149px; background-image:url(../img/buttons/newsletter.gif)}
.historyGo{float:left; width:38px; margin:-2px 0 0 5px; background-image:url(../img/buttons/go_white.gif)}
.searchGo{position:absolute; width:64px; right:16px; top:36px; background-image:url(../img/buttons/searchGo.gif)}

/* account buttons */
.accOrders{float:left; width:90px; margin:0 0 0 5px; background-image:url(../img/buttons/accOrders.gif)}
.accDetails{float:left; width:90px; margin:0 0 0 284px;display:inline; background-image:url(../img/buttons/accDetails.gif)}
.accBilling{float:left; width:144px; margin:0 0 0 5px; background-image:url(../img/buttons/accBilling.gif)}
.accNotes{float:left; width:114px; margin:0 0 0 5px; background-image:url(../img/buttons/accNotes.gif)}
.accSave{float:right; width:113px; margin:10px 38px 0 0; line-height:1.1; background-image:url(../img/buttons/accSave.gif)}
.orderDetailsBack{float:left; width:53px; margin:6px 0 0 40px; background-image:url(../img/buttons/accBack.gif)}
.reset{float:left; width:134px; margin:9px 0 0 16px; background-image:url(../img/buttons/accReset.gif)}
.keepShopNotes{float:left; width:122px; margin:9px 0 0 16px; background-image:url(../img/buttons/accKeepShopping.gif)}
.accAddBasket{float:right; width:172px; margin:9px 16px 0 0; background-image:url(../img/buttons/accAddBasket.gif)}
.accOrderEdit{width:73px; margin:4px auto; background-image:url(../img/buttons/accOrderEdit.gif)}
.setDefault{width:114px; font-size:11px; background-image:url(../img/buttons/createAcc.gif); margin-left:267px}

/* checkout / account buttons */
.showDiscounts{position:relative; margin:8px 0 0 474px; width:95px; float:left;display:inline; background-image:url(../img/buttons/discounts.gif)}
.editBasket{width:85px; position:absolute; bottom:5px; right:26px; background-image:url(../img/buttons/editBasket.gif)}

.checkCreateAccount, .saveChanges{position:absolute; bottom:35px; right:30px; width:95px; background-image:url(../img/buttons/discounts.gif) }

.editDetails{width:144px; font-size:11px; position:absolute; top:20px; right:20px; background-image:url(../img/buttons/checkEdit.gif)}

.checkoutBack{width:48px; float:left; margin:10px 0 0 100px;display:inline; background-image:url(../img/buttons/checkBack.gif)}
.continueCheckout{position:relative; width:143px; float:left; margin:10px 0 0 14px;display:inline; background-image:url(../img/buttons/checkContinue.gif)}
.continueShopping{position:relative; width:143px; float:left; margin:10px 0 0 162px;display:inline; background-image:url(../img/buttons/checkContinue.gif)}

/* product page */
.addBasket{display:block; float:left; width:99px; margin:-3px 0 0 6px;display:inline; background-image:url(../img/buttons/addBasket.gif)}
.notify{display:block; float:right; width:99px; margin:-3px 8px 0 0;display:inline; background-image:url(../img/buttons/addBasket.gif)}
.tabLarge{display:block; float:left; width:120px; background-image:url(../img/buttons/prodTabLarge.gif)}
.tabSmall{display:block; float:left; width:103px; margin:0 12px; background-image:url(../img/buttons/prodTabSmall.gif)}
.tabExLarge{display:block; float:left; width:136px; margin:0 0 0 12px;display:inline; background-image:url(../img/buttons/prodTabExLarge.gif)}
.centre{margin-left:35px;display:inline }
.viewPromo{width:118px; margin:2px 14px 0 12px; background-image:url(../img/buttons/viewPromo.gif)}
.viewPromo:hover{background-position:0 -25px}
.promoAddBasket{width:125px; background-image:url(../img/buttons/promoAddBasket.gif)}

/* news and static */
.readArticle{width:98px; position:absolute; top:6px; right:0px; background-image:url(../img/buttons/readArticle.gif)}

.faq{width:98px; float:left; margin:0 6px 0 0; background-image:url(../img/buttons/helpfaq.gif)}
.returns{width:174px; float:left; margin:0 6px 0 0; background-image:url(../img/buttons/returns.gif)}
.delivery{width:144px; float:left; margin:0 6px 0 0; background-image:url(../img/buttons/delivery.gif)}
.shortage{width:114px; float:left; margin:0 6px 0 0; background-image:url(../img/buttons/shortage.gif)}

.crocsButton{float:left; margin:0 0 8px 6px}
.resourcesButton{float:left; margin:-20px 0 0 80px}
.hospital{width:152px; background-image:url(../img/buttons/hospitalbutton.gif)}
.outAbout{width:114px; background-image:url(../img/buttons/outaboutbutton.gif)}
.workShoes{width:102px; background-image:url(../img/buttons/workshoes.gif)}
.benefits{width:124px; background-image:url(../img/buttons/benefitsbutton.gif)}
.childrensShoes{width:153px;background-image:url(../img/buttons/childrensbutton.gif)}
.mensShoes{width:122px; background-image:url(../img/buttons/mensShoes.gif)}
.jibbitz{width:242px; background-image:url(../img/buttons/jibbitz.gif)}
.snappy{width:210px; background-image:url(../img/buttons/snappy.gif)}
/* new buttons */
.medical{width:178px; background-image:url(../img/buttons/medicalbutton.gif)}
.outAboutBtn{width:81px; background-image:url(../img/buttons/outaboutbtn.gif)}
.crocWorkShoes{width:131px; background-image:url(../img/buttons/crocworkshoesbutton.gif)}
.benefitCrocs{width:118px; background-image:url(../img/buttons/benefitcrocsbutton.gif)}

.digButton{float:left; margin:0 0 8px 8px}
.backpack{width:160px; background-image:url(../img/buttons/digBackpack.gif)}
.uses{width:162px; background-image:url(../img/buttons/digUses.gif)}
.demo{width:157px; height:21px; background-image:url(../img/buttons/digDemo.gif)}
.gallery{width:112px; background-image:url(../img/buttons/digGallery.gif)}

.popCreateAcc{position:absolute; top:51px; left:279px; width:129px; background-image:url(../img/buttons/popCreateAcc.gif)}
.popNotifySubmit{position:absolute; top:250px; left:231px; width:88px; background-image:url(../img/buttons/notifySubmit.gif)}
.forgotSubmit{position:absolute; top:164px; right:35px; width:88px; background-image:url(../img/buttons/submitbluebg.gif)}
.querySubmit{position:absolute; bottom:25px; right:25px; width:88px; background-image:url(../img/buttons/submitbluebg.gif)}
.sizeSubmit {position:absolute; top:260px; left:220px; width:88px; background-image:url(../img/buttons/submitbluebg.gif)}

.contactSubmit{position:absolute; height:20px; padding-top:9px; width:66px; top:56px; right:18px; background-image:url(../img/buttons/contactSubmit.gif)}

/* button positioning */
.homeCatsView{position:absolute; bottom:5px; left:53px}
.newsMore{margin:0 0 0 120px; font-size:60%}
.subCatMore{float:left; margin:9px 0 0 1px;display:inline}
.checkAccLogin{position:absolute; bottom:3px; right:10px}
.orderDetailsEdit{float:left; margin:6px 0 0 6px}
.catView{position:absolute; right:90px; top:186px; font-size:11px}
.packageView{position:absolute; right:12px; bottom:6px; font-size:11px}
.subCatView{position:absolute; right:11px; bottom:6px}
div.subCatAddButton {position:absolute; right:40px; bottom:16px;}

/* one-offs */
.button{display:block; color:#fff; text-align:center; text-decoration:none; font-size:11px}
.button:hover{color:#316eaf}

.checkAccLoginCont{display:block; width:114px; height:29px; line-height:2.4; color:#fff; position:relative; top:22px; left:160px; font-size:70%; text-align:center; text-decoration:none; background:url(../img/buttons/createAcc.gif) 0px 0px no-repeat}
.checkAccLoginCont:hover{background-position:0px -29px; color:#316eaf}

#basket .clearBasket{width:94px; height:27px; line-height:2.3; float:left; margin:0 9px 0 6px; background:url(../img/buttons/clearBasket.gif) 0px 0px no-repeat}
#basket .clearBasket:hover{background-position:0px -27px}

#basket .updateBasket{width:107px; height:29px; line-height:2.4; float:left; margin:0 10px 0 0; background:url(../img/buttons/updateBasket.gif) 0px 0px no-repeat}
#basket .updateBasket:hover{background-position:0px -29px}

#basket .keepShopping{width:111px; height:29px; line-height:2.3; float:left; margin:; background:url(../img/buttons/keepShopping.gif) 0px 0px no-repeat}
#basket .keepShopping:hover{background-position:0px -29px}

#basket .basketCheckout{width:77px; height:28px; line-height:2.4; float:right; margin:0 6px 0 0; background:url(../img/buttons/checkout.gif) 0px 0px no-repeat}
#basket .basketCheckout:hover{background-position:0px -28px}

/* static png right box buttons */
.rightBoxButton{display:block; position:absolute; top:104px; right:5px; z-index:99; width:70px; height:23px; line-height:2.2; font-size:60%; text-align:center; text-decoration:none; background:url(../img/buttons/rightBox.png) 0px 0px no-repeat}
.btnChng .rightBoxButton{top:99px}
.rightBoxButton:hover{background-image:url(../img/buttons/rightBoxOver.png)}
.rightBoxButton strong{color:#fff}
.rightBoxButton:hover strong{color:#316eaf}