.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		: "PT 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		: "PT 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		: "PT 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			: 101;
	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%; 
	margin			: 2%;
	margin-top		: 0 ;
	background-color: #FFF;
	padding			: 2%;
	min-width		: 25%;
	display			: inline-block;
	vertical-align	: top;
	min-height		: 350px;
}
div.form-holder span.heading
{
	font-family		: "PT Sans", arial;
	font-size		: 1.1em;
	font-weight		: 300;
	line-height		: 40px;
	margin			: 0px;
	padding			: 0px;
	color			: rgb(255,0,0);
	display			: block;
	text-decoration	: none;
}
div.form-holder span.error
{
	font-family		: "PT 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		: "PT 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(255,0,0);
	text-decoration	: none;
}

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

div.price-holder
{
	width			: calc(28% - 60px);
	min-width		: 230px;
	min-height		: 400px;
	background-color: #FFF;
	display			: inline-block;
	vertical-align	: top ;
	padding			: 30px;
	box-shadow		: 0 0 30px #00000010
}


div.price-holder td.heading
{
	line-height		: 30px ;
}
div.price-holder td h2,
table.form-holder td h2,
table.checkout td h2
{
	text-align		: left;
	font-family		: "PT Sans", arial;
	font-size		: 24px;
	font-weight		: 600;
	line-height		: 50px;
	margin			: 0px;
	padding			: 0px;
	margin-left		: -5px;
	color			: rgb(255,0,0);
}

div.price-holder .heading,
div.price-holder .pricing
{
	text-align		: left;
	font-family		: "PT Sans", arial;
	font-size		: .9em;
	font-weight		: 300;
	margin			: 0px;
	padding			: 0px;
	color			: #444;
	width			: 50% ;
	line-height		: 25px;
}
div.price-holder .heading
{
	color			: #888;
}
div.price-holder .pricing
{
	font-weight		: bold;
	text-align		: right;
	position		: absolute;
	right			: 10px;
	top				: 50%;
	transform		: translateY(-50%);
}

div.Block
{
	padding			: 10px 0;
	background-color: #FFF;
	text-align		: left;
	position		: relative;
}
div.Block span:first-child
{
	font-size		: .8em;
	margin			: 0px 10px;
}
div.Block:last-child
{
	border			: none;
}

div.table-holder
{
	width			: 70%;
	min-width		: 600px;
	display			: inline-block;
	vertical-align	: top ;
}

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

table.checkout td
{

	font-family		: "PT Sans", arial;
	font-weight		: 300;
	text-align		: left;
	padding			: 10px;
	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
{
	font-size		: .9em;
	color			: #444;
}

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

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

.form-style-center
{
	width			: 90%;
	border			:none;
	border-bottom	: 1px solid #EFEFEF;
	font-family		: 'Roboto', sans-serif;
	font-size		: .75em;
	font-weight		: 300;
	color			: #333;
	padding			: 10px 0;
	margin			: 10px auto;
	display			: block;
	border-radius	: 5px;
	text-align		: center;
}

.form-style
{
	width			: 90%;
	border			: none;
	font-family		: 'PT Sans', 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(255,0,0);
	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			: #ed1b24 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			: #ed1b24 url(/img/tools/refresh.svg) no-repeat center center;
}

.removes
{
	display				: block;
	background			: #ed1b24 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;
	color				: #FFF;
}
.removes:hover
{
	background			: #ed1b24 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			: "PT 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			: "PT 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	: #ed1b24;
}
table.checkout td input[type="number"]
{
	width			: 30px;
	border			: none;
	border-radius	: 3px;
	font-family		: 'PT 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
{
	font-family		: "PT Sans", serif;
	font-size		: .9em;
	font-weight		: 300!important;
	text-align		: center;
	border			: none;
	background		: #ed1b24;
	padding			: 0px 30px;
	color			: #FFF;
	display			: block;
	line-height		: 45px;
	text-decoration	: none;
	transition		: all .3s ease;
	cursor			: pointer;
}

.anchor-button
{
	font-family		: "PT Sans", arial;
	font-size		: .8em;
	font-weight		: 300!important;
	text-align		: center;
	background		: #EEE;
	width			: 90%;
	padding			: 0px;
	margin			: 10px auto;
	color			: #333;
	display			: block;
	line-height		: 40px;
	text-decoration	: none;
}

.anchor-button:hover,
.anchor-button.hover
{
	background-color: #ed1b24;; /*/ grn button /*/
	color			: #FFF ;
}

.anchor-button span
{
	color			: #FFF!important;
}

.button-block a:hover,
.anchor-button:hover
{
	color			: #FFF; /*/ grn button /*/
}
hr
{
	opacity			: .2;
}
#basket
{
	display			: inline-block;
	font-family		: 'PT 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;
}

.anchor-text-button
{
	font-family		: "PT Sans", serif;
	font-size		: .9em;
	font-weight		: 300!important;
	text-align		: center;
	color			: #ed1b24;
	padding			: 0px 30px;
	margin			: 10px;
	display			: block;
	line-height		: 45px;
	text-decoration	: none;
}

.login-buttons
{
	font-family		: "PT 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%;
	min-height		: 460px;
	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		: "PT Sans", arial;
	font-size		: .9em;
	font-weight		: 300;
	line-height		: 20px;
	margin			: 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		: "PT 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: 540px)
{

	div.checkout
	{
		max-width		: auto;
		width			: 100%;
		min-width		: auto;
		margin			: auto;
		margin-top		: 5%;
		margin-bottom	: 5%;
	}

	div.price-holder
	{
		width			: 90%;
		min-width		: auto;
		height			: 70vh;
		padding			: 5%;
		background-color: #EEE;
		float			: none;
		margin			: 0px auto;
	}

	div.price-holder td
	{
		border-bottom	: 1px solid #FFF;
	}
	div.price-holder td h2,
	table.form-holder td h2,
	table.checkout td h2
	{
		text-align		: left;
		font-family		: "PT Sans", arial;
		font-size		: 24px;
		font-weight		: 600;
		line-height		: 50px;
		margin			: 0px;
		padding			: 0px;
		margin-left		: -5px;
		color			: rgb(255,0,0);
	}

	div.price-holder td.heading,
	div.price-holder td.pricing,
	div.price-holder td span
	{
		width			: 70%;
		text-align		: left;
		font-family		: "PT Sans", arial;
		font-size		: 16px;
		font-weight		: 300;
		margin			: 0px;
		padding			: 0px;
		color			: #444;
	}
	div.price-holder td.pricing
	{
		font-size		: 16px;
		font-weight		: 400;
		line-height		: 23px;
		text-align		: right;
		width			: 30%;
	}

	div.table-holder
	{
		width			: 100%;
		min-width		: auto;
		display			: block;
	}
	div.Block
	{
		padding			: 10px 20px;
		background-color: #FFF;
		text-align		: left;
		position		: relative;
	}
	div.Block span:first-child
	{
		font-size		: .8em;
		margin			: 0px 10px;
	}
	div.Block:last-child
	{
		border			: none;
	}



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

	table.checkout td
	{

		font-family		: "PT Sans", arial;
		font-weight		: 300;
		text-align		: left;
		padding			: 10px;
		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
	{
		font-size		: .9em;
		color			: #444;
	}

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

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

	.anchor-button,
	.button-block a
	{
		width			: 80%!important;
		margin			: 5% auto;
	}


	div.form-holder
	{
		width			: 80%;
		margin			: 5%;
		padding			: 5%;
		min-width		: auto;
		display			: block;
	}


}