/* CSS Decktop */
@media all and (min-width: 994px) {
#cart-stage {
	display: block;
	font-size:0.9em;
	text-align: center;   /* Allow the centering to work */
	margin: 0 auto;
	color:#BABABA;
	padding-top:1em;
	padding-bottom:1em;
}
#cart-stage li {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
}
.cart {
	max-width: 974px;
	margin-left: auto;
	margin-right: auto;
}
.cart #delivery {
	float: left;
	width: 75%;
	height: 100%;
}

.cart #totals {
	float: left;
	width: 25%;
	height: 100%;
	text-align:center;
}

#cart-container .content {
	min-height:60px;
	height:100%;
	background-color:#d8e4e8;
	display: table-row;
}
#cart-container .content .details {
	display:table-cell;
	width:48%;
	height:100%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
}
#cart-container .content .status {
	display:table-cell;
	width:18%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container .content .qty {
	display:table-cell;
	width:7%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container .content .mobile-assist {
	display:none;
}
#cart-container .content .price {
	display:table-cell;
	width:12%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:right;
}
#cart-container .content .line {
	display:table-cell;
	width:8%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:right;
}
#cart-container .content .delete {
	display:table-cell;
	width:7%;
	border-top: 1px solid #fff;
	padding: 10px;
}
#cart-container #headers {
	background-color: #00BDF2;
	height:40px;
	display: none;
	color: #fff;
	text-align: center;
}
#cart-container #headers:first-child {
	display: table-row;
	background-color: #00BDF2;
	height:40px;
	color: #fff;
	text-align: center;
}
#cart-buttons {
	margin-top:10px;
	margin-bottom:10px;
	float: left;
	width: 75%;
}
#cart-payment-logos {
	margin-top:10px;
	margin-bottom:10px;
	float: right;
	width: 25%;
	text-align: center;
}
}

/* CSS tablet */
@media all and (max-width: 993px) {
#cart-stage {
	display: block;
	font-size:0.9em;
	text-align: center;   /* Allow the centering to work */
	margin: 0 auto;
	color:#BABABA;
	padding-top:1em;
	padding-bottom:1em;	
}
#cart-stage li {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
}
.cart {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
.cart #delivery {
	float: left;
	width: 75%;
	height: 100%;
}
.cart #totals {
	float: left;
	width: 25%;
	height: 100%;
	text-align:center;
}

#cart-container .content {
	min-height:60px;
	height:100%;
	background-color:#d8e4e8;
	display: table-row;
}
#cart-container .content .details {
	display:table-cell;
	width:48%;
	height:100%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
}
#cart-container .content .status {
	display:table-cell;
	width:18%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container .content .qty {
	display:table-cell;
	width:7%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container .content .mobile-assist {
	display:none;
}
#cart-container .content .price {
	display:table-cell;
	width:12%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:right;
}
#cart-container .content .line {
	display:table-cell;
	width:8%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:right;
}
#cart-container .content .delete {
	display:table-cell;
	width:7%;
	border-top: 1px solid #fff;
	padding: 10px;
}
#cart-container #headers {
	background-color: #00BDF2;
	height:40px;
	display: none;
	color: #fff;
	text-align: center;
}
#cart-container #headers:first-child {
	display: table-row;
	background-color: #00BDF2;
	height:40px;
	color: #fff;
	text-align: center;
}
#cart-buttons {
	margin-top:10px;
	margin-bottom:10px;
}
#cart-payment-logos {
	margin-top:10px;
	margin-bottom:10px;
}
}
/* CSS Mobile */
@media all and (max-width: 479px) {
#cart-stage {
	display: block;
	font-size:0.8em;
	text-align: center;   /* Allow the centering to work */
	margin: 0 auto;
	color:#BABABA;
	padding-top:1em;
	padding-bottom:1em;	
}
#cart-stage li {
	display: inline;
	padding-left: 0px;
	padding-right: 0px;

}

.cart {
	max-width: 974px;
	margin-left: auto;
	margin-right: auto;
}
.cart #delivery {
	float: none;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-bottom:1em;
}

.cart #totals {
	width: 100%;
	height: 100%;
	text-align:center;
}

