.Spinner
{
	width			: 80px;
	height			: 80px;
	position		: fixed;
	bottom			: 30%;
	left			: calc(50% - 40px);
	background 		: #FFF url(/img/tools/Spinner.gif) no-repeat center center;
	background-size	: 105px;
	z-index			: 100002;
	border-radius	: 60px;
	border			: 1px solid #FFF;
	box-shadow		: 0px 0px 50px 10px rgba(0,0,0, 0.3);
}

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

.basket-popup
{
	width			: 550px;
	height			: 100vh;
	padding-top		: 7%;
	bottom			: 0;
	visibility		: hidden;
	z-index			: -1;
	background-color: #FFF;
	position		: fixed;
	right			: -100%;
	top				: 0;
	transition		: all .3s ease;
	display			: block;
	box-shadow		: 0px 40px 30px #00000050;
	overflow		: auto ;
}
.addaddress-form
{
	min-width		: 800px!important;
	max-width		: 800px!important;
	width			: 70%!important;
	background-color: #EEE!important;
}
.basket-popup.active
{
	visibility		: visible;
	right			: 0%;
	z-index			: 100001!important;
}

.basket-popup-close
{
	position		: absolute;
	top				: 5%;
	right			: 5%;
	width			: 1em;
	height			: 1em;
	font-size		: 2em;
	text-decoration	: none;
	color			: #444;
}
.basket-popup-head
{
	position		: absolute;
	top				: 5%;
	left			: 10%;
	font-size		: 1em;
	text-decoration	: none;
	color			: #444;
	font-family		: "Open Sans";
	font-weight		: 400;
}

input#UnitPrice
{
	font-family		: "Roboto", arial;
	font-size		: 35px;
	font-weight		: bolder;
	height			: 70px;
	margin			: 0px auto;
	padding			: 0px;
	color			: #FFF;
	text-align		: center;

	background		: #999 url(/img/tools/Dahil.png) no-repeat center bottom;
	background-size	: cover;

	width			: 170px;
	border			: none;
	border-radius	: 3px;
	text-shadow		: 0px 1px 1px rgba(0,0,0, 0.4);
	display			: block;
}


.OrderWrapper 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		: "Roboto", arial;
	font-size		: 15px;
	font-weight		: 400;
	text-align		: center;
}

.OrderWrapper 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		: "Roboto", arial;
	font-size		: 11px;
	font-weight		: bold;
	text-align		: center;
	position		: absolute;
	left			: 50px;
	bottom			: 15px;
}




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


.Carted,
.Decline
{
	width			: 400px;
	padding			: 40px;
	background		: #EEE;
	font-family		: "Roboto", arial;
	font-size		: 1em;
	font-weight		: 300;
	position		: fixed;
	top				: calc(50% - 200px);
	left			: calc(50% - 240px);
	border-radius	: 5px;
	text-align		: center;
	box-shadow		: 0px 0px 20px 10px rgba(0, 0, 0, .3);
	line-height		: 1.6em;
	z-index			: 2000;
}

.Carted b,
.Decline b
{
	color			: #666;
}
.Decline
{
	background		: #FFF url(/img/tools/Decline.gif) no-repeat center -30px;
	background-size	: 200px;
}
.Carted span
{
	color			: rgb(89,189,89);
}



div.CheckOut
{
	max-width		: 80%;
	min-width		: 1100px;
	min-height		: 500px;
	padding			: 0px;
	margin			: 0px auto;
	margin-top		: 200px;
	margin-bottom	: 50px;
	position		: relative;
}
div.TableHolder
{
	overflow		: hidden;
	overflow-y		: auto;
	margin-bottom	: 200px;
}
div.PriceHolder
{
	width			: 17%;
	min-width		: 240px;
	min-height		: 420px;
	max-height		: auto;
	position		: absolute;
	top				: 0px;
	right			: 0px;
	padding			: 30px;
	border			: 1px solid #EEE;
	border-radius	: 20px;
	box-shadow		: 0 0 30px #00000010
}
div.Block
{
	padding			: 0px;
	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
{
	margin			: 0px auto;
	width			: 100%;
}
table.CheckOut.coupon
{
	width			: 500px;
	position		: absolute;
	bottom			: 50px;
	right			: 260px
}

table.CheckOut td
{

	font-family		: "Roboto", arial;
	font-weight		: 300;
	font-size		: .75em;
	line-height		: 20px;
	text-align		: center;
	padding			: 10px;
	background-color: #FFF;
	border-bottom	: 1px solid #EEE;

	-moz-transition		: 0.6s;
	-o-transition		: 0.6s;
	-webkit-transition	: 0.6s;
	transition			: 0.6s;
}
table.CheckOut td input
{
	font-size		: 13px;
}

table.CheckOut td.Collapsed
{
	padding			: 0px 10px;
	height			: 1px;
	opacity			: 0;
	background-color: #ffffdb;
}

.CheckOut a.simg
{
	width			: 100%;
	min-width		: 150px;
	min-height		: 50px;
	height			: auto ;
	display			: block;
	background		: transparent no-repeat center top;
	background-size	: cover;
	margin			: 0px auto;
}

.CheckOut td img
{
	width			: 100%;
	max-width		: 150px;
	height			: auto ;
	max-height		: 150px ;
	vertical-align	: top ;
}

.FormStyle
{
	width			: 90%;
	border			: 1px solid #EFEFEF;
	font-family		: 'Roboto', sans-serif;
	font-size		: .8em;
	font-weight		: 300;
	color			: #333;
	padding			: 10px 0;
	margin			: 10px 5px;
	text-align		: center;
}

.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			: calc(100% - 20px);
	border			: none;
	border-bottom	: 1px solid #EFEFEF;
	font-family		: 'Roboto', sans-serif;
	font-size		: .75em;
	font-weight		: 300;
	color			: #333;
	padding			: 10px;
	margin			: 0px;
	margin-bottom	: 15px;
	display			: block;
	border-radius	: 5px;
	text-align		: left;
}

