/*--------------------------------------------------------------------------------------------------

   Simply Buttons, version 1.0
   (c) 2007-2009 Kevin Miller

   This script is freely distributable under the terms of an MIT-style license.

   BUTTON DEFINITIONS

   Edit below at your own risk, everything done here is for a reason for cross browser
   compatibility so that the buttons will appear identical in the tested browsers.

   Tested on: IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC)

--------------------------------------------------------------------------------------------------*/

button.simplybutton,
a.simplybutton,
a.simplybutton:link,
a.simplybutton:visited {
    /*
	Strip down the button and link elements to a base we can work with.
    */
    padding: 0 0 0 0;
    margin: 0 3px 0 3px;
    border: none;
    display: block;
    float: left;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
    overflow: visible;
}

* html a.simplybutton,
* html a.simplybutton:link,
* html a.simplybutton:visited {
    /*
        IE6 fix to make link fit text.
    */
    width: 1%;
}

button.simplybutton, x:-moz-any-link {
    /*
        FF fix to make button spacing even across browsers.
    */
    margin: 0 0 0 0;
}

*:first-child+html button.simplybutton {
    /*
        Reset IE7 back to what it was for previous fix.
    */
    margin: 0 3px 0 3px;
}

button.simplybutton span,
a.simplybutton span,
a.simplybutton:link span,
a.simplybutton:visited span {
    /*
        Set the span tags to display: block, as they will work our background-image magic.
    */
    display: block;
}

/*--------------------------------------------------------------------------------------------------

   CUSTOMIZATIONS

   Edit below to change the look and feel of the buttons and even add more classes for
   different looks and feels.

--------------------------------------------------------------------------------------------------*/

/**
* Large buttons
*/
button.button,
button.simplybutton,
button.button-warenkorb-checkout,
button.button-submit,
input.button-large,
input.button-anmelden,
input.button-bestellen,
input.button,
input.button-submit,
a.order,
a.simplybutton,
a.simplybutton:link,
a.simplybutton:visited {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
    padding: 4px 30px 4px 10px;
    background: #eeaa00 url(../images/button/buttonArrow.png) no-repeat right center; /* Old browsers */
    background: url(../images/button/buttonArrow.png) no-repeat right center, -moz-linear-gradient(top,  rgba(229,201,162,1) 0%, rgba(228,199,157,1) 4%, rgba(234,180,110,1) 24%, rgba(234,178,104,1) 28%, rgba(234,171,91,1) 32%, rgba(237,168,77,1) 36%, rgba(239,149,29,1) 44%, rgba(240,142,15,1) 48%, rgba(231,132,3,1) 52%, rgba(221,123,0,1) 56%, rgba(218,124,0,1) 60%, rgba(221,125,2,1) 68%, rgba(240,136,1,1) 92%, rgba(247,137,0,1) 96%, rgba(249,142,4,1) 100%); /* FF3.6+ */
    background: url(../images/button/buttonArrow.png) no-repeat right center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,201,162,1)), color-stop(4%,rgba(228,199,157,1)), color-stop(24%,rgba(234,180,110,1)), color-stop(28%,rgba(234,178,104,1)), color-stop(32%,rgba(234,171,91,1)), color-stop(36%,rgba(237,168,77,1)), color-stop(44%,rgba(239,149,29,1)), color-stop(48%,rgba(240,142,15,1)), color-stop(52%,rgba(231,132,3,1)), color-stop(56%,rgba(221,123,0,1)), color-stop(60%,rgba(218,124,0,1)), color-stop(68%,rgba(221,125,2,1)), color-stop(92%,rgba(240,136,1,1)), color-stop(96%,rgba(247,137,0,1)), color-stop(100%,rgba(249,142,4,1))); /* Chrome,Safari4+ */
    background: url(../images/button/buttonArrow.png) no-repeat right center, -webkit-linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/button/buttonArrow.png) no-repeat right center, -o-linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* Opera 11.10+ */
    background: url(../images/button/buttonArrow.png) no-repeat right center, -ms-linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* IE10+ */
    background: url(../images/button/buttonArrow.png) no-repeat right center, linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* W3C */
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #d67628;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.3), 0px 0px 0px rgba(255,255,255,0);
    cursor: pointer;
    outline: none;
}
/**
* Small buttons
*/
a.order,
input.button-anmelden,
input.button-bestellen {
    font-size: 14px;
    color: #ffffff;
    padding: 0px 25px 1px 5px;
    background: #eeaa00 url(../images/button/buttonArrowSmall.png) no-repeat right center; /* Old browsers */
    background: url(../images/button/buttonArrowSmall.png) no-repeat right center, -moz-linear-gradient(top,  rgba(229,201,162,1) 0%, rgba(228,199,157,1) 4%, rgba(234,180,110,1) 24%, rgba(234,178,104,1) 28%, rgba(234,171,91,1) 32%, rgba(237,168,77,1) 36%, rgba(239,149,29,1) 44%, rgba(240,142,15,1) 48%, rgba(231,132,3,1) 52%, rgba(221,123,0,1) 56%, rgba(218,124,0,1) 60%, rgba(221,125,2,1) 68%, rgba(240,136,1,1) 92%, rgba(247,137,0,1) 96%, rgba(249,142,4,1) 100%); /* FF3.6+ */
    background: url(../images/button/buttonArrowSmall.png) no-repeat right center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,201,162,1)), color-stop(4%,rgba(228,199,157,1)), color-stop(24%,rgba(234,180,110,1)), color-stop(28%,rgba(234,178,104,1)), color-stop(32%,rgba(234,171,91,1)), color-stop(36%,rgba(237,168,77,1)), color-stop(44%,rgba(239,149,29,1)), color-stop(48%,rgba(240,142,15,1)), color-stop(52%,rgba(231,132,3,1)), color-stop(56%,rgba(221,123,0,1)), color-stop(60%,rgba(218,124,0,1)), color-stop(68%,rgba(221,125,2,1)), color-stop(92%,rgba(240,136,1,1)), color-stop(96%,rgba(247,137,0,1)), color-stop(100%,rgba(249,142,4,1))); /* Chrome,Safari4+ */
    background: url(../images/button/buttonArrowSmall.png) no-repeat right center, -webkit-linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/button/buttonArrowSmall.png) no-repeat right center, -o-linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* Opera 11.10+ */
    background: url(../images/button/buttonArrowSmall.png) no-repeat right center, -ms-linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* IE10+ */
    background: url(../images/button/buttonArrowSmall.png) no-repeat right center, linear-gradient(top,  rgba(229,201,162,1) 0%,rgba(228,199,157,1) 4%,rgba(234,180,110,1) 24%,rgba(234,178,104,1) 28%,rgba(234,171,91,1) 32%,rgba(237,168,77,1) 36%,rgba(239,149,29,1) 44%,rgba(240,142,15,1) 48%,rgba(231,132,3,1) 52%,rgba(221,123,0,1) 56%,rgba(218,124,0,1) 60%,rgba(221,125,2,1) 68%,rgba(240,136,1,1) 92%,rgba(247,137,0,1) 96%,rgba(249,142,4,1) 100%); /* W3C */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

