/* ------------------ Base64 CSS ----------------- */
/* ------------------ RGVtbyBUZW1wbGF0ZSA= --------------- */

/*-------------------------------------- Checkout Styles --------------------------------------*/
.chechoutbox P INPUT[type="submit"], .chechoutbox P INPUT[type="reset"]
{
	margin-left: 28.5%;
}
.chechoutbox P
{
	line-height: 30px;
}
.chechoutbox.threecolumn.full P INPUT[type="radio"] + LABEL
{
	width: auto;
}
.chechoutbox.threecolumn
{
	min-height: 300px;
}
.chechoutbox IFRAME
{
	width: 100%;
}
/*-------------------------------------- Steps Styles --------------------------------------*/
#steps UL
{
	width: 95%;
	max-width: 800px;
}
#steps UL LI
{
	width: 4%;
	height: 0;
	padding: 4% 0 0;
	margin: -2% 10.5% 0;
}
#steps UL LI.line
{
	left: 12.5%;
	width: 75%;
}
#steps UL LI SPAN
{
	width: 665%;
	margin: 0 0 0 -285%;
}
/*-------------------------------------- Checkout Styles --------------------------------------*/
@media all and (max-width: 900px)
{
	.chechoutbox
	{
		width: 100%;
		float: none;
		clear: both;
		min-height: auto;
		height: auto;
	}
	.chechoutbox H3
	{
		padding-left: 2%;
	}
	.chechoutbox P
	{
		padding: 0 2%;
	}
	.chechoutbox + .chechoutbox + .chechoutbox P LABEL, .chechoutbox.full P LABEL
	{
		width: 20%;
	}
	.chechoutbox.full.twocolumn P LABEL
	{
		width: 25%;
	}
	.chechoutbox + .chechoutbox + .chechoutbox P INPUT[type="text"]
	{
		width: 70%;
		padding: 0 2.5%;
	}
	.chechoutbox.long
	{
		float: left;
	}
	.chechoutbox.long P.notes
	{
		padding-left: 6%;
	}
}
/*-------------------------------------- Πίνακας Καλαθιού --------------------------------------*/
@media all and (max-width: 800px)
{
	TABLE.basket TR TD .product P.photo, #main TABLE.basket TR TD .product P.photo
	{
		width: 80px;
		height: auto;
	}
	TABLE.basket TR TD .product
	{
		height: auto;
	}
	/*-------------------------------------- Checkout Styles --------------------------------------*/
	.chechoutbox.long, .chechoutbox.long + .chechoutbox
	{
		float: none;
		width: 100%;
	}
	.chechoutbox.threecolumn
	{
		float: left;
		width: 49%;
		margin: 0 0 20px;
	}
	.chechoutbox.threecolumn + .chechoutbox.threecolumn
	{
		float: right;
	}
	.chechoutbox.threecolumn + .chechoutbox.threecolumn + .chechoutbox.threecolumn
	{
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 20px;
		min-height: auto;
	}
	.chechoutbox.twocolumn P
	{
		float: none;
		width: 96%;
	}
}
/*-------------------------------------- Πίνακας Καλαθιού --------------------------------------*/
@media all and (max-width: 700px)
{
/*
	TABLE.basket TR TD .product P.photo, #main TABLE.basket TR TD .product P.photo
	{
		display: none;
	}
	TABLE.basket TR TD .product H3
	{
		padding-top: 0;
	}
	TABLE.basket TR TH, TABLE.basket TR TD, TABLE.basket TR .price, TABLE.basket TR .quantity
	{
		padding: 5px 2%;
		width: auto;
	}
	TABLE.basket TR .price, TABLE.basket TR .quantity, TABLE.basket TR.total TD
	{
		padding: 5px 2%;
		width: 25%;
	}
	TABLE.basket TR .quantity P A
	{
		line-height: 13px;
		margin-bottom: 5px;
		font-size: 11px;
	}*/
	/*-------------------------------------- Checkout Styles --------------------------------------*/
	.chechoutbox.threecolumn
	{
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 20px;
		min-height: auto;
	}
}