.form-style:focus
{
	border-bottom	: 1px solid #e2f033;
}

input[disabled]
{
	background-color: #FFFFFF60;
	border			: none;
}

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;
}

.sameaddress
{
	display			: block;
	border			: 1px solid #CCC;
	border-radius	: 5px;
	padding			: 0px 10px 10px 10px;
	margin			: 0;
	width			: calc(100% - 22px);
	background-color: #FFF;
}



.iconButton
{
	width			: 32px;
	height			: 32px;
	display			: inline-block;
	background-color: #FFF;
	font-size		: 1.2em;
	border			: none;
	margin			: 0px auto;
	border-radius	: 5px;
	font-family		: "Roboto", sans-serif ;
}
a.iconButton
{
	display			: inline-block;
	background-color: #EFEFEF;
	border			: none;
	margin			: 0px 5px;
	border-radius	: 5px;
	font-family		: "Roboto", sans-serif ;
	border			: 1px solid transparent;
	height			: 20px ;
	padding			: 5px 10px ;
	text-decoration	: none; ;
}

.icons
{
	display			: block;
	position		: absolute;
	top				: 20px;
	right			: 20px;
	text-decoration	: none;
}
.icons-edit
{
	display			: inline-block;
	text-decoration	: none;
	color			: #444!important;
}

.r
{
	border			: 1px solid red;
	color			: red;
	margin			: 0px 5px;
}
.r:hover
{
	border			: 1px solid red;
	background-color: red;
	color			: white;
}
.y
{
	background-color: rgb(226, 240,51);
	color			: #444 !important;
}
.g
{
	border			: 1px solid #4e4e4e;
	color			: #4e4e4e;
	margin			: 0px 5px;
}
.g:hover
{
	background-color: #4e4e4e;
	color			: white;
}

div.ButtonBlock
{
	position		: absolute;
	bottom			: 20px;
	width			: calc(100% - 40px);
}

.AnchorButton,
#clearOrders
{
	font-family		: "Roboto", arial;
	font-size		: .8em;
	font-weight		: 300!important;
	text-align		: center;
	border			: 1px solid #CCCCCC00;
	border-radius	: 5px;
	background		: #FFF;
	width			: 90%;
	padding			: 0px;
	margin			: 10px auto;
	color			: #333;
	display			: block;
	line-height		: 35px;
	text-decoration	: none;
}

.AnchorButton:hover,
.AnchorButton.hover
{
	background-color: #e2f033; /*/ grn button /*/
}

.AnchorButton:hover
{
	border-color	: #CCC;
}

#basket
{
	display			: inline-block;
	font-family		: 'Roboto', 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);
}

