﻿/**
 * CSS Buttons Stylesheet
 *
 * Thanks to paulm for much of the content of the CSS buttons code
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_css_buttons.css,v 1.5 2009/05/17 04:35:43 root Exp $
 */

/* css buttons */
.cssButton, .cssButtonHover {
background-color: #F4F4F4;
color : #000000;
border: 2px outset #F4F4F4;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
padding: 0.3em;
/*border-spacing: 1px;*/
/*margin-left: auto;
margin-right: auto;*/
/*display: block;*/
/*vertical-align: top;*/
/*line-height: 130%;*/
cursor: pointer;
}

.cssButtonHover {
color: #006600;
border-style: inset;
text-decoration: none;
}
/* adding the styles below might be needed if the default button width is changed */
/* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */
.small_delete, .button_prev, .button_next, .button_search  {}
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {}
.button_return_to_product_list, .button_add_selected {}
.button_in_cart{}  
.button_submit {}
.button_update_cart {color: red;}
.button_update_cartHover {color: #003D00;}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/


/* IMG BUTTONS */
.btnBigOrange a {
display:block;
background: url(../buttons/english/button_big_orange.gif) 0 0 no-repeat;
border: none;
width: 120px;
height: 50px;

font: bold italic 16px arial;
color:#ffffff;
text-align: center;
vertical-align: middle;
margin: 0 0 0 0;
padding:15px 0px 0px 0px;
text-decoration: none;
}
.btnBigOrange a:hover {
  color: #000000;
}
.btnBigOrange a:active, .btnBigOrange a:focus {
/*  padding:0; */
  font-weight: bold;
}

.btnTemplate a {
display:block;
background: url(../buttons/english/btn_template.gif) 0 0 no-repeat;
border: none;
width: 90px;
height: 30px;

font: bold italic 16px arial;
color:#ff6000;
text-align: center;
vertical-align: middle;
margin: 0 0 0 0;
padding:5px 0px 0px 0px;
text-decoration: none;
}
.btnTemplate a:hover {
  color: #000000;
}
.btnTemplate a:active, .btnBigOrange a:focus {
/*  padding:0; */
  font-weight: bold;
}

.btnSignIn a {
display:block;
background: url(../buttons/english/btn_signin1.gif) 0 0 no-repeat;
border: none;
width: 105px;
height: 35px;

font: bold italic 16px arial;
color:#ffffff;
text-align: center;
vertical-align: middle;
margin: 0 0 0 0;
padding:15px 0px 0px 0px;
text-decoration: none;
}

.btnRegister a {
display:block;
background: url(../buttons/english/btn_register1.gif) 0 0 no-repeat;
border: none;
width: 115px;
height: 35px;

font: bold italic 16px arial;
color:#ffffff;
text-align: center;
vertical-align: middle;
margin: 0 0 0 0;
padding:15px 0px 0px 0px;
text-decoration: none;
}








/* CSS BUTTONS */
.buttonBigOranges a, .buttonBigOranges button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#ff6000;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size: 14pt;
    /* line-height:130%; */
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    cursor:pointer;
    padding:10px 20px 10px 20px; /* Links */
}
.buttonBigOranges button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttonBigOranges button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttonBigOranges button img, .buttonBigOranges a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */
buttonBigOrange:hover, .buttonBigOranges a:hover{
    background-color:#ff8d03;
    border:1px solid #c2e1ef;
    color:#000000;
}
.buttonBigOranges a:active{
    background-color:#ffab77;
    border:1px solid #ffab77;
    color:#fff;
}

/* POSITIVE */
buttonBigOrange.positive, .buttonBigOranges a.positive{
    color:#529214;
}
.buttonBigOranges a.positive:hover, buttonBigOrange.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttonBigOranges a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */
.buttonBigOranges a.negative, buttonBigOrange.negative{
    color:#d12f19;
}
.buttonBigOranges a.negative:hover, buttonBigOrange.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttonBigOranges a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