/*-------------------------------------- Checkout Styles --------------------------------------*/
@media all and (max-width: 650px)
{
	.chechoutbox.long P LABEL
	{
		width: 100%;
	}
	.chechoutbox.long P INPUT[type="radio"] + LABEL
	{
		width: 27%;
	}
	.chechoutbox.long P INPUT[type="radio"] + LABEL.long
	{
		width: auto;
	}
	.chechoutbox.long P LABEL + INPUT[type="text"], .chechoutbox.long P LABEL + TEXTAREA
	{
		width: 96%;
		padding: 0 2%;
	}
	.chechoutbox.long P LABEL + SELECT
	{
		width: 100%;
	}
	.chechoutbox.long P SELECT.small
	{
		width: 48%;
	}
	.chechoutbox.long P INPUT[type="submit"], .chechoutbox.long P INPUT[type="reset"]
	{
		width: 48%;
		margin: 0;
	}
	.chechoutbox.long P INPUT[type="reset"]
	{
		float: right;
	}
	.chechoutbox.full.twocolumn P LABEL, .chechoutbox.twocolumn + .chechoutbox.twocolumn + .chechoutbox.twocolumn P LABEL
	{
		width: 100%;
	}
	.chechoutbox.full.twocolumn P INPUT[type="radio"] + LABEL, .chechoutbox.twocolumn + .chechoutbox.twocolumn + .chechoutbox.twocolumn P INPUT[type="radio"] + LABEL
	{
		width: auto;
	}
	.chechoutbox.full.twocolumn P INPUT[type="text"], .chechoutbox.twocolumn + .chechoutbox.twocolumn + .chechoutbox.twocolumn P INPUT[type="text"]
	{
		width: 96%;
		padding: 0 2%;
	}
}
/*-------------------------------------- Πίνακας Καλαθιού --------------------------------------*/
@media all and (max-width: 600px)
{
	#templatebox .buttons A
	{
		width: 48%;
		height: auto;
		padding: 10px 0px;
		margin: 0px;
		line-height: 20px;
		min-width: 48%;
	}
#templatebox .buttons A
{
	/*+border-radius:50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;*/
}
}
/*-------------------------------------- Steps Styles --------------------------------------*/
@media all and (max-width: 600px)
{
	#steps
	{
		font-size: 11px;
	}
	#steps UL LI SPAN
	{
		line-height: 15px;
	}
	/*-------------------------------------- Checkout Styles --------------------------------------*/
	A.newaddress
	{
		margin-top: 0px;
	}
	.chechoutbox.threecolumn.full P
	{
		float: none;
		width: 96%;
	}
}
/*-------------------------------------- Πίνακας Καλαθιού --------------------------------------*/
@media all and (max-width: 500px)
{
	TABLE.basket TR .quantity INPUT
	{
		width: 50%;
	}
	/*-------------------------------------- Checkout Styles --------------------------------------*/
	.chechoutbox P LABEL, .chechoutbox + .chechoutbox + .chechoutbox P LABEL, .chechoutbox.full P LABEL
	{
		width: 100%;
	}
	.chechoutbox P INPUT[type="text"], .chechoutbox P INPUT[type="password"], .chechoutbox P SELECT, .chechoutbox.long P TEXTAREA, .chechoutbox + .chechoutbox + .chechoutbox P INPUT[type="text"]
	{
		width: 96%;
		padding: 0 2%;
	}
	.chechoutbox P INPUT[type="submit"], .chechoutbox P INPUT[type="reset"]
	{
		margin-left: 0;
	}
	.chechoutbox.long P INPUT[type="radio"]
	{
		width: 8%;
		margin-left: 0;
		margin-right: 0;
	}
	.chechoutbox.long P INPUT[type="radio"] + LABEL
	{
		width: 90%;
	}
}