#archive
{
	display			: inline-block;
	font-family		: 'Roboto', arial;
	font-size		: 13px;
	height			: 40px;
	color			: #333;
	background-color: #EEE;
	border			: 1px solid #333;
	font-weight		: 300;
	margin			: 10px auto;
	margin-top		: 0;
	margin-left: 5px;
	padding			: 0px 10px;
	width			: calc(35% - 20px);

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

#amount
{
	text-align	: center;
	display		: inline-block;
	background	: #FFF;
	min-width	: 40px;
	width		: 20%;
	height		: 36px;
	font-family	: "Roboto", arial;
	font-size	: .8em;
	font-weight	: 300!important;
	text-align	: center;
	color		: #4c4c4c;
	border		: 1px solid #4c4c4c;
}


.LoginButtons
{
	font-family		: "Roboto", 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;

}



.addresses
{
	max-width		: calc(100% - 260px);
}

.address-holder
{
	width			: 35%;
	min-height		: 260px;
	padding			: 20px 30px;
	margin-right	: 30px;
	margin-bottom	: 30px;
	display			: inline-block;
	border			: 3px solid #EEE;
	border-radius	: 10px;
	vertical-align	: top;
	position		: relative;
	background-color: #FEFEFE;
}

.address-holder.atolye
{
	width			: calc(100% - 66px);
	min-height		: 50px;
	padding			: 20px 30px;
	display			: block;
	border			: 3px solid #EEE;
	border-radius	: 10px;
	margin-top		: 20px ;
}

input[name="selected-address"]
{
	 display		: none;
}
.addresses input[type="radio"]:checked + label
{
	border			: 3px solid #e2f033;
	box-shadow		: 0 0 20px #00000020;
	padding			: 20px 30px;
	background-color: #FFF;;
}

.toggleinvoice
{
	display			: inline-block;
	width			: calc(49% - 10px);
	background-color: #FFF;
	padding			: 5px;
	border-radius	: 5px;
	margin-bottom	: 5px;
}
.toggleinvoice input[type="radio"]
{
	margin			: 0;
	margin-top		: -5px;
}


.toggleinvoice span
{
	margin			: 0!important;
	padding			: 0;
}
.address-holder h1
{
	font-family		: "Open Sans", arial;
	font-size		: .9em;
	font-weight		: 300!important;
	text-align		: left;
	border-bottom	: 1px solid #999;
	padding			: 0px 0px 10px 0;
	width			: 100%;
	margin			: 0px 0px 10px 0;
	color			: #333;
	line-height		: 40px;
}
#addaddress
{
	display			: block;
	position		: absolute;
	right			: 0px;
	top				: 0;
	color			: #666;
	cursor			: pointer;
	height			: 30px;
}

#addaddress span.icon-plus
{
	width			: 32px;
	height			: 32px;
	display			: inline-block;
	border-radius	: 100%;
	border			: 1px solid #DDD;
	line-height		: 32px;
	text-align		: center;
}

.addaddresshead
{
	width			: 85%;
	padding-bottom	: 20px;
	height			: 40px;
	margin-bottom	: 40px;
	position		: relative;
	border-bottom	: 1px solid #999;
}
.addaddresshead h1
{
	font-size		: 1em;
	color			: #999;
	font-weight		: 300;
	line-height		: 40px;
}


.form-holder
{
	width			: 43%;
	padding			: 0px 10px;
	display			: inline-block;
	vertical-align	: top;
	margin			: 2%;
	margin-top		: -20px;
}
.form-holder-right
{
	 margin-left:40px;
}
.form-holder textarea
{
	resize			: none;
	height			: 73px;
	padding-left	: 10px;
}

.form-holder span,
span.Heading,
span.Content,
.Heading,
.Pricing
{
	font-family		: "Open Sans", arial;
	font-size		: .8em;
	font-weight		: 300;
	line-height		: 25px;
	margin			: 0px;
	padding			: 0px;
	text-decoration	: none;
	color			: #444;
}
.PriceHolder span.Pricing
{
	font-size		: 15px;
	font-weight		: bold;
	line-height		: 23px;
	text-align		: right;
	position		: absolute;
	right			: 10px;
	top				: 50%;
	transform		: translateY(-50%);
}

.form-holder span
{
	margin			: 10px 0px 0px 5px;
	display			: block;
	color			: #666;
	font-size		: .75em;
}
.form-holder input
{
	text-align		: left;
}





.FormHolder
{
	width			: 25%;
	height			: 425px;
	padding			: 10px 20px;
	margin-left		: 1px;
	float			: left;
}

span.Heading
{
	margin			: 0px;
	padding			: 0px;
	color			: #333;
	line-height		: 40px;
}

a.Heading
{
	text-decoration	: underline!important;
	text-decoration-color : rgb(129, 27, 61)!important;
}

a.Heading:hover
{
	text-decoration	: none!important;
}

.CheckOut    span.Content
{
	line-height		: 20px;
	color			: #666;
	padding			: 0px;
	padding-left	: 0px;
	font-weight		: 300;
}


.select-css
{
    display			: block;
    font-size		: .8em;
    font-family		: 'Roboto', sans-serif;
    font-weight		: 300;
    color			: #444;
    padding			: 10px;
	margin			: 10px;
    width			: 100%;
    max-width		: 100%;
    box-sizing		: border-box;
	border			:none;
    border-bottom	: 1px solid #EAEAEA;
    -moz-appearance	: none;
    -webkit-appearance: none;
    appearance		: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size	: .65em auto, 100%;
	border-radius	: 5px;
	margin			: 0;
	border			:1px solid #EEE;
}
.select-css::-ms-expand
{
    display			: none;
}
.select-css:hover
{
    border-color	: #888;
}
.select-css:focus
{
    border-bottom	: 1px solid rgb(129, 27, 61);
	outline			: none;
}
.select-css option
{
    font-weight:normal;
}




@media only screen and (max-width:1180px)
{
	.addresses
	{
		max-width		: calc(100% - 320px);
	}

	.address-holder
	{
		width			: calc(27% - 30px);
		min-height		: 300px;
	}

	div.CheckOut
	{
		max-width		: 90%;
		min-width		: 1100px;
		min-height		: 500px;
		padding			: 0px;
		margin			: 0px auto;
		margin-top		: 200px;
		margin-bottom	: 50px;
		position		: relative;
	}

	div.TableHolder
	{
		overflow		: hidden;
		overflow-y		: auto;
	}

	table.CheckOut td
	{

		font-family		: "Roboto", arial;
		font-size		: 12px;
		font-weight		: 300;
		text-align		: center;
		padding			: 10px;
		background-color: #FFF;

		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
	}
	table.CheckOut td input
	{
		font-size		: 13px;
	}

	table.CheckOut td.Collapsed
	{
		padding			: 0px 10px;
		height			: 1px;
		opacity			: 0;
		background-color: #ffffdb;
	}

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

	.FormHolder
	{
		width			: calc(31% - 100px);
		height			: auto;
		padding			: 20px;
		margin			: 0;
		margin-left		: 1px;
	}

	.form-holder
	{
		width			: 40%;
		padding			: 0px 10px;
		display			: inline-block;
		vertical-align	: top;
		margin			: 2%;
		margin-top		: -20px;
	}

	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;
	}

}




