.order-wrapper
{
	width			: 100%;
	padding			: 10px;
	z-index			: 100001;
}



.order-wrapper button#cart
{
	background		: #8aaac7;
	color			: #FFF;
	display			: inline-block;
	padding			: 0px;
	margin			: 3px auto;
	width			: 170px;
	height			: 40px;
	border-radius	: 3px;
	border			: none;
	font-family		: "Open Sans", arial;
	font-size		: 15px;
	font-weight		: 400;
	text-align		: center;
}

.order-wrapper button#reset
{
	background		: #888 url(/img/icons/Reset.png) no-repeat center center;
	background-size	: 40px;
	color			: #FFF;
	display			: block;
	line-height		: 35px;
	width			: 50px;
	height			: 35px;
	border-radius	: 5px;
	border			: none;
	font-family		: "Open Sans", arial;
	font-size		: 11px;
	font-weight		: bold;
	text-align		: center;
	position		: absolute;
	left			: 50px;
	bottom			: 15px;
}




.order-wrapper button#check
{
	background		: #cbbfa8 url(/img/tools/CartDone.gif) no-repeat center center;
	background-size	: 25px;
}


.Carted,
.Decline
{
	width			: 390px;
	padding			: 30px 40px;
	background		: #EEE;
	font-family		: "Open Sans", arial;
	font-size		: 1.2rem;
	font-weight		: 300;
	position		: fixed;
	top				: 50%;
	left			: 50%;
	transform		: translateX(-50%) translateY(-50%);
	border-radius	: 1px;
	text-align		: center;
	box-shadow		: 0px 0px 20px 10px rgba(0, 0, 0, .3);
	z-index			: 100001;
	color			: #444;
}


.Carted .icon-shopping-cart
{
	width			: 64px;
	height			: 64px;
	display			: block;
	margin			: 10px auto;
	background		: transparent url(/img/tools/header-icon-cart.svg) no-repeat center center;
	background-size	: 100%;
}
.Carted .icon-shopping-remove
{
	width			: 64px;
	height			: 64px;
	display			: block;
	margin			: 10px auto;
	background		: transparent url(/img/tools/trash.png) no-repeat center center;
	background-size	: 100%;
}
.Carted .icon-shopping-error
{
	width			: 64px;
	height			: 64px;
	display			: block;
	margin			: 10px auto;
	background		: #000 url(/img/tools/error.png) no-repeat center center;
	border-radius	: 100%;
	background-size	: 70%;
}
.Carted b,
.decline b
{
	color			: #444;
	font-weight		: normal;
	font-size		: 16px;
}
.decline
{
	background		: #FFF url(/img/tools/decline.gif) no-repeat center -30px;
	background-size	: 200px;
}

div.form-holder
{
	width			: 40%;
	float			: left;
	margin			: 30px;
	background-color: #FFF;
	padding			: 30px;
	min-width		: 400px;
}
div.form-holder span.heading
{
	font-family		: "Open Sans", arial;
	font-size		: 1.1em;
	font-weight		: 300;
	line-height		: 40px;
	margin			: 0px;
	padding			: 0px;
	color			: rgb(232, 34, 45);
	display			: block;
	text-decoration	: none;
}
div.form-holder span.error
{
	font-family		: "Open Sans", arial;
	font-size		: 1.1em;
	font-weight		: 300;
	line-height		: 40px;
	margin			: 0px;
	padding			: 0px;
	color			: red;
	display			: none;
	text-decoration	: none;
}
div.form-holder span.content
{
	font-family		: "Open Sans", arial;
	font-size		: .9em;
	font-weight		: 300;
	line-height		: 20px;
	margin			: 0px;
	padding			: 0px;
	color			: #444;
	display			: block;
	text-decoration	: none;
}
div.form-holder span.content a
{
	color			: rgb(37,194,234);
	text-decoration	: none;
}

div.checkout
{
	max-width		: 1280px;
	min-width		: 720px;
	margin			: 0px auto;
	margin-top		: 10%;
	margin-bottom	: 5%;
}

table.price-holder
{
	width			: 40%;
	min-width		: 400px;
	height			: 450px;
	padding			: 20px;
	background-color: #FFF;
	float			: right;
}

table.price-holder td
{
	border-bottom	: 1px solid #EEE;
}
table.price-holder td h2,
table.form-holder td h2,
table.checkout td h2
{
	text-align		: left;
	font-family		: "Cormorant Garamond", times;
	font-size		: 2em;
	font-weight		: 600;
	line-height		: 50px;
	margin			: 0px;
	padding			: 0px;
	margin-left		: -5px;
	color			: rgb(232, 34, 45);
}