/* fresh4pet */
@media all and (max-width: 1000px) { 
	table.basket tr .quantity,
	table.basket tr .price {
		width: 150px;
	}
	table.basket tr td .product {
		height: auto;
	}
	table.basket tr td .product h3, table.basket tr td .product h3 a {
		font-size: 14px;
		line-height: 18px;
	}
	
}
@media all and (max-width: 900px) {
	.chechoutbox + .chechoutbox + .chechoutbox p label, .chechoutbox.full p label { 
		width: 26%;
		margin: 0px 2% 0px 0px;
	}
	.chechoutbox + .chechoutbox + .chechoutbox p input[type="submit"], .chechoutbox.full p input[type="submit"], .chechoutbox + .chechoutbox + .chechoutbox p input[type="reset"], .chechoutbox.full p input[type="reset"], .chechoutbox + .chechoutbox + .chechoutbox p input[type="button"], .chechoutbox.full p input[type="button"] {
		margin-left: 28.5%;
	}
	.chechoutbox.full {
		float: none;
		width: 100%;
	}
}
@media all and (max-width: 800px) { 
	table.basket tr td .product h3, table.basket tr td .product h3 a {
		font-size: 12px;
		line-height: 16px;
	}
	table.basket tr td .product p, #main table.basket tr td .product p {
		font-size: 11px;
		line-height: 14px;		
	}
	#templatebox .buttons a {
		min-width: 200px;
		padding: 10px 10px;
	}
	table.basket tr.total td,
	table.basket tr td.price ,
	table.basket tr th { 
		font-size: 15px;
	}
	table.basket tr .quantity p.field a {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 22px;
	}
	table.basket tr .quantity p.field input[type="text"] {
		font-size: 16px;
		line-height: 20px;
		height: 20px;
		width: 30px;
	}
	table.basket tr .quantity p.field {
		width: 80px;
	}
	table.basket tr th, table.basket tr td { 
		padding: 10px 10px;
	}
	table.basket tr th {
		padding: 0px 10px;
	}
}
@media all and (max-width: 700px) {
	.chechoutbox.long p label {
		width: 100%;
		margin: 0px;
		box-sizing: border-box;
		text-align: left;
	}
	.chechoutbox.long p input[type="text"], .chechoutbox.long p input[type="password"], .chechoutbox.long p select, .chechoutbox.long p textarea { 
		width: 100%;
		box-sizing: border-box;
	}
	main .chechoutbox.long input[type="radio"] + label, main .chechoutbox.long input[type="checkbox"] + label { 
		margin-left: 0%;
	}
	.chechoutbox.long p input[type="submit"], .chechoutbox.long p input[type="reset"], .chechoutbox.long p input[type="button"] { 
		margin-left: 0%;
	}
	
	
	
	
}
@media all and (max-width: 650px) { 
	table.basket tr .quantity, table.basket tr .price { 
		width: 120px;
	}
	table.basket tr td .product p.photo, #main table.basket tr td .product p.photo {
		display: none;
	}
	#templatebox .buttons a {
		font-size: 12px;
		min-width: 150px;
		letter-spacing: 0px;
	}
	
	.chechoutbox.full.twocolumn p label, .chechoutbox.twocolumn + .chechoutbox.twocolumn + .chechoutbox.twocolumn p label { 
		width: 100%;
		margin: 0px;
		box-sizing: border-box;
		text-align: left;
	}
	.chechoutbox.full.twocolumn p input[type="text"], .chechoutbox.twocolumn + .chechoutbox.twocolumn + .chechoutbox.twocolumn p input[type="text"],
	.chechoutbox.full.twocolumn p select { 
		width: 100%;
		box-sizing: border-box;
	}
	.chechoutbox.twocolumn input[type="radio"] + label, 
	.chechoutbox.twocolumn input[type="checkbox"] + label, 
	.chechoutbox.twocolumn.full input[type="radio"] + label, 
	.chechoutbox.twocolumn.full input[type="checkbox"] + label {
		margin-left: 0%;
	}
	.chechoutbox.long p label + input[type="text"], .chechoutbox.long p label + textarea {
		width: 100%;
		box-sizing: border-box;		
	}
}
@media all and (max-width: 500px) { 
	#templatebox .buttons a {
		font-size: 10px;
	}
	table.basket tr .quantity, table.basket tr .price { 
		width: 90px;
	}
	.chechoutbox p label { 
		width: 100%;
		margin: 0px;
		text-align: left;
		box-sizing: border-box;
	}
	.chechoutbox p input[type="text"], .chechoutbox p input[type="password"], .chechoutbox p select, .chechoutbox.full p textarea {
		width : 100%;
		box-sizing: border-box;
	}
	.chechoutbox + .chechoutbox + .chechoutbox p input[type="submit"], .chechoutbox.full p input[type="submit"], .chechoutbox + .chechoutbox + .chechoutbox p input[type="reset"], .chechoutbox.full p input[type="reset"], .chechoutbox + .chechoutbox + .chechoutbox p input[type="button"], .chechoutbox.full p input[type="button"] { 
		margin-left: 0%;
	}
	
}