@media only screen and (max-width:1024px)
{

	div.CheckOut
	{
		max-width		: 1000px;
		min-width		: 1000px;
		margin-top		: 15vh;
		min-height		: 390px;
	}

	div.TableHolder
	{
		overflow		: hidden;
		overflow-y		: auto;
	}

	table.CheckOut td:first-child
	{
		width			: 70px;
	}

	table.CheckOut td
	{

		font-family		: "Roboto", arial;
		font-size		: 12px;
		font-weight		: 300;
		text-align		: center;
		padding			: 10px 5px;
		background-color: #FFF;

		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
	}
	table.CheckOut td input
	{
		font-size		: 13px;
	}

	table.CheckOut td.Collapsed
	{
		padding			: 0px 10px;
		height			: 1px;
		opacity			: 0;
		background-color: #ffffdb;
	}

	.CheckOut a.simg
	{
		width			: 70px;
		min-width		: 70px;
		max-width		: 70px;
		height			: 70px;
		display			: block;
		background		: transparent no-repeat center center;
		background-size	: cover;
		margin			: 0px auto;
	}
	.FormHolder
	{
		width			: 40%;
		height			: auto;
		padding			: 20px;
		margin			: 0;
		margin-left		: 1px;
	}

	.form-holder
	{
		width			: 40%;
		padding			: 0px 10px;
		display			: inline-block;
		vertical-align	: top;
		margin			: 2%;
		margin-top		: -20px;
	}

	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;
	}

	div.PriceHolder
	{
		width			: 200px;
		min-width		: 200px;
		min-height		: 300px;
		max-height		: auto;
		position		: absolute;
		top				: 0px;
		right			: 0px;
		padding			: 20px;
		border			: 1px solid #EEE;
		border-radius	: 10px;
		box-shadow		: none;
	}
	.iconButton
	{
		margin			: 0;
	}
	.address-holder
	{
		width			: calc(27% - 30px);
		min-height		: 350px;
	}
	.addaddress-form
	{
		min-width		: 90%!important;
		max-width		: 90%!important;
		width			: 90%!important;
		background-color: #EEE!important;
	}
}




