/**
 * CSS Buttons Stylesheet
 *
* Template designed by 12leaves.com
* 12leaves.com - Free ecommerce templates and design services
 * Thanks to paulm for much of the content of the CSS buttons code
 *
 * @package templateSystem
 * @copyright Copyright 2008-2009 12leaves.com
 * @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 4567 2006-09-20 01:55:24Z birdbrain $
 */

/* css buttons */
.navNextPrevWrapper a,.buttonRow a{text-decoration:none ;}
.centerBoxContentsProducts .cssButton.button_sold_out_sm:hover,
.centerBoxContentsProducts .cssButtonHover.button_sold_out_sm {
    background-color: #d71921 !important; /* Keep it consistent */
    border-color: #d71921 !important;
    cursor: default;
}
.cssButtonHover span,.cssButton span{text-decoration:none ;}

input.cssButton { padding:0 50px;}
input.cssButtonHover { padding:0 50px;}
/* 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  {/*width: 7em;*/}
.button_update_cart, .button_checkout, .button_login {/*width: 10em;*/}
.button_return_to_product_list, .button_add_selected {/*width: 22em;*/}

.centerBoxContentsProducts .cssButton.button_sold_out_sm {
    display: inline-block;
    background-color: #d71921;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 0px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 15em; /* New width */
}

.button_in_cart {
}  

.button_submit {/*width: 18em;*/}
.button_update_cart { padding:0px 5px;}
.button_update_cartHover {color: #003D00;}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/

.button-search-header {
/*	border: 0px;*/
	width: 20px;
	margin: 0;
	float: left;
/*	background: url("../images/main_sidebox_left.gif") left top;*/
}
.addtocart {
    border-radius: 5px;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #1192ff;
    border: #1192ff;
    font-weight: bolder;
}
/* Default Button Style */
.changeAddress {
    display: inline-block;
    background-color: #003366; /* Modern blue color */
    color: #ffffff!important;
    font-size: 1rem;
    font-weight: bold;
    padding: 10px 20px; /* Consistent padding */
    border-radius: 1px; /* Slightly rounded corners */
    border: none; /* Remove default border */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    text-align: center;
    text-decoration: none; /* Remove underline */
    cursor: pointer;
    transition: all 0.3s ease; /* Smooth hover effect */
}

/* Hover State */
.changeAddress:hover {
    background-color: #0056b3; /* Slightly darker blue */
    color: #fff; /* Keep text white */
    transform: translateY(-2px); /* Subtle lift effect */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Slightly larger shadow */
}

/* Ensure Consistency */
.changeAddress:focus,
.changeAddress:active {
    background-color: #004085; /* Darker blue for active state */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); /* Pressed button effect */
    outline: none; /* Remove outline on focus */
}

/* Style for the Continue Button */
.newButtonClass {
    background-color: #000; /* Black background */
    color: #fff; /* White text */
    font-size: 1.2rem; /* Slightly larger font */
    font-weight: bold;
    padding: 15px 40px!important; /* Increased top and bottom padding for better spacing */
    border: none; /* Remove border */
    border-radius: 1px; /* Rounded corners */
    cursor: pointer;
    text-align: center;
}

/* Hover State */
.newButtonClass:hover {
    background-color: #003366; /* White background */
    color: #ffffff; /* Black text */
}