table.price-holder td.heading,
table.price-holder td.pricing,
table.price-holder td span
{
	width			: 50%;
	text-align		: left;
	font-family		: "Cormorant Garamond", times;
	font-size		: 16px;
	font-weight		: 300;
	margin			: 0px;
	padding			: 0px;
	color			: #444;
}
table.price-holder td.pricing
{
	font-size		: 16px;
	font-weight		: 400;
	line-height		: 23px;
	text-align		: right;
	width			: 50%;
	font-family		: "Cormorant Garamond", times;
}



table.checkout
{
	background-color: #EEE;
	margin			: 0px;
	width			: 100%;
}

table.checkout td
{

	font-family		: "Cormorant Garamond", times;
	font-size		: 1.2em;
	font-weight		: 300;
	text-align		: left;
	padding			: 20px 0px;
	background-color: #EEE;
	color			: #444;
	border-bottom	: 1px solid #ffffff;

	-moz-transition		: 0.6s;
	-o-transition		: 0.6s;
	-webkit-transition	: 0.6s;
	transition			: 0.6s;
}
table.checkout td span
{
	color			: #444;
}

table.checkout td input
{
	font-size		: 13px;
}

table.checkout td a.simg
{
	width			: 150px;
	height			: 150px;
	display			: block;
	background		: transparent no-repeat center center;
	background-size	: cover;
	margin			: 0px auto;
}

.form-style
{
	width			: 90%;
	border			: none;
	font-family		: 'Roboto', sans-serif;
	font-size		: .9em!important;
	font-weight		: 300;
	color			: #444;
	padding			: 10px;
	padding-left	: 0;
	background-color: transparent;
	line-height		: 30px;
	border-bottom	: 1px solid #EEE;
}

.form-style:focus
{
	border-bottom	: 1px solid rgb(37,194,234);
	color			: #444;
}
.form-style:focus + font.place-holder,
.form-style:valid + font.place-holder
{
	top				: 15px;
	opacity			: .6;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
	-webkit-appearance	: none;
	margin				: 0;
}
input[type=number]
{
    -moz-appearance		: textfield;
}

.refresh
{
	display				: inline-block;
	background			: rgb(232, 34, 45)  url(/img/tools/refresh.svg) no-repeat center center;
	background-size		: 18px;
	width				: 32px;
	height				: 32px;
	border-radius		: 3px;
	border				: none;
	transition			: all .2s ease;
}
.refresh:hover
{
	background			: #000 url(/img/tools/refresh.svg) no-repeat center center;
}

.remove
{
	display				: inline-block;
	background			: rgb(232, 34, 45) url(/img/tools/remove.svg) no-repeat center center;
	background-size		: 18px;
	width				: 32px;
	height				: 32px;
	border-radius		: 3px;
	border				: none;
	transition			: all .2s ease;
}
.remove:hover
{
	background			: #000 url(/img/tools/remove.svg) no-repeat center center;
	background-size		: 18px;
}

.icon-button.close-popup
{
	width				: 32px;
	height				: 32px;
	border-radius		: 100%;
	font-family			: "Open Sans", sans-serif;
	font-size			: 14px!important;
	font-weight			: 300;
	color				: #ffffff;
	background-color	: #000000;
	border				: none;
	transition			: all .2s ease;
	position			: absolute;
	top					: 55px;
	right				: 45px;
	text-align			: center;
	line-height			: 32px;
	text-decoration		: none;
}
.icon-button.close-popup:hover
{
	background-color	: #e02020;
}


.icon-button.remove
{
	width				: 32px;
	height				: 32px;
	border-radius		: 100%;
	font-family			: "Open Sans", sans-serif;
	font-size			: 14px!important;
	font-weight			: 300;
	color				: #ffffff;
	background-color	: #1a1a1b;
	border				: none;
	transition			: all .2s ease;
}
.icon-button.remove:hover
{
	background-color	: #e02020;
}
table.checkout td input[type="number"]
{
	width			: 30px;
	border			: none;
	border-radius	: 3px;
	font-family		: 'Open Sans', sans-serif;
	font-weight		: 300;
	color			: #444;
	padding			: 0px;
	background-color: #FFF;
	line-height		: 30px;
	display			: inline-block;
	border-bottom	: 1px solid #FFFFFF;
	text-align		: center;
}
table.checkout td input[type=number]::-webkit-inner-spin-button,
table.checkout td input[type=number]::-webkit-outer-spin-button
{
  	-webkit-appearance	: none;
	appearance			: none;
 	margin				: 0;
}