@media only screen and (max-width:834px)
{

	.address-holder
	{
		width			: calc(40% - 30px);
		min-height		: 300px;
	}

	div.CheckOut
	{
		max-width		: 800px;
		min-width		: 800px;
		margin-top		: 15vh;
		min-height		: 370px;
	}

	div.TableHolder
	{
		overflow		: hidden;
		overflow-y		: auto;
	}

	table.CheckOut
	{
		width			: 550px;
		min-width		: 550px;
		margin			: 0px;
	}
	table.CheckOut td:first-child
	{
		width			: 70px;
	}

	table.CheckOut td
	{

		font-family		: "Roboto", arial;
		font-size		: 10px;
		font-weight		: 300;
		text-align		: center;
		padding			: 10px 5px;
		background-color: #FFF;

		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
	}
	table.CheckOut td input
	{
		font-size		: 13px;
	}

	table.CheckOut td.Collapsed
	{
		padding			: 0px 10px;
		height			: 1px;
		opacity			: 0;
		background-color: #ffffdb;
	}

	.CheckOut a.simg
	{
		width			: 70px;
		min-width		: 70px;
		max-width		: 70px;
		height			: 70px;
		display			: block;
		background		: transparent no-repeat center center;
		background-size	: cover;
		margin			: 0px auto;
	}
	.form-holder
	.FormHolder
	{
		width			: calc(31% - 100px);
		height			: auto;
		padding			: 20px;
		margin			: 0;
		margin-left		: 1px;
	}

	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;
	}

	div.PriceHolder
	{
		width			: 200px;
		min-width		: 200px;
		min-height		: 300px;
		max-height		: auto;
		position		: absolute;
		top				: 0px;
		right			: 0px;
		padding			: 20px;
		border			: 1px solid #EEE;
		border-radius	: 10px;
		box-shadow		: none;
	}
	.iconButton
	{
		margin			: 0;
	}

	.form-holder span,
	span.Heading,
	span.Content,
	.Heading,
	.Pricing
	{
		font-family		: "Open Sans", arial;
		font-size		: .7em;
		font-weight		: 400;
		line-height		: 30px;
		margin			: 0px;
		padding			: 0px;
		text-decoration	: none;
		color			: #444;
	}
	.PriceHolder span.Pricing
	{
		font-size		: 11px;

	}
}

@media only screen and (max-width:800px)
{


	div.CheckOut
	{
		max-width		: 800px;
		min-width		: 800px;
		margin-top		: 15vh;
		min-height		: 370px;
	}

	div.TableHolder
	{
		width			: auto;
		min-width		: 750px;
		min-height		: auto;
		overflow		: hidden;
		overflow-y		: auto;
	}

	table.CheckOut
	{
		width			: 550px;
		min-width		: 550px;
		margin			: 0px;
	}
	table.CheckOut td:first-child
	{
		width			: 70px;
	}

	table.CheckOut td
	{

		font-family		: "Roboto", arial;
		font-size		: 10px;
		font-weight		: 300;
		text-align		: center;
		padding			: 10px 5px;
		background-color: #FFF;

		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
	}
	table.CheckOut td input
	{
		font-size		: 13px;
	}

	table.CheckOut td.Collapsed
	{
		padding			: 0px 10px;
		height			: 1px;
		opacity			: 0;
		background-color: #ffffdb;
	}

	.CheckOut a.simg
	{
		width			: 70px;
		min-width		: 70px;
		max-width		: 70px;
		height			: 70px;
		display			: block;
		background		: transparent no-repeat center center;
		background-size	: cover;
		margin			: 0px auto;
	}
	.form-holder
	.FormHolder
	{
		width			: calc(31% - 100px);
		height			: auto;
		padding			: 20px;
		margin			: 0;
		margin-left		: 1px;
	}

	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;
	}

	div.PriceHolder
	{
		width			: 200px;
		min-width		: 200px;
		min-height		: 300px;
		max-height		: auto;
		position		: absolute;
		top				: 0px;
		right			: 0px;
		padding			: 20px;
		border			: 1px solid #EEE;
		border-radius	: 10px;
		box-shadow		: none;
	}
	.iconButton
	{
		margin			: 0;
	}

	.form-holder span,
	span.Heading,
	span.Content,
	.Heading,
	.Pricing
	{
		font-family		: "Open Sans", arial;
		font-size		: .7em;
		font-weight		: 400;
		line-height		: 30px;
		margin			: 0px;
		padding			: 0px;
		text-decoration	: none;
		color			: #444;
	}
	.PriceHolder span.Pricing
	{
		font-size		: 11px;

	}
}




