/* Buttons default */


/*.clear {  generic container (i.e. div) for floating buttons 
    overflow: hidden;
    width: 100%;
}
*/

.button {
    background: transparent url('/images/fo/buttons_a.png') no-repeat scroll right 0;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.button span {
    background: transparent url('/images/fo/buttons.png') no-repeat left 0;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    text-shadow: none;
    font-weight: bold;
}

.button span small {
  display: block;
  font-weight: normal;
}

/* button grey */
.button.buttonGrey { height: 43px; padding: 0 5px 0 0;  }
.button.buttonGrey span { font: bold 12px/33px Arial; padding: 5px 26px 5px 31px;  }

.button.buttonGrey:hover { background-position: right -46px; }
.button.buttonGrey:hover span { color: #FFF; background-position: left -46px; }

/* button big */

.button.buttonBig {  background-position: right -99px; height: 51px; padding: 0 20px 0 0; }
.button.buttonBig span {  background-position: left -99px; font: bold 12px/41px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonBig:hover {  background-position: right -153px;  }
.button.buttonBig:hover span {  background-position: left -153px; color: #FFF;}

/*button medium */

.button.buttonMedium {  background-position: right -214px; height: 37px; padding: 0 20px 0 0; }
.button.buttonMedium span {  background-position: left -214px; font: bold 12px/27px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMedium:hover {  background-position: right -254px;  }
.button.buttonMedium:hover span {  background-position: left -254px; color: #FFF;}


/* Small button */
.button.buttonSmall {  background-position: right -300px; height: 34px; padding: 0 20px 0 0;}
.button.buttonSmall span {  background-position: left -300px; font: bold 12px/24px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonSmall:hover {  background-position: right -336px;  }
.button.buttonSmall:hover span {  background-position: left -336px; color: #FFF;}

 /* mini button */

.button.buttonMini { background-position: right -379px; height: 27px; padding: 0 20px 0 0;}
.button.buttonMini span {  background-position: left -379px; font: bold 12px/18px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMini:hover {  background-position: right -408px;  }
.button.buttonMini:hover span {  background-position: left -408px; color: #FFF;}


.button.buttonBig.doubleLine span{
    height: 41px;
    line-height: 19px !important;
    text-align: center;

}

.orderButtons {
    margin: 0 auto;
    position: relative;
    color: #FFF !important;
    width: 490px;
}

/*
 * Double Button Blue (In the product page - Bokeh)
 */
.doubleButtonblue {
    float: left;
    position: relative;
    margin-right:10px;
    z-index: 30;
}
.doubleButtonblue li{
    background: none !important;
    float: left;
    min-width: 140px;
    padding: 0 !important;
}
.doubleButtonblue li a.firstItem{
    position:relative;
    right:-6px;
    border-right: 1px solid #0070b7;
    padding-right: 0;
}

.doubleButtonblue li a.firstItem span {
    padding-right: 20px;
}

.doubleButtonblue li a {
    float: left;
    color: #FFFFFF !important;
    font: bold 12px/18px Arial; 
}

.buttonIntranet {
 background: url("/images/fo/button-intranet.png") repeat-x scroll 0 -60px transparent;
    height: 51px;
    text-indent: -10000px;
    width: 145px;
    float:left;
}

.buttonIntranet:hover, .buttonIntranet.selected { background-position: left 0; }

.addCart {
    background: url("/images/fo/add-cart.png") repeat-x scroll 0 0 transparent;
    color: #FFF;
}
.addCart:hover {
    background-position: 0 bottom; 
}    

button.addCart, input[type=submit].addCart {
  height: 37px;
  width: 132px;
}

.addCart.buttonBlue:hover {
    background-position: 0 -42px;
    color: #FFF;
}utton.buttonBig {  background-position: right -99px; height: 51px; padding: 0 20px 0 0; }
.button.buttonBig span {  background-position: left -99px; font: bold 12px/41px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonBig:hover {  background-position: right -153px;  }
.button.buttonBig:hover span {  background-position: left -153px; color: #FFF;}

/*button medium */

.button.buttonMedium {  background-position: right -214px; height: 37px; padding: 0 20px 0 0; }
.button.buttonMedium span {  background-position: left -214px; font: bold 12px/27px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMedium:hover {  background-position: right -254px;  }
.button.buttonMedium:hover span {  background-position: left -254px; color: #FFF;}


/* Small button */
.button.buttonSmall {  background-position: right -300px; height: 34px; padding: 0 20px 0 0;}
.button.buttonSmall span {  background-position: left -300px; font: bold 12px/24px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonSmall:hover {  background-position: right -336px;  }
.button.buttonSmall:hover span {  background-position: left -336px; color: #FFF;}

 /* mini button */

.button.buttonMini { background-position: right -379px; height: 27px; padding: 0 20px 0 0;}
.button.buttonMini span {  background-position: left -379px; font: bold 12px/18px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMini:hover {  background-position: right -408px;  }
.button.buttonMini:hover span {  background-position: left -408px; color: #FFF;}


.button.buttonBig.doubleLine span{
    height: 41px;
    line-height: 19px !important;
    text-align: center;

}

.orderButtons {
    margin: 0 auto;
    position: relative;
    color: #FFF !important;
    width: 490px;
}

/*
 * Double Button Blue (In the product page - Bokeh)
 */
.doubleButtonblue {
    float: left;
    position: relative;
    margin-right:10px;
    z-index: 30;
}
.doubleButtonblue li{
    background: none !important;
    float: left;
    min-width: 140px;
    padding: 0 !important;
}
.doubleButtonblue li a.firstItem{
    position:relative;
    right:-6px;
    border-right: 1px solid #0070b7;
    padding-right: 0;
}

.doubleButtonblue li a.firstItem span {
    padding-right: 20px;
}

.doubleButtonblue li a {
    float: left;
    color: #FFFFFF !important;
    font: bold 12px/18px Arial; 
}

.buttonIntranet {
 background: url("/images/fo/button-intranet.png") repeat-x scroll 0 -60px transparent;
    height: 51px;
    text-indent: -10000px;
    width: 145px;
    float:left;
}

.buttonIntranet:hover, .buttonIntranet.selected { background-position: left 0; }

.addCart {
    background: url("/images/fo/add-cart.png") repeat-x scroll 0 0 transparent;
    color: #FFF;
}
.addCart:hover {
    background-position: 0 bottom; 
}    

button.addCart, input[type=submit].addCart {
  height: 37px;
  width: 132px;
}

.addCart.buttonBlue:hover {
    background-position: 0 -42px;
    color: #FFF;
}utton.buttonBig {  background-position: right -99px; height: 51px; padding: 0 20px 0 0; }
.button.buttonBig span {  background-position: left -99px; font: bold 12px/41px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonBig:hover {  background-position: right -153px;  }
.button.buttonBig:hover span {  background-position: left -153px; color: #FFF;}

/*button medium */

.button.buttonMedium {  background-position: right -214px; height: 37px; padding: 0 20px 0 0; }
.button.buttonMedium span {  background-position: left -214px; font: bold 12px/27px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMedium:hover {  background-position: right -254px;  }
.button.buttonMedium:hover span {  background-position: left -254px; color: #FFF;}


/* Small button */
.button.buttonSmall {  background-position: right -300px; height: 34px; padding: 0 20px 0 0;}
.button.buttonSmall span {  background-position: left -300px; font: bold 12px/24px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonSmall:hover {  background-position: right -336px;  }
.button.buttonSmall:hover span {  background-position: left -336px; color: #FFF;}

 /* mini button */

.button.buttonMini { background-position: right -379px; height: 27px; padding: 0 20px 0 0;}
.button.buttonMini span {  background-position: left -379px; font: bold 12px/18px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMini:hover {  background-position: right -408px;  }
.button.buttonMini:hover span {  background-position: left -408px; color: #FFF;}


.button.buttonBig.doubleLine span{
    height: 41px;
    line-height: 19px !important;
    text-align: center;

}

.orderButtons {
    margin: 0 auto;
    position: relative;
    color: #FFF !important;
    width: 490px;
}

/*
 * Double Button Blue (In the product page - Bokeh)
 */
.doubleButtonblue {
    float: left;
    position: relative;
    margin-right:10px;
    z-index: 30;
}
.doubleButtonblue li{
    background: none !important;
    float: left;
    min-width: 140px;
    padding: 0 !important;
}
.doubleButtonblue li a.firstItem{
    position:relative;
    right:-6px;
    border-right: 1px solid #0070b7;
    padding-right: 0;
}

.doubleButtonblue li a.firstItem span {
    padding-right: 20px;
}

.doubleButtonblue li a {
    float: left;
    color: #FFFFFF !important;
    font: bold 12px/18px Arial; 
}

.buttonIntranet {
 background: url("/images/fo/button-intranet.png") repeat-x scroll 0 -60px transparent;
    height: 51px;
    text-indent: -10000px;
    width: 145px;
    float:left;
}

.buttonIntranet:hover, .buttonIntranet.selected { background-position: left 0; }

.addCart {
    background: url("/images/fo/add-cart.png") repeat-x scroll 0 0 transparent;
    color: #FFF;
}
.addCart:hover {
    background-position: 0 bottom; 
}    

button.addCart, input[type=submit].addCart {
  height: 37px;
  width: 132px;
}

.addCart.buttonBlue:hover {
    background-position: 0 -42px;
    color: #FFF;
}tton big */

.button.buttonBig {  background-position: right -99px; height: 51px; padding: 0 20px 0 0; }
.button.buttonBig span {  background-position: left -99px; font: bold 12px/41px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonBig:hover {  background-position: right -153px;  }
.button.buttonBig:hover span {  background-position: left -153px; color: #FFF;}

/*button medium */

.button.buttonMedium {  background-position: right -214px; height: 37px; padding: 0 20px 0 0; }
.button.buttonMedium span {  background-position: left -214px; font: bold 12px/27px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMedium:hover {  background-position: right -254px;  }
.button.buttonMedium:hover span {  background-position: left -254px; color: #FFF;}


/* Small button */
.button.buttonSmall {  background-position: right -300px; height: 34px; padding: 0 20px 0 0;}
.button.buttonSmall span {  background-position: left -300px; font: bold 12px/24px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonSmall:hover {  background-position: right -336px;  }
.button.buttonSmall:hover span {  background-position: left -336px; color: #FFF;}

 /* mini button */

.button.buttonMini { background-position: right -379px; height: 27px; padding: 0 20px 0 0;}
.button.buttonMini span {  background-position: left -379px; font: bold 12px/18px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMini:hover {  background-position: right -408px;  }
.button.buttonMini:hover span {  background-position: left -408px; color: #FFF;}


.button.buttonBig.doubleLine span{
    height: 41px;
    line-height: 19px !important;
    text-align: center;

}

.orderButtons {
    margin: 0 auto;
    position: relative;
    color: #FFF !important;
    width: 490px;
}

/*
 * Double Button Blue (In the product page - Bokeh)
 */
.doubleButtonblue {
    float: left;
    position: relative;
    margin-right:10px;
    z-index: 30;
}
.doubleButtonblue li{
    background: none !important;
    float: left;
    min-width: 140px;
    padding: 0 !important;
}
.doubleButtonblue li a.firstItem{
    position:relative;
    right:-6px;
    border-right: 1px solid #0070b7;
    padding-right: 0;
}

.doubleButtonblue li a.firstItem span {
    padding-right: 20px;
}

.doubleButtonblue li a {
    float: left;
    color: #FFFFFF !important;
    font: bold 12px/18px Arial; 
}

.buttonIntranet {
 background: url("/images/fo/button-intranet.png") repeat-x scroll 0 -60px transparent;
    height: 51px;
    text-indent: -10000px;
    width: 145px;
    float:left;
}

.buttonIntranet:hover, .buttonIntranet.selected { background-position: left 0; }

.addCart {
    background: url("/images/fo/add-cart.png") repeat-x scroll 0 0 transparent;
    color: #FFF;
}
.addCart:hover {
    background-position: 0 bottom; 
}    

button.addCart, input[type=submit].addCart {
  height: 37px;
  width: 132px;
}

.addCart.buttonBlue:hover {
    background-position: 0 -42px;
    color: #FFF;
}utton.buttonBig {  background-position: right -99px; height: 51px; padding: 0 20px 0 0; }
.button.buttonBig span {  background-position: left -99px; font: bold 12px/41px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonBig:hover {  background-position: right -153px;  }
.button.buttonBig:hover span {  background-position: left -153px; color: #FFF;}

/*button medium */

.button.buttonMedium {  background-position: right -214px; height: 37px; padding: 0 20px 0 0; }
.button.buttonMedium span {  background-position: left -214px; font: bold 12px/27px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMedium:hover {  background-position: right -254px;  }
.button.buttonMedium:hover span {  background-position: left -254px; color: #FFF;}


/* Small button */
.button.buttonSmall {  background-position: right -300px; height: 34px; padding: 0 20px 0 0;}
.button.buttonSmall span {  background-position: left -300px; font: bold 12px/24px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonSmall:hover {  background-position: right -336px;  }
.button.buttonSmall:hover span {  background-position: left -336px; color: #FFF;}

 /* mini button */

.button.buttonMini { background-position: right -379px; height: 27px; padding: 0 20px 0 0;}
.button.buttonMini span {  background-position: left -379px; font: bold 12px/18px Arial !important; padding: 5px 0px 5px 20px; }

.button.buttonMini:hover {  background-position: right -408px;  }
.button.buttonMini:hover span {  background-position: left -408px; color: #FFF;}


.button.buttonBig.doubleLine span{
    height: 41px;
    line-height: 19px !important;
    text-align: center;

}

.orderButtons {
    margin: 0 auto;
    position: relative;
    color: #FFF !important;
    width: 490px;
}

/*
 * Double Button Blue (In the product page - Bokeh)
 */
.doubleButtonblue {
    float: left;
    position: relative;
    margin-right:10px;
    z-index: 30;
}
.doubleButtonblue li{
    background: none !important;
    float: left;
    min-width: 140px;
    padding: 0 !important;
}
.doubleButtonblue li a.firstItem{
    position:relative;
    right:-6px;
    border-right: 1px solid #0070b7;
    padding-right: 0;
}

.doubleButtonblue li a.firstItem span {
    padding-right: 20px;
}

.doubleButtonblue li a {
    float: left;
    color: #FFFFFF !important;
    font: bold 12px/18px Arial; 
}

.buttonIntranet {
 background: url("/images/fo/button-intranet.png") repeat-x scroll 0 -60px transparent;
    height: 51px;
    text-indent: -10000px;
    width: 145px;
    float:left;
}

.buttonIntranet:hover, .buttonIntranet.selected { background-position: left 0; }

.addCart {
    background: url("/images/fo/add-cart.png") repeat-x scroll 0 0 transparent;
    color: #FFF;
}
.addCart:hover {
    background-position: 0 bottom; 
}    

button.addCart, input[type=submit].addCart {
  height: 37px;
  width: 132px;
}

.addCart.buttonBlue:hover {
    background-position: 0 -42px;
    color: #FFF;
}