@charset "utf-8";
/* -------------------------------------- Checkout Styles -------------------------------------- */
.chechoutbox p input[type="submit"], .chechoutbox p input[type="reset"] {
	margin-left: 20.5%;
}
.chechoutbox p {
	line-height: normal;	
}
.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%;
}
@media all and (max-width: 900px) {
/* -------------------------------------- Checkout Styles -------------------------------------- */
	.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;
	}
}
@media all and (max-width: 650px) {
/* -------------------------------------- Checkout Styles -------------------------------------- */
	.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%;
	}
/* -------------------------------------- Steps Styles -------------------------------------- */
	#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%;
	}
}