@charset "UTF-8";
/* CSS Document */

/* ------------------------- BUTTON STYLES ------------------------- */

.button-block {
    position: relative;
    overflow: hidden;
    display: block;
    text-align: center;
    margin: 20px 0px 20px 0px;
}
.button-block.below {
    margin-top: 0px;
    padding-bottom: 15px;
}
.button-block.above {
    margin-bottom: 0px;
    border-top: #e9e9e9 solid 1px;
    padding-top: 15px;
}
.button-block.skinny {
    margin-top: 0px;
    margin-bottom: 0px;
}

.button-block-left,
.button-block-right {
    display: block;
    width: 50%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.button-block-left {
    float: left;
    border-right: #E0E0E0 solid 1px;
}
.button-block-right {
    float: right;
}
input.button {
    display: inline;
    max-width: 60%;
}
input.button:focus {
    background-color: #aa3f49 !important;
}

.button {
    display: inline-block;
    background-color: #aa3f49;
    font-family:'eurostilebold';
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    min-width: 200px;
    padding: 10px 20px 8px 20px !important;
    margin: 10px 15px 10px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: none !important;
}
.button:hover {
    color: #FFFFFF;
}

.button.large {
    padding: 15px 0px 13px 0px !important;
    margin: 10px 0px 10px 0px;
    width: 100% !important;
    font-size: 18px;
}
.button.fat {
    width: 60%;
    font-size: 18px;
    padding: 18px 0px 16px 0px !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.button.giant {
    width: 85%;
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 22px 0px 20px 0px !important;
}
input.button.giant {
    max-width: 85%;
}
.button.small, .small-buttons .button {
    min-width: 140px;
    font-size: 13px;
    margin: 8px 5px 8px 5px;
}
.button.hidden-submit {
    width: 1px;
    height:1px;
    visibility:hidden;
    position: absolute;
}

.thumb .button-block.below {
    margin-top: 10px;
}

.thumb .button-block .button {
    min-width: 0px;
    width: 100%;
    margin: 5px 0px 5px 0px;
    padding-top: 6px !important;
    padding-bottom: 4px !important;
    font-size: 13px;
}

.small-buttons .thumb .button-block .button {
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 0px;
    margin-bottom: 6px;
}

/* Colors */

.button.blue {
    background-color: #5185a4;
}
.button.orange {
    background-color: #d78741;
}
.button.green {
    background-color: #59a065;
/*     background-color: #41b380; */
}
input.button.green:focus {
    background-color: #59a065 !important;
}
.button.purple {
    background-color: #957d9a;
}
.button.delivered {
    background-color: #68ad66;
}
.button.innocuous {
    background: transparent;
    color: #404040;
    border: #C0c0c0 solid 1px !important;
}

.section-header .button {
    color: #5185a4;
    position: absolute;
    right: 0;
    top: 40%;
	-webkit-transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	transform: translateY(-60%);
	min-width: 50px;   
	font-size: 12px; 
	letter-spacing: 0.1em;
	background: transparent;
}
.section-header.purple .button {
    color: #7b5c82;
}
.section-header.orange .button {
    color: #d78741;
}
.section-header.green .button {
    color: #59a065;
}