div.button-block
{
	position		: static;
	bottom			: 20px;
}

.button-block a,
.anchor-button,
#clearOrders
{
	height			: 40px;
	font-family		: 'Roboto', arial;
	font-size		: .9em;
	font-weight		: 300!important;
	text-align		: center;
	border			: none;
	background-color: rgb(232, 34, 45);
	padding			: 0px 30px;
	margin			: 10px;
	color			: #FFF;
	display			: inline-block;
	line-height		: 40px;
	text-decoration	: none;
	transition		: all .3s ease;
	cursor			: pointer;
}
.anchor-button
{
	width			: auto!important;
	margin			: 10px auto;
}

.anchor-button span
{
	color:#FFF !important;
	transition		: all .3s ease;
}


.button-block a:hover,
.anchor-button:hover
{
	color			: rgb(232, 34, 45);
	background-color: #EEE;
}

.anchor-button:hover span
{
	color:rgb(232, 34, 45)!important;
	transition		: all .3s ease;
}


hr
{
	opacity			: .2;
}
#basket
{
	display			: inline-block;
	font-family		: 'Open Sans', arial;
	font-size		: 13px;
	height			: 40px;
	color			: #333;
	background-color: #EEE;
	border			: 1px solid #333;
	font-weight		: 300;
	margin			: 10px auto;
	margin-top		: 0;
	padding			: 0px 10px;
	width			: calc(65% - 20px);

	-moz-transition		: 0.2s;
	-o-transition		: 0.2s;
	-webkit-transition	: 0.2s;
	transition			: 0.2s;
}
#basket:hover
{
	background-color: rgb(226,240,51);
}

.login-buttons
{
	font-family		: "Open Sans", arial;
	font-size		: .9em;
	font-weight		: 300!important;
	text-align		: center;
	border			: 1px solid #999;
	background		: #FFF;
	padding			: 0px;
	width			: 100%;
	margin			: 10px auto;
	color			: #333;
	line-height		: 40px;

}



table.form-holder
{
	width			: 25%;
	height			: 425px;
	padding			: 10px 20px;
	margin-left		: 1px;
	float			: left;
}
table.form-holder td
{
	padding-top		: 40px;
	position		: relative;
}




table.form-holder textarea
{
	resize			: none;
	width			: 90%;
	height			: 73px;
}

.form-holder td font,
.form-holder td span.heading,
.form-holder td span.heading *,
.form-holder td span.content,
.form-holder td span.content *
{
	font-family		: "Open Sans", arial;
	font-size		: 16px;
	font-weight		: 300;
	line-height		: 20px;
	margin			: 0px;
	padding			: 0px;
	color			: #444;
	display			: block;
	text-decoration	: none;
}

.form-holder td span.heading *
{
	text-decoration	: underline;
	display			: inline;
}
.form-holder td font
{
	position		: absolute;
	top				: 57px;
	display			: block;
	font-size		: 1.2rem!important;
	opacity			: .4;
	transition		: all .3s ease;
	z-index			: -1;
}
.form-holder td span.heading
{
	margin			: 0px;
	padding			: 0px;
	color			: #e9c682;
	display			: block;
	line-height		: 30px;
	font-weight		: 400;
}


.list-info
{
	width			: 70%;
	padding			: 5%;
	padding-left	: 20%;
	margin			: 0px auto;
	background-color: #FFFFFF70;
	background-size	: auto 80%;
	background-position	: 5% center;
	background-repeat	: no-repeat;
	margin-bottom	: 40px;
	position		: relative;
}

.list-info p
{
	font-family		: "Open Sans", arial;
	font-size		: 16px;
	font-weight		: 300;
	line-height		: 22px;
	color			: #444;
}

.list-info p b
{
	font-size		: 17px;
	line-height		: 30px;
	font-weight		: 600;
}



@media only screen and (max-width: 600px)
{
	div.checkout
	{
		max-width		: 300px;
		min-width		: 300px;
		margin			: 0px auto;
		margin-top		: 10%;
		margin-bottom	: 5%;
	}

}

.payprocess
{
	width			: 80%;
	margin			: 10% auto;  
}