﻿
/**************************
*    ButoonNew - COMMON   *
***************************/
a.ButtonNew {
    cursor: pointer;    
}

a.ButtonNew:focus {
    outline: 0;
}

    a.ButtonNew span.ButtonNew {
        font-size: 12px;
        padding: 2px;
        float: right;
        text-align: center;
        box-sizing: content-box;
        height: 14px;
        line-height: 14px;
    }

.ButtonNew:hover {
    text-decoration : none;    
}

input.ButtonNew {
    height: 21px;
    font-size: 11px;
    padding: 0;
    float: right;
    text-align: center;
    font-weight: 100;
}

/**************************
*    ButoonNew - Blue     *
***************************/

a.blueButtonNew span.blueButtonNewInner
{    
    color: #ffffff;
    background-color: #1B6FB7;
    border: 1px solid #AAAAAA;
}

input.blueButtonNew
{    
    color: #ffffff;
    background-color: #1B6FB7;
    border: 1px solid #AAAAAA;
}

/**************************
*    ButoonNew - Grey     *
***************************/

a.greyButtonNew span.greyButtonNewInner
{    
    color: #ffffff;
    background-color: #505050;
    border: 1px solid #AAAAAA;
}

input.greyButtonNew
{    
    color: #ffffff; 
    background-color: #505050;
    border: 1px solid #AAAAAA;
}

a.greyButtonNew span.greyButtonNewInner.newButtonDisabled {
    color:  #AAAAAA;
    cursor: default;

}

/**************************
*    ButoonNew - Green    *
***************************/

a.greenButtonNew span.greenButtonNewInner
{
    color: #ffffff !important;
    background-color: #81c90d; /*#61A508;*/
    border: 1px solid #87A96B;
}

input.greenButtonNew
{    
    color: #ffffff !important;
    background-color: #81c90d; /*#61A508;*/
    border: 1px solid #87A96B;
}


/**************************
*    ButoonNew - Red    *
***************************/

a.redButtonNew span.redButtonNewInner
{
    color: #ffffff !important;
    background-color:  #E41C1F; 
    border: 1px solid #bc1619;
}

input.redButtonNew
{    
    color: #ffffff !important;
    background-color:  #E41C1F; 
    border: 1px solid #bc1619;
}


/**************************
*    Custom styles        *
***************************/

/**************************
* Different shape buttons *
***************************/

/* Place order - checkout */
.placeorderButton {
    height: 21px !important;
    font-size: 15px !important;
    line-height: 21px;
    
    width: 200px;
    margin-left: 440px;
    float: none !important;
}

input.placeorderButton {
    margin-left: 0px !important;
    height: 27px !important;
}

/* Voucher validate - checkout */
.VoucherValidateImageButton {
    width: 145px;
    margin-left:6px;
    margin-top: 4px !important;
}

/* Checkout 2 rows - Basket */
.checkout2RowsButton {
    border-radius: 2px;
    margin-left: 20px;
    height: 29px  !important;
    text-align:right !important;
    padding: 10px 12px !important;
}

/* SEARCH */
span.ButtonNew.greenButtonNewInner.pcsSearchSubmitButton {
    width: 25px;
    font-size:12px; 
    height: 26px;
    float: left;
}
    span.ButtonNew.greenButtonNewInner.pcsSearchSubmitButton i.fa {
        margin-top: 6px;
    }

/* Search No JS */
input.pcsSearchSubmitButton {
    padding: 0px;
    float: left;
    height: 38px !important;
    width: 63px !important;
    cursor: pointer;
    display: block;
    color: white;
    margin-left: 2px;
}

/**************************
*       Basket buttons    *
***************************/

/* Basket button */
.basketButton {
    width: 63px;
}

a.basketButton {
    display:inline;
}

/* Basket product pages and quickviews */
.addbasketproductButton,
.addbasketproductquickButton,
.addbasketproductlargequickButton
 {
    float:left !important;
    width: 63px;
}

.addbasketproductButton,
.addbasketproductlargequickButton {
    margin-left: 5px;
}


/* Basket button - Quick view and Large quick  */

.addbasketproductquickButton {
    margin-left: -23px;
    height: 21px !important;
    line-height: 21px !important;
    font-weight: 100;
}

.addbasketproductlargequickButton {
    height: 21px !important;
    line-height: 21px !important;
}

