/*
jCart v1.3
http://conceptlogic.com/jcart/

This file represents any existing CSS your site may already use

*/

* {margin:0;padding:0;}

html { background:#fff; font-family: 'Alata', sans-serif; font-size:62.5%; }
body {font-size:1.3em;background: #000;width: 100%;}

#wrapper {/* margin:30px auto 250px auto; *//* width: 100%; *//* border:solid 1px #ccc; */padding:30px;background: #000000;}

h2, p {margin-bottom: 50px;color: #838383;text-align: center;}

a { color: #a7a7a7; }

#sidebar {width: 100%;margin: auto;padding-bottom: 30px;margin-top: 140px;}

#content {width: 100%;float:left;padding-bottom: 30px;}

.clear {clear: both;}

/* Item forms */
.jcart {margin: 20px 23px 30px 23px;width: 220px;height: 380px;padding-top:20px;float:left;background:#fff;text-align:center;}
.banner {margin: 20px 23px 30px 23px;width: 220px;height: 380px;padding-top:20px;float:left;background:#000;text-align:center; font-size: 20px;}
.banner ul { margin:0; list-style:none; padding:0px; text-align:left; }
.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
.jcart fieldset { border:0; }
.jcart strong {color: #000000;}
.jcart .button { font-family: 'Alata', sans-serif; width: 180px;margin: 10px 20px 20px 20px;padding:5px; background-color: #000;color: #fff;border: 0px;}

li.cover { padding-bottom: 15px; }
li.title { padding-bottom: 15px; }
li.header { padding-bottom: 15px; padding-top: 30px; text-align: center; color: #FFF;}
li.price {padding-bottom: 15px;font-size: 14px;}
li.qty {padding-bottom: 15px;font-size: 14px;}
.logo {padding-bottom: 20px;position: absolute;left: 50%;margin-left: -47px;top: 120;}
#fotter {float: right;font-size: 12px;padding-top: 20px;}

input[type="text"] {
    font-family: 'Alata', sans-serif;
    font-size: 14px;
    padding-left: 5px;
}

@media screen and (max-width: 768px) {
    #wrapper {/* margin:30px auto 250px auto; *//* width: 100%; *//* border:solid 1px #ccc; */padding: 10px;background: #000000;}
h2, p {margin-bottom: 50px;color: #838383;text-align: center;}
}
@media (max-width: 768px) {
    #sidebar{width: 100%;margin: auto;padding-bottom: 30px;margin-top: 160px;}
}
@media (max-width: 768px) {
#content {width: 100%;float:left;margin-bottom: 30px;}
}
@media (max-width: 768px) {
.jcart {margin: 0px 20px 20px 0px;width: 100%;height: auto;padding-top:20px;float:left;background:#fff;text-align:center;}
	.banner {margin: 0px 20px 20px 0px;width: 100%;height: auto;padding-top:0px;float:left;background:#000;text-align:center; font-size: 20px;}
.banner ul { margin:0; list-style:none; padding:0px; text-align:left; }
.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
.jcart fieldset { border:0; }
.jcart strong {color: #000000;}
.jcart .button {font-family: 'Alata', sans-serif;width: 340px;margin: 10px 20px 20px 20px;padding: 5px;font-size: 24px;background-color: #000;color: #fff;border: 0px;}
}
@media (max-width: 768px) {
li.cover {padding-bottom: 15px;width: 100%;height: auto;}
li.title {padding-bottom: 15px;font-size: 22px;}
	li.header { padding-bottom: 60px; padding-top: 0px; text-align: center; color: #FFF;}
li.price {padding-bottom: 15px;font-size: 20px;}
li.qty {padding-bottom: 15px;font-size: 22px;}
li.banner {padding-bottom: 15px;width: 340px;height: 560px;}
}
.logo {padding-bottom: 20px;position: absolute;left: 50%;margin-left: -47px;top: 120;}
@media (max-width: 768px) {
#fotter {float: right;font-size: 12px;padding-top: 20px; padding-right: 20px;}

input[type="text"] {
    font-family: 'Alata', sans-serif;
    font-size: 22px;
    padding-left: 5px;
}
}

@media screen and (max-width: 640px) {
    #wrapper {/* margin:30px auto 250px auto; *//* width: 100%; *//* border:solid 1px #ccc; */padding: 10px;background: #000000;}
h2, p {margin-bottom: 50px;color: #838383;text-align: center;}
}
@media (max-width: 640px) {
    #sidebar{width: 100%;margin: auto;padding-bottom: 30px;margin-top: 160px;}
}
@media (max-width: 640px) {
#content {width: 100%;float:left;padding-bottom: 30px;}
}
@media (max-width: 640px) {
.jcart {margin: 0px 20px 20px 0px;width: 100%;height: auto;padding-top:20px;float:left;background:#fff;text-align:center;}
		.banner {margin: 0px 20px 20px 0px;width: 100%;height: auto;padding-top:0px;float:left;background:#000;text-align:center; font-size: 20px;}
.banner ul { margin:0; list-style:none; padding:0px; text-align:left; }
.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
.jcart fieldset { border:0; }
.jcart strong {color: #000000;}
.jcart .button {font-family: 'Alata', sans-serif;width: 300px;margin: 10px 20px 20px 20px;padding: 15px;font-size: 14px;background-color: #000;color: #fff;border: 0px;}
}
@media (max-width: 640px) {
li.cover {padding-bottom: 15px;width: 100%;height: auto;}
li.title {padding-bottom: 15px;font-size: 18px;}
	li.header { padding-bottom: 60px; padding-top: 0px; text-align: center; color: #FFF;}
li.price {padding-bottom: 15px;font-size: 18px;}
li.qty {padding-bottom: 15px;font-size: 18px;}
li.banner {padding-bottom: 15px;width: 300px;height: 525px;}
}
.logo {padding-bottom: 20px;position: absolute;left: 50%;margin-left: -47px;top: 40px;}
@media (max-width: 640px) {
#fotter {font-size: 12px;padding-top: 50px;width: 100%;text-align: center;float: left;}
#fotter h2, p {margin-bottom: 50px;color: #838383;text-align: center;}

input[type="text"] {
    font-family: 'Alata', sans-serif;
    font-size: 18px;
    padding-left: 5px;
}
}