button.simplybutton.active,
a.simplybutton.active { }

button.simplybutton span,
button.button span
button.button-warenkorb-checkout span,
input.button-large span,
input.button-bestellen span,
input.button-anmelden span,
a.order span,
a.simplybutton span,
a.simplybutton:link span,
a.simplybutton:visited span { }

button.simplybutton span span,
input.button-large span span,
input.button-anmelden span span,
a.order span span,
input.button-bestellen span span,
a.simplybutton span span,
a.simplybutton:link span span,
a.simplybutton:visited span span { }

button.button:hover,
button.simplybutton:hover,
button.button-warenkorb-checkout:hover,
input.button-anmelden:hover,
input.button-bestellen:hover,
input.button-bestellen:hover
input.button-bestellen:hover,
input.button:hover,
a.order:hover,
a.simplybutton:hover { color: #eee; }

button.simplybutton.submit span,
a.simplybutton.submit span,
a.simplybutton.submit:link span,
a.simplybutton.submit:visited span { }

button.simplybutton.submit span span,
a.simplybutton.submit span span,
a.simplybutton.submit:link span span,
a.simplybutton.submit:visited span span { padding-left: 13px; background-image: url(../images/custom/sbutton-left.png); }

button.simplybutton.submit:hover,
a.simplybutton.submit:hover { }

button.simplybutton.cancel span,
a.simplybutton.cancel span,
a.simplybutton.cancel:link span,
a.simplybutton.cancel:visited span { }

button.simplybutton.cancel span span,
a.simplybutton.cancel span span,
a.simplybutton.cancel:link span span,
a.simplybutton.cancel:visited span span { padding-left: 13px; background-image: url(../images/custom/sbutton-left.png); }

button.simplybutton.cancel:hover,
a.simplybutton.cancel:hover { }

button.simplybutton:active span,
a.simplybutton:active span,
button.simplybutton.active span,
a.simplybutton.active span { background-position: right -34px; }

button.simplybutton:active span span,
a.simplybutton:active span span,
button.simplybutton.active span span,
a.simplybutton.active span span { background-position: left -34px; }

button.simplybutton[disabled],
button.simplybutton.disabled,
a.simplybutton.disabled { cursor: normal; color: inherit !important; }

button.simplybutton[disabled] span,
button.simplybutton.disabled span,
a.simplybutton.disabled span { background-position: right -68px; }

button.simplybutton[disabled] span span,
button.simplybutton.disabled span span,
a.simplybutton.disabled span span { background-position: left -68px; }

input#klarna_invoice_personalnumber { margin-right: 10px; }