@media only screen and (device-width: 768px)
{
	.Carted,
	.Decline
	{
		width			: 80vw;
		min-height		: 40vw;
		padding			: 5vw;
		background		: #EEE;
		font-family		: "Roboto", arial;
		font-size		: 1em;
		font-weight		: 300;
		position		: fixed;
		top				: calc(50% - 200px);
		left			: 5vw;
		text-align		: center;
		box-shadow		: 0px 0px 20px 10px rgba(0, 0, 0, .3);
		z-index			: 2000;
	}

	.Carted b,
	.Decline b
	{
		color			: #666;
	}
	.Decline
	{
		background		: #FFF url(/assets/tools/Decline.gif) no-repeat center -30px;
		background-size	: 200px;
	}


	div.TableHolder
	{
		max-width		: 100vw;
		min-width		: 100vw;
		overflow		: hidden;
		overflow-y		: auto;
		background-color: #EEE;
		margin-bottom	: 20px;
	}
	div.PriceHolder
	{
		width			: 100%;
		position		: static!important;
		margin			: 0;
		display			: block;
		min-height		: auto;
		height			: auto;
		align			: right;
		padding			: 0;
		background-color: transparent;
	}


	div.CheckOut
	{
		max-width		: 100%;
		min-width		: 100%;
		min-height		: 10vh;
		padding			: 10px 0;
		margin			: 0px auto;
		margin-top		: 10vh;
		margin-bottom	: 10vh;
		position		: relative;
	}

	table.CheckOut td
	{

		font-family		: "Roboto", arial;
		font-size		: 12px;
		font-weight		: 300;
		text-align		: center;
		padding			: 10px;
		background-color: #FFF;

		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
	}

	table.CheckOut td.Collapsed
	{
		padding			: 0px 5px;
		height			: 1px;
		opacity			: 0;
		background-color: #ffffdb;
	}

	table.CheckOut.coupon
	{
		position		: static;
		bottom			: 50px;
		right			: 0;
		left			: auto;
		display			: block;
		vertical-align	: top;
		margin			: 0px auto!important;
	}
	table.CheckOut.coupon tr
	{
		width: 100%;
	}
	a.simg
	{
		width			: 100%;
		height			: 100px;
		display			: block;
		background		: transparent no-repeat center center;
		background-size	: cover;
		margin			: 0px auto;
	}

	.FormStyle
	{
		width			: calc(100% - 60px);
		border			: none;
		border-bottom	: 1px solid #EAEAEA;
		font-family		: 'Roboto', sans-serif;
		font-size		: .8em;
		font-weight		: 300;
		color			: #333;
		padding			: 10px;
		margin			: 10px 20px;
	}

	.FormStyle:focus
	{
		border-bottom	: 1px solid rgb(129, 27, 61);
	}

	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;
	}

	.OrderNotes
	{
		background-color:#FFF;
		position: static;
		width:100%;
	}


	.iconButton
	{
		display			: inline-block;
		font-size		: 1.1em;
		border			: none;
		margin			: 0px auto;
		color			: #FFF;
	}

	.r
	{
		background-color: rgb(129, 27, 61);
		width			: 32px;
		color			: #FFF;
	}
	.y
	{
		background-color: rgb(226, 240,51);
		color			: #FFF;
		width			: 32px;
	}
	.g
	{
		background-color: #4e4e4e;
		width			: 32px;
	}

	div.ButtonBlock
	{
		width			: auto;
		text-align		: center;
		padding			: 20px 0;
		padding-bottom	: 0;
		position		: static;
	}

	.ButtonBlock a,
	.AnchorButton
	{
		font-family		: "Roboto", arial;
		font-size		: .8em;
		font-weight		: 300!important;
		text-align		: center;
		border			: 1px solid #999;
		border-radius	: 10vw;
		background		: #FFF;
		width			: calc(45% - 10px);
		padding			: 0px;
		margin			: 3px auto;
		color			: #333;
		display			: block;
		line-height		: 35px;
		text-decoration	: none;
	}
	.AnchorButton
	{
		width: 40%;
	}
	.ButtonBlock a:hover,
	.AnchorButton:hover
	{
		background-color: #e2f033; /*/ grn button /*/
	}

	.PricingHolder
	{
		background-color: #FFF;
		text-align		: center;
		position		: relative;
		display			: flex;
		flex-direction	: row;
		justify-content	: center;
		align-items		: center;
		padding			: 3vw 0;
	}

	#basket
	{
		font-family		: 'Roboto', arial;
		font-size		: 13px;
		height			: 10vw;
		color			: #333;
		background-color: rgb(226,240,51);
		border			: 1px solid #333;
		font-weight		: 300;
		max-width		: 35%;
		border-radius	: 7vw;
		flex			: 1;
	}

	#archive
	{
		font-family		: 'Roboto', arial;
		font-size		: 13px;
		height			: 40px;
		color			: #333;
		background-color: #EEE;
		border			: 1px solid #333;
		font-weight		: 300;
		padding			: 0px 10px;
		width			: 20%;
		flex			: 1;
	}

	#amount
	{
		display		: table-column;
		background	: #FFF;
		min-width	: 40px;
		max-width	: 15%;
		height		: 8vw;
		font-family	: "Roboto", arial;
		font-size	: .8em;
		font-weight	: 300!important;
		text-align	: center;
		color		: #4c4c4c;
		border		: 1px solid transparent;
		border-bottom	: 1px solid #999;
		flex		: 1;
		margin		: 0px 10px;
	}


	#pricing
	{
		left			: 0;
		font-family		: 'Roboto', arial;
		font-size		: 150%;
		color			: #333;
		background-color: #FFF;
		height			: 12vw;
		border			: 1px solid #EEE;
		border-radius	: 7vw;
		font-weight		: 300;
		max-width		: 35%;
		min-width		: 30%;
		flex			: 1;
	}

	.LoginButtons
	{
		font-family		: "Roboto", 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;

	}


	.form-holder,
	.FormHolder
	{
		width			: 90%;
		height			: auto;
		padding			: 0px;
		margin-left		: 1px;
		margin			: 0px auto;
		float			: none;
		background-color: #FFF;
		position		: static;
	}




	.form-holder textarea,
	.FormHolder textarea
	{
		resize			: none;
		width			: calc(100% - 60px);
		height			: 73px;
		padding-left	: 10px;
	}


}