#cart-container .content {
	min-height:60px;
	height:100%;
	background-color:#d8e4e8;
	display: block;
	border-top: 0px solid #00BDF2;
	border-bottom: 5px solid #fff;
}
#cart-container .content .details {
	display:block;
	width:inherit;
	height:100%;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container .content .status {
	display:block;
	width:inherit;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container .content .qty {
	display:block;
	width:inherit;
	border-top: 1px solid #fff;
	border-right: 0px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container .content .mobile-assist {
	display:inline;
	color:#1E5899;
}
#cart-container .content .price {
	display:table-cell;
	width:10%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align:right;
}
#cart-container .content .line {
	display:table-cell;
	width:8%;
	border-top: 1px solid #fff;
	border-right: 0px solid #fff;
	padding: 10px;
	text-align:right;
}
#cart-container .content .delete {
	display:block;
	width:inherit;
	border-top: 1px solid #fff;
	padding: 10px;
	text-align:center;
}
#cart-container #headers {
	display:none;
}
#cart-container #headers:first-child {
	display: none;
}
#cart-buttons {
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
}
#cart-payment-logos {
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
}
}



.cart #delivery h2 {
	margin-bottom:0em;
	margin-top:0.5em;
}

#cart-stage ul {
	list-style: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-padding-start:0px;
}
#cart-stage li {
	color:#d8e4e8;
	cursor: pointer;
	cursor: hand;
}

#cart-stage li.complete {
	color:#06c;
}
#cart-stage li.next {
	color:#D023CF;
}



.cart {
	max-width: 974px;
	margin-left: auto;
	margin-right: auto;
}
.cart .main {
	float: left;
	width: 75%;
	height: 100%;
}

.cart h3 {
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.cart select {
	font-size:14px;
}

.cart .italic {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #06c;
}

.table-cart {
	border: 0px;
    border-spacing: 1px;
	width: 100%;
}
.table-cart tr:first-child td {
	background-color: #00BDF2;
	padding: 10px;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-align: center;
}
.table-cart tr td {
	padding: 5px;
	background-color: #EAEAEA;
	min-height: 35px;
}

.table-totals {
	border: 0px;
    border-spacing: 1px;
	width: 100%;
	text-align:center;
}
.table-totals tr:first-child td {
	background-color: #00BDF2;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.table-totals tr:nth-child(4) td {
	background-color: #1E5899;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.table-totals tr td {
	background-color: #d8e4e8;
	height: 30px;
}

.successMessage {
	background-color: #bd2900;
	padding: 10px;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-align:center;
}
.successMessage a:link, .successMessage a:visited {
	color: #fff;
	text-decoration:underline;
}
.CartMessage {
	/*background-color: #b0cf00;*/
	background-color:#CC6699;
	padding: 5px;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-align:center;
}

#cart-container {
	width:100%;
	display:table;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	padding-top:5px;	
}

#cart-container #headers .details {
	display:table-cell;
	width:50%;
	padding-top:10px;
	padding-bottom:10px;
	border-right: 1px solid #fff;
}
#cart-container #headers .status {
	display:table-cell;
	width:18%;
	padding-top:10px;
	padding-bottom:10px;
	border-right: 1px solid #fff;
}
#cart-container #headers .qty {
	display:table-cell;
	width:7%;
	padding-top:10px;
	padding-bottom:10px;
	border-right: 1px solid #fff;
}
#cart-container #headers .price {
	display:table-cell;
	width:10%;
	padding-top:10px;
	padding-bottom:10px;
	border-right: 1px solid #fff;
}
#cart-container #headers .line {
	display:table-cell;
	width:8%;
	padding-top:10px;
	padding-bottom:10px;
	border-right: 1px solid #fff;
}
#cart-container #headers .delete {
	display:table-cell;
	width:6%;
	padding-top:10px;
	padding-bottom:10px;
}

a.CheckoutButton {
	font-size:1.6em;
	display:block;
	background-color:#2B8400;
	color:#fff;
	width: 100%;
	padding-top:6px;
	padding-bottom: 6px;
}
a.CheckoutButton:hover {
	color:#fff;
	background-color:#339D00;
	text-decoration:none;
}
a.CheckoutButton:link {
	color:#fff;
}

#delivery-details {
	width:100%;
	text-align:center;
}
#delivery-details .option {
	background-color:#d8e4e8;
	padding:10px;
}
#delivery-details .selected {
	background-color:#b0cf00;
	padding:10px;
}
#delivery-details .option .logo, #delivery-details .selected .logo {
	min-height:50px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
#delivery-details .option .text, #delivery-details .selected .text {

}
#delivery-details .option .cost, #delivery-details .selected .cost {
	font-size:2em;
}

#delivery-details a {
	background-color:#2B8400;
	color: #FFFFFF;
	text-decoration: none;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}
#delivery-details a:hover {
	color: #FFFFFF;
	background-color:#339D00;
	text-decoration: none;
	cursor: pointer;
}