/* upsell basket buttons */
.searchLinkDiv .basketButton {
    margin-top: 3px;
    float: none !important;
}

/* rr basket buttons */
.productSpotRichRelevanceContainer .basketButton {
    float: none !important;
}

/* productSpotmajor basket buttons*/
.productSpotMajorButtonsArea .basketButton {
float: left !important;
}

/* Basket buttons - bigger product spot */
.productinfoherospot .basketButton,
.productinfospot .basketButton{
    float:left !important;
}


/**************************
*       Other buttons     *
***************************/

/* View button */
.viewButton {
    width: 63px;
    float:left !important;
    margin-right:6px;
}

tr.productinfospot td.productinfospot .viewButton {
    margin-right:3px;
}

.featuredProductsContainer tr.productinfospot td.productinfospot .viewButton {
    margin-right: 40px;
    margin-left: 10px;
}

/* Continue shopping */
.continueShoppingButton {
    width: 160px;
    float:left;
}

/* Help button */
.helpButton {
    width: 60px;
    float:left;
}

/* updateQuantity - Basket */
.updateQuantityButton {
    width: 120px;
    margin-top: -22px;
}

/* Savebasket */
.saveformButton {
    width:100px;
}

/* Logon */
.loginButton {
    width:60px;
    float:left !important;
    margin-right:10px;
}

/* Create eAccount */
.registerButton {
    width:160px;
    float:left !important;
}

/* Business */
.checkoutBusinessButton {
    float:left !important;
    width: 100px;
    margin-left: 52px;
    margin-right: 90px;
}

/* Consumer */
.checkoutConsumerButton {
    float:left !important;
    width: 100px;
}

/* Checkout - Add to basket dialog*/
.checkoutaddtobasketButton {
    width:70px;
}

/* Compare */
.compareButton {
    width:90px;
    float:none !important;
    margin-bottom:2px;
}

/* Back to modify my account - My Account */
.backtomodifyaccountButton {
    width:200px;
}

/* Submit - Responsys, My Account forms */
.myaccountsubmitButton {
    width:80px;
    float:none !important;
}

.ordernumbersearchButton {
    width:80px;
    float:none !important;
}

.ordernumbersearch2Button {
    width:80px;
    float:none !important;
}

.MyAccountChangePassword .myaccountsubmitButton,
.MyAccountChangeEmail .myaccountsubmitButton {
    position: relative;
    left: auto;
}

/* Back to checkout - My Account (Addresses) */
.backtocheckoutButton {
    width:200px;
}

/* Add Address Save */
.addaddressButton,
 .addaddresscancelButton,
 .saveaddressButton,
 .saveaddresscancelButton
{    
    width:80px;
    float:none !important;
    left:auto;
}

/* Add new address */
.addnewaddressButton {
    float: none !important;
    width: 142px;
}
/* Addressbook search */
.searchaddressButton {
    width:80px;
}

/* Yes, No */
.deleteaddressconfirmyesButton,
.deleteaddressconfirmnoButton {
    width: 40px;
}

/* Feedback submit */
.submitfeedbackButton {
    width:100px;
    float: none !important;
}

/* Preview reviews */
.reviewpreviewButton {
    width:100px;
    margin-right: -12px;
}

/* Preview confirms */
.ConfirmButtonButton {
    float: left !important;
    width: 80px;
    margin-left:6px;
}

/* Preview edit (cancel) */
.EditButtonButton {
    float: left !important;
    width: 80px;
}

/* Customer feedback submit */
.feedbacksubmitButton {
    width: 80px;
}

/* Sub and win */
.subandwinsubmitButton {
    width: 80px;
    float: none !important;
}

/* Ebook request */
.ebookrequestsubmitButton {
    width: 80px;
    float: none !important;
}

/* Return form */
.returnformsubmitButton {
    width: 80px;
    float: none !important;
}

/* CS form */
.customerservicesubmitButton {
    width: 80px;
    float: none !important;
}

/* Technical help */
.technicalhelpsubmitButton {
    width: 80px;
    float: none !important;
}

/* Catalogue request */
.cataloguerequestsubmitButton {
    width: 80px;
    float: none !important;
}

/* Quick order reset all */
.quickorderresetButton {
    width: 100px;
    float: none !important;
    margin-left: 202px;
    margin-right: 27px;
}

/* Add all items - Qucik order */
.quickordersubmitButton {
    width: 180px;
    float: none !important;
}

