/* ------------------ Base64 CSS ----------------- */


/* ------------------ RGVtbyBUZW1wbGF0ZSA= --------------- */


/*-------------------------------------- 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%;
}


/*-------------------------------------- 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%;
    }
    .chechoutbox.short {
        width: 100%;
    }
    .chechoutbox.data {
        width: 100%;
        padding-top: 0;
    }
    .chechoutbox.data P INPUT[type="submit"] {
        float: none;
        padding: 0 8px;
        margin-top: 10px;
    }
    .chechoutbox.data span {
        width: 95%;
    }
}


/*-------------------------------------- Ξ Ξ―Ξ½Ξ±ΞΊΞ±Ο‚ Καλαθιού --------------------------------------*/

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