/**
 * IMPORTANT NOTE:
 * The default e-commerce css only includes the basics and it is recommended that you theme these files.
 * Also make sure you have the site's general layout and typography styled before you do this.
 *
 * This file is used to format any order that has not been submitted yet (e.g. CartPage, CheckoutPage)
 * It is also used for add to cart buttons, etc...
 *
 **/

/*****Themed css********/
div#page-content {background-color: #f2f1e1;}
div#page-content ol.steps {
	padding: 0;
	margin: 0;
}
div#page-content ol.steps li {
	font-size: 1.4em;
	display: inline-block;
	margin-right: 1.5em;	
}
div#page-content ol.steps li.current:before {
	content:'\25b6' ;
	padding-right: 10px;
	color: #93b413;
	font-size: 1em;
}
div#page-content ol.steps li.current {
	color: #93b413;
}
div#page-content ol.steps li.completed a{
	text-decoration: underline;
}
div#page-content ol.steps li.completed a{
	color: #93b413;
}
div#page-content ol.steps li.notCompleted {
	color:;
}
div.continueShopping a, div.checkoutStepPrevNextHolder a, .Actions input {
	font-size: 1.4em;
	line-height: 50px;
	display: block;
	text-transform: capitalize;
	border: none;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 1.5em 0;
	background-color: #93b413;
	color: #fff;
	text-align: center;
}

/*div.continueShopping a {
	background-color: #93b413;
	color: #fff;
	padding: 0 20px 0;
}
div.checkoutStepPrevNextHolder a, .Actions input {
	color: #93b413;
	background: transparent;
	border: none;
	width: 100%;
	text-align: right;
}*/
div.continueShopping a:hover, div.checkoutStepPrevNextHolder a:hover, .Actions input:hover {
	color: #34495e;
	text-decoration: none;
}
div.checkoutStepPrevNextHolder a, .Actions input {
	width: 320px;
	float: right;
}

div#page-content li, div#page-content table {
	font-size: 1em;
}
div#page-content p.message {font-size: 1em;}

table#InformationTable th{
	height: 3em;
}
table#InformationTable td div.itemTitleAndSubTitle {
	margin-left: 120px;
	width: 300px;
	max-width: 300px;
}
table#InformationTable tr.summary th{
	line-height: 3em;
}
input.text, button, optgroup, select, textarea {
	width: 100%;
        max-width: 310px;
	padding: 5px;
}
input.text, textarea {
	border: none; 
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
        background-color: #fff; 
}

form a {text-decoration: underline!important;font-weight:bold;}
form a:hover {color: #93b413!important;}
form table a {text-decoration: none; font-weight: normal;}

/*****End themed css********/


.required label:before {content: "* ";}

#PostalCode label.right:before {content: "";}

/**
 * table general
 */
table {width: 100%;}
table .right { text-align: right; float: none!important}
table .center { text-align: center; float: none!important}
table .left, table th { text-align: left; float: none!important}

/**
 * table items
 */
td div.productImage {float: left; }
td div.itemTitleAndSubTitle { margin-left: 90px;}

.hideOnZeroItems {}
.hideForNow{display: none;}

.show{display: block;}
.hide{display: none;}

.notInCart .addLink {display: block!important;}
.notInCart .removeLink {display: none!important;}
.notInCart .goToCheckoutLink {display: none!important;}

.inCart .addLink {display: none!important;}
.inCart .removeLink {display: block!important;}
.inCart .goToCheckoutLink {display: block!important;}

a.ajaxRemoveFromCartLink {text-decoration: underline;font-weight: bold;padding-top: 15px;}
a:hover.ajaxRemoveFromCartLink {color: #93b413!important;}
.ajaxRemoveFromCartLink span.removeLink {padding-top: 15px;}

.productItem .productActions li {text-align: center;}
.productItem .productActions li.removeLink {text-align: left;}
.productItem .productActions li.removeLink a {display: inline;}

/*
even when theme-ing ecommerce, these should not be themed
*/

.ecomquantityfield {text-align: center; }
.ajaxQuantityField {text-align: center; width: 2em;}
.removeOneLink {padding-right: 5px;}
.removeOneLink, .addOneLink {text-decoration: none!important;}



.loadingCartData #InformationTable, .loadingCartData #Amount {color: #e7e7e7!important;}

.doNotShow { display: none; }
.loading { background-image: url(/ecommerce/images/loading.gif); background-repeat: no-repeat; background-position: 95% 0; }
.loading * {visibility: hidden;}


.productActions.loading {
	background-image: none;
}
.productActions.loading a {
	background-image: url(/ecommerce/images/loading.gif)!important;
	background-repeat: no-repeat;
	background-position: top left;
	-moz-transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}


/**
 * Checkout Steps
 **/
/**
 * Steps
 */
#Checkout ol.steps, #OrderConfirmationPage ol.steps  {margin-top: 1em; margin-bottom: 1em; padding-bottom: 2em; margin-left: 0px;}
#Checkout ol.steps li, #OrderConfirmationPage ol.steps li {
	padding: 0px;
	display: block;
	float: left;
	width: 24.5%;
	height: 1em;
	background-color: #EDEDED;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	color: #888888;
	line-height: 1;
	list-style-type: decimal;
	margin: 0px;
	margin-bottom: 10px;
	border-bottom: 3px solid #000;
}
#Checkout ol.steps li.link,  #OrderConfirmationPage ol.steps li.link {color: #000;}
#Checkout ol.steps li.current,  #OrderConfirmationPage ol.steps li.current{color: green; border-bottom: 3px solid green;}
#Checkout ol.steps li.completed:hover{border-bottom: 3px solid green;}
#Checkout ol.steps li a{display: block; color: #000;}
#Checkout ol.steps li a:hover{border: none;}

td.remove a img {
	filter: url(/ecommerce/css/filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	background: none;
}


td.remove a:hover img {
	filter: none;
	-webkit-filter: grayscale(0);
}


/*More Custom =========*/
tr.product_orderitem {border-top:1px black solid;}
tr.product_orderitem td {padding: 20px 0;}
	td.quantity input {width: 3em; height: 3em; border: none;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
tr.summary {border-top:1px black solid; border-bottom: 1px black solid;}


/* Custom responsive fixes 2020 */
@media (max-width: 480px){
	div.sidebar {clear: both; margin-top: 100px;}
	div.sidebar .sidebarbox {margin-top: 0!important;}
	div.checkoutStepPrevNextHolder a, .Actions input {
		width:100%!important;
		padding: 0!important;
	}
        div.continueShopping a, div.checkoutStepPrevNextHolder a, .Actions input {
		margin: 0 0 1.5em 0!important;
	}
	div.next, .prev, #Checkout .Actions {
		width: auto!important;
	}
	.div.checkoutStepPrevNextHolder a, .Actions input {
		width: 100%;
	}
        table#InformationTable td div.itemTitleAndSubTitle  {
		width: auto!important;
		max-width: auto!important;
                margin-left:100px!important;
	}
	div#page-content ol.steps li.completed, div#page-content ol.steps li.notCompleted {
		margin-left:1.6em!important;
	}
}