@media only screen and (max-width:540px)
{
	.addaddress-form
	{
		min-width	: 90%!important;
		width		: 90%!important;
		max-width	: 90%;
		padding		: 5%;
		position: absolute!important;
		top		: 0;
		left	: 0;
		overflow: auto;
	}

	.Carted,
	.Decline
	{
		width			: 80vw;
		min-height		: 40vw;
		padding			: 5vw;
		background		: #EEE;
		font-family		: "Roboto", arial;
		font-size		: 1em;
		font-weight		: 300;
		position		: fixed;
		top				: calc(50% - 200px);
		left			: 5vw;
		text-align		: center;
		box-shadow		: 0px 0px 20px 10px rgba(0, 0, 0, .3);
		z-index			: 2000;
	}

	.Carted b,
	.Decline b
	{
		color			: #666;
		text-shadow		: 0px 1px 1px rgba(255,255,255, 0.8);
	}
	.Decline
	{
		background		: #FFF url(/assets/tools/Decline.gif) no-repeat center -30px;
		background-size	: 200px;
	}


	div.TableHolder
	{
		max-width		: 100vw;
		min-width		: 100vw;
		overflow		: hidden;
		overflow-y		: auto;
		background-color: #EEE;
		margin-bottom	: 20px;
		margin-top		: 10vh;
	}
	div.PriceHolder
	{
		width			: 80%;
		position		: static!important;
		margin			: 0 auto;
		max-height		: auto;
		min-height		: auto;
		padding			: 5%;
		background-color: #FFF;
	}



	div.CheckOut
	{
		max-width		: calc(100% - 20px);
		min-width		: calc(100% - 20px);
		min-height		: 10vh;
		padding			: 10px;
		margin			: 0px auto;
		margin-top		: 10vh;
		margin-bottom	: 10vh;
		position		: relative;
	}

	table.CheckOut
	{
		background-color: #EEE;
		margin			: 0px auto;
		width			: 100%;
		min-width		: auto;
	}
	table.CheckOut td:first-child
	{
		width: auto;
	}
	table.CheckOut td
	{

		font-family		: "Roboto", arial;
		font-size		: 12px;
		font-weight		: 300;
		text-align		: center;
		padding			: 10px;
		background-color: #FFF;

		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
	}

	table.CheckOut td.Collapsed
	{
		padding			: 0px 5px;
		height			: 1px;
		opacity			: 0;
		background-color: #ffffdb;
	}

	table.CheckOut.coupon
	{
		width			: 500px;
		position		: absolute;
		bottom			: 50px;
		right			: 200px;
		left			: auto;
	}

	a.simg
	{
		width			: 100px;
		height			: 150px!important;
		min-width		: 100%!important;
		max-width		: 100%!important;
		display			: block;
		background		: transparent no-repeat center center;
		background-size	: cover;
		margin			: 0px auto;
		border-radius	: 5px;
	}

	.FormStyle
	{
		width			: calc(100% - 60px);
		border			: none;
		border-bottom	: 1px solid #EAEAEA;
		font-family		: 'Roboto', sans-serif;
		font-size		: .8em;
		font-weight		: 300;
		color			: #333;
		padding			: 10px;
		margin			: 10px 20px;
	}

	.FormStyle:focus
	{
		border-bottom	: 1px solid rgb(129, 27, 61);
	}

	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;
	}

	.OrderNotes
	{
		background-color:#FFF;
		position: static;
		width:100%;
	}


	.addresses
	{
		max-width		: 100%;
	}

	.address-holder
	{
		width			: 80%;
		min-height		: auto;
		padding			: 10px 20px;
		margin			: 0px auto;
		margin-bottom	: 30px;
		display			: block;
		border			: 1px solid #EEE;
		border-radius	: 10px;
		vertical-align	: top;
		position		: relative;
	}

	.addaddresshead
	{
		width			: 90%;
		margin			: 0px auto;
		padding-bottom	: 10px;
		height			: 40px;
		margin-bottom	: 30px;
		position		: relative;
		border-bottom	: 1px solid #999;
	}
	.addaddresshead h1
	{
		font-size		: 1em;
		color			: #999;
		font-weight		: 300;
		line-height		: 40px;
	}

	.iconButton
	{
		width			: 30%;
		height			: 10vw;
		display			: inline-block;
		background-color: rgb(129, 27, 61);
		font-size		: 1.1em;
		border			: none;
		margin			: 0px auto;
		color			: #FFF;
	}

	.r
	{
		background-color: rgb(129, 27, 61);
		width			: 10vw;
	}
	.y
	{
		background-color: rgb(226, 240,51);
		color			: #444 !important;
		width			: 10vw;
	}
	.g
	{
		background-color: #4e4e4e;
		width			: 10vw;
	}

	div.ButtonBlock
	{
		width			: calc(90vw - 20px);
		text-align		: center;
		padding			: 20px 0;
		padding-bottom	: 0;
		position		: static;
	}

	.ButtonBlock a,
	.AnchorButton
	{
		font-family		: "Roboto", arial;
		font-size		: .8em;
		font-weight		: 300!important;
		text-align		: center;
		border			: 1px solid #999;
		border-radius	: 10vw;
		background		: #FFF;
		width			: 60%;
		padding			: 0px;
		margin			: 10px auto;
		color			: #333;
		display			: block;
		line-height		: 35px;
		text-decoration	: none;
	}
	.AnchorButton
	{
		width: 60%;
	}
	.ButtonBlock a:hover,
	.AnchorButton:hover
	{
		background-color: #e2f033; /*/ grn button /*/
	}

	.PricingHolder
	{
		background-color: #FFF;
		text-align		: center;
		position		: relative;
		display			: block;
		padding			: 10px;
	}
	div.Block
	{
		padding			:  10px;
		position		: relative;
	}
	.PriceHolder span.Pricing
	{
		right			: 20px;
	}
	#basket
	{
		font-family		: 'Roboto', arial;
		font-size		: 13px;
		height			: 10vw;
		color			: #333;
		background-color: rgb(226,240,51);
		border			: 1px solid #333;
		font-weight		: 300;
		max-width		: 35%;
		border-radius	: 7vw;
		flex			: 1;
	}

	#archive
	{
		font-family		: 'Roboto', arial;
		font-size		: 13px;
		height			: 40px;
		color			: #333;
		background-color: #EEE;
		border			: 1px solid #333;
		font-weight		: 300;
		padding			: 0px 10px;
		width			: 20%;
		flex			: 1;
	}

	#amount
	{
		display		: table-column;
		background	: #FFF;
		min-width	: 40px;
		max-width	: 15%;
		height		: 8vw;
		font-family	: "Roboto", arial;
		font-size	: .8em;
		font-weight	: 300!important;
		text-align	: center;
		color		: #4c4c4c;
		border		: 1px solid transparent;
		border-bottom	: 1px solid #999;
		flex		: 1;
		margin		: 0px 10px;
	}


	#pricing
	{
		left			: 0;
		font-family		: 'Roboto', arial;
		font-size		: 150%;
		color			: #333;
		background-color: #FFF;
		height			: 12vw;
		border			: 1px solid #EEE;
		border-radius	: 7vw;
		font-weight		: 300;
		max-width		: 35%;
		min-width		: 30%;
		flex			: 1;
	}

	.LoginButtons
	{
		font-family		: "Roboto", 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;

	}


	.form-holder,
	.FormHolder
	{
		width			: 90%;
		height			: auto;
		padding			: 0px;
		margin			: 0px 5%;
		float			: none;
		position		: static;
	}

	.form-holder-right
	{
		 margin-left:10px;
	}



	.form-holder textarea,
	.FormHolder textarea
	{
		resize			: none;
		width			: calc(100% - 60px);
		height			: 73px;
		padding-left	: 10px;
	}

	span.Heading,
	span.Content,
	span.Pricing,
	.Heading,
	.Pricing
	{
		font-family		: "Open Sans", arial;
		font-size		: 1em;
		font-weight		: 400;
		line-height		: 30px;
		margin			: 0px;
		padding			: 0px;
		text-decoration	: none;
		color			: #444;
	}
	.PriceHolder span.Pricing
	{
		font-size		: 1em;

	}

}