/*
 *
 *	Shopping Cart and Checkout Styling
 *
 */

.add-to-cart{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007b20), color-stop(1, #01b530));
	background:-moz-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:-webkit-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:-o-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:-ms-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:linear-gradient(to bottom, #007b20 5%, #01b530 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007b20', endColorstr='#01b530',GradientType=0);
	background-color:#007b20;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;

	/* Fixed Width */
	width:85px;
}

.add-to-cart:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #01b530), color-stop(1, #007b20));
	background:-moz-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:-webkit-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:-o-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:-ms-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:linear-gradient(to bottom, #01b530 5%, #007b20 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01b530', endColorstr='#007b20',GradientType=0);
	background-color:#01b530;
}

.remove-from-cart{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007b20), color-stop(1, #01b530));
	background:-moz-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:-webkit-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:-o-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:-ms-linear-gradient(top, #007b20 5%, #01b530 100%);
	background:linear-gradient(to bottom, #007b20 5%, #01b530 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007b20', endColorstr='#01b530',GradientType=0);
	background-color:#007b20;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	
	/* Fixed Width */
	width:85px;
}

.remove-from-cart:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #01b530), color-stop(1, #007b20));
	background:-moz-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:-webkit-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:-o-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:-ms-linear-gradient(top, #01b530 5%, #007b20 100%);
	background:linear-gradient(to bottom, #01b530 5%, #007b20 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01b530', endColorstr='#007b20',GradientType=0);
	background-color:#01b530;
}

/* Exists on the checkout page */
.checkout-button{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb300), color-stop(1, #ffde85));
	background:-moz-linear-gradient(top, #ffb300 5%, #ffde85 100%);
	background:-webkit-linear-gradient(top, #ffb300 5%, #ffde85 100%);
	background:-o-linear-gradient(top, #ffb300 5%, #ffde85 100%);
	background:-ms-linear-gradient(top, #ffb300 5%, #ffde85 100%);
	background:linear-gradient(to bottom, #ffb300 5%, #ffde85 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb300', endColorstr='#ffde85',GradientType=0);
	background-color:#ffb300;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #ffb300;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffb300;
}

.checkout-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffde85), color-stop(1, #ffb300));
	background:-moz-linear-gradient(top, #ffde85 5%, #ffb300 100%);
	background:-webkit-linear-gradient(top, #ffde85 5%, #ffb300 100%);
	background:-o-linear-gradient(top, #ffde85 5%, #ffb300 100%);
	background:-ms-linear-gradient(top, #ffde85 5%, #ffb300 100%);
	background:linear-gradient(to bottom, #ffde85 5%, #ffb300 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde85', endColorstr='#ffb300',GradientType=0);
	background-color:#ffde85;
}

/* Shopping Cart Icon from FontAwesome */
.fa-shopping-cart{
	padding-left:0px;
	padding-right:5px;
}

/* Cart Count Badge */

.cart-badge {
    background-color: #FFFFFF;
    border-radius: 70%;
    color: #000000;
    height: 16px; 
    min-width: 14px;
	padding: 2px 8px 2px 8px;
    text-align: center;
}

/* Checkout Summary Page : darker bckground for easier viewing */
#cart-checkout-table tbody tr:nth-child(even){ 
	background-color:rgba(211, 211, 211, 0.74); 
}

/* Div-style table for summary and controls on checkout */
.comm-ed-table{ 
	display: table; 
	width: 60%; 
	float: right; 
	margin-bottom:20px;
}

.comm-ed-tablerow { 
	display: table-row; 
}

.comm-ed-tablecell { 
	text-align:right; 
	display: table-cell; 
	padding: 0 0 10px 0 !important; 
	float: right; 
}

.mock-seperator{ 
	margin-bottom:10px !important; 
	border-bottom: 1px solid black; 
	width:155px; 
}

/* Handling checkout for phone display to shift with orientation of HTML tables */
@media only screen and (max-width: 600px) {
	.divTable{ 
		float: left; 
	}

	.divTableCell { 
		text-align:left; 
		float: left; 
	}
	
}

/* Error Highlighting for visual effects */
.error-highlight{
	border: 2px solid #d42020;
    border-radius: 7px;
}

.error-highlight:focus{
	outline: none;
    border-color: #d42020;
    box-shadow: 0 0 10px #b11919;
}

.error-highlight-row{
	border: 2px solid #d42020;
	box-shadow: 0 0 10px 4px #b11919;
}

#errorLog{
	font-weight:bold;
	color:#d42020;
}