/* Edit basket - Checkout */
.editOrderImageButton {
    width: 130px;
}

/* Edit address - Checkout */
.changeaddresscheckoutButton {
    width: 80px;
    float: left !important;
    margin-top: 10px;
}

/* Register suubmit */
.submitRegisterButton {
    width:100px;
    float: none !important;
}

/* find address */
.customerAddressHelper1Button {
    width:100px;
    margin-right:525px;
}

input.customerAddressHelper1Button {
    display: none;
}

input.customerAddressHelperButton {
    display: none;
}

.customerAddressHelperButton {
    float: left !important;
    margin-left: 9px;
}


#CatalogueRequestForm .customerAddressHelperButton{
    width:100px;
    margin-right:160px;
}


.addSelectedItemsButton {
    line-height: 24px !important;
    height: 24px !important;
    padding: 2px 9px !important;
}

/* Forgot password submit */
.forgotpasswordsubmitemauilButton {
    width:80px;
    margin-right: 2px;
}

/* Forgot password submit - NoJs */
input.forgotpasswordsubmitemauilButton {
    margin-right: 9px !important;
}

/* Back to homepage - Order thanks */
.backtohomepageButton {
    width: 200px;
    float: none !important;
}

.send500errordetailsButton {
    width: 80px;
    float: left !important;
    margin-top: 20px;
}

.savedBasketHeader .basketButton {
     float: none !important;
}

.accountvalidateButton {
    width:80px;
}

.ribapaymentsubmitButton {
    width:80px;
     float: none !important;
}

.resetpasswordsubmitButton {
    width:80px;
    margin-right: 2px;
}


#ChangePassword .myaccountsubmitButton {

     margin-left: 451px;
    margin-top: -15px;

}

#MyAccountChangeEmail .myaccountsubmitButton {
    margin-left: 451px;
    margin-top: -15px;
}

#MyAccountChangeName .myaccountsubmitButton {
    margin-left: 451px;
    margin-top: -15px;
}

/*Responsys forms*/
form#mainDetail .myaccountsubmitButton {
    margin-left: 451px;
}

.quickViewSeeMoreDetailsButton {
    height: 24px !important;
    line-height: 24px !important;
    margin-right: 18px;
    padding: 2px 9px 2px 9px !important;
    font-weight: 100;
}

div.quickView .continueShoppingButton {
    height: 24px !important;
    line-height: 24px !important;
    margin-right: 18px;
    width: auto;
    padding: 2px 9px 2px 9px !important;
    font-weight: 100;
}

    div.quickView .continueShoppingButton i {
    margin-right: 9px;
    
    }

#AddToBasketExtended .continueShoppingButton {
    height: 24px !important;
    line-height:24px;
    width: auto; 
    padding: 2px 9px 2px 9px !important;
    margin: 9px 18px 9px 0;

}

    #AddToBasketExtended .continueShoppingButton i {
    margin-right: 9px;
    
    }

#AddToBasketExtended .checkoutaddtobasketButton {
  height: 24px !important;
    line-height:24px;
    width: auto; 
    padding: 2px 9px 2px 9px !important;
    margin: 9px 18px;
}

#AddToBasketExtended .checkoutaddtobasketButton i {
    margin-left: 9px;
    
    }

/*****************************/
/*        Organization       */
/*****************************/


.acceptinvitationButton {
margin-right:10px;
width: 100px;
}

.myaccountclubdeleteButton {
    width: 120px;
    margin-left: 10px;

}

.myaccountclubusersaveButton {
       width: 140px;
}

.myaccountclubinviteButton {
       width: 140px;
}

.myaccountclubuserdeleteButton {
    width: 140px;
    margin-left: 10px;
}

.ordersendforclubapprovalButton {
    height: 24px !important;
    line-height: 24px !important;
    width: 180px;
    font-size: 14px !important;
    margin-top: 9px;
}

.manageBillingsButton {
    width: 200px;

}

.manageShippingsButton {
    width: 200px;

}

.orderDetailsButton {
    width:80px;
}

.findOrdersButton {
    width:80px;
}

.myaccountclubusersaveButton,
.myaccountclubinviteButton,
.myaccountclubuserdeleteButton {
    height: 24px !important;
    line-height: 24px !important;
    font-size: 14px !important;
}

.updateorderButton,
.approveorderButton,
.rejectorderButton,
.cancelorderButton,
.repopulateorderButton,
.completeorderButton,
.clubmanualbasketcleanupButton,
.clubautomaticbasketcleanupButton,
.myaccountclubsaveButton,
.myaccountclubdeleteButton {
    height: 24px !important;
    line-height: 24px !important;
    font-size: 14px !important;
    width: 140px;
}

.updateorderButton,
.approveorderButton,
.rejectorderButton,
.cancelorderButton,
.repopulateorderButton,

.clubmanualbasketcleanupButton,
.clubautomaticbasketcleanupButton,
.myaccountclubsaveButton,
.myaccountclubdeleteButton {
    margin-right: 9px;
}

.completeorderButton,
.approveorderButton {
   margin-right: 0px;
}


.clubmanualbasketcleanupButton,
.clubautomaticbasketcleanupButton {
    float: left !important;
    width: 200px;
}

.myaccountclubsaveButton,
.myaccountclubdeleteButton {
    height: 24px !important;
    line-height: 24px;
    font-size: 14px !important;
}

.acceptinvitationButton,
.rejectinvitationButton {
    height: 24px !important;
    line-height: 24px !important;
    font-size: 14px !important;
    width: 140px !important;
}

/**************************
*   Market specific       *
***************************/

body.deAT1201 .saveformButton,
body.deCH1203 .saveformButton,
body.deDE1204 .saveformButton {
    width: 135px !important;
}


body.deAT1201 .updateQuantityButton,
body.deCH1203 .updateQuantityButton,
body.deDE1204 .updateQuantityButton {
    width: 130px;
}

body.esES1205 .updateQuantityButton {
       width: 135px;
}
body.esES1205 .helpButton {
    width: 70px;
}


body.deAT1201 .VoucherValidateImageButton,
body.deCH1203 .VoucherValidateImageButton,
body.deDE1204 .VoucherValidateImageButton {
     margin-top: -6px !important;
     width: 154px !important;
}

body.deAT1201 .placeorderButton,
body.deCH1203 .placeorderButton,
body.deDE1204 .placeorderButton {
    width: 190px !important;
}

body.deAT1201 .backtomodifyaccountButton,
body.deCH1203 .backtomodifyaccountButton, 
body.deDE1204 .backtomodifyaccountButton {
    width: 230px;
}

body.nlNL1208 .viewButton {
    width: 66px !important;
}

body.nlNL1208 .productinfospot .viewButton {
    margin-right: 3px !important;
}

body.nlNL1208 .updateQuantityButton {
    width: 130px !important;
}

body.nlNL1208 .loginButton {
    width: 70px !important;
}

body.nlNL1208 .backtomodifyaccountButton {
    width: 215px !important;
}

body.itIT1212 .viewButton {
    margin-right: 5px !important;
}

body.itIT1212 #carousel .viewButton {
    margin-right: 3px !important;
}


body.itIT1212 .checkoutaddtobasketButton {
    width: 166px;
}

body.esES1205 .checkoutaddtobasketButton {
    width: 166px;
}

body.itIT1212 .VoucherValidateImageButton {
    width: 160px !important;
    margin-bottom: 13px !important;
}

body.itIT1212 .quickordersubmitButton {
width: 210px !important;
}

body.esES1205 .quickordersubmitButton {
width: 210px !important;
}

body.nlNL1208 .addbasketproductButton,
body.nlNL1208 .addbasketproductquickButton,
body.nlNL1208 .addbasketproductlargequickButton,
body.nlNL1208 .searchLinkDiv .basketButton
{
width: 65px !important;
}

body.nlNL1208 tr.productinfospot td.productinfospot .viewButton {
    margin-right: 1px !important;
}

body.nlNL1208 .basketButton {
width: auto;
}

body.itIT1212 .myaccountclubuserdeleteButton {
    width: initial;
    padding: 2px 9px !important;
}


body.esES1205 .myaccountclubsaveButton,
body.esES1205 .myaccountclubdeleteButton {
width:155px;
}

body.deAT1201 .myaccountclubsaveButton,
body.deCH1203 .myaccountclubsaveButton,
body.deDE1204 .myaccountclubsaveButton,
body.deAT1201 .myaccountclubdeleteButton,
body.deCH1203 .myaccountclubdeleteButton,
body.deDE1204 .myaccountclubdeleteButton{
width:170px;
}

.extraproductrequestsubmitButton,
.quotationrequestsubmitButton {
    width: 100px;
}
