body {
        background-image:url('img/sky_fade.jpg');
        background-repeat-y:no-repeat;
        margin-top: 1.0em;
}

.logo1 {
        width:100%;
        text-align:center;
        padding-bottom:0.5em;
}

.logo1 img {
        border:0;
        width:100%;
        max-width:600px;
}

.products {
        display: flex;
        flex-direction: column;
        padding:0;
}

.product {
        display: flex;
        flex-direction: row;
        padding:0;
        margin-bottom:0.5em;
        align:items:center;
}

.prod {
        background-color: #ccc;
        border-radius:0.5em 0 0 0.5em;
        padding:0.3em;
        width:70%;
        display:flex;
        flex-direction:row;
}

.prod1 {
}

.prod1 p {
        font-size:1.0em;
        font-family: sans serif, arial;
        font-weight: bold;
        color: #3f3000;
        display:inline-block;
        padding-left:0.2em;
}

.prod img {
        max-height:4.8em;
}

.qty {
        background-color: #ccc;
        border-radius:0 0.5em 0.5em 0;
        padding:0.3em;
        width:20%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:space-around;
        margin-left:0;
}

.qty1 {
}

.qty1 p {
        margin:0
        display:inline-block;
        font-size:1.5em;
        font-weight: bold;
        font-family: sans serif, arial;
}

.price {
        background-color: #ccc;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:space-around;
        padding:0;
        padding-right:0.5em;
}

.price1 p {
        margin:0
        display:inline-block;
        color: #3f3000;
        font-size:1.0em;
        font-weight: bold;
        font-family: sans serif, arial;
}

.selector {
        background-color: #ccc;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:space-around;
        padding:0;
}

.sel {
        background-color: #333;
        border-radius:0.5em;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-around;
        padding-left:0.5em;
        padding-right:0.5em;
        text-align:center;
        margin:0;
        height:45%;
        width:50%;
        cursor:pointer;
}

.sel.add {
        background-color:#9c9;
}

.sel.sub {
        background-color:#99c;
}

.sel div {
        display:inline-block;
        color:#fff;
        font-size:1.5em;
        font-family:sans serif, arial;
        font-weight: bold;
        margin:0;
}

.total {
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        border:solid 4px #ccc;
        border-radius:0.5em;
        margin-bottom:0.5em;
}

.totallbl {
        font-family:sans serif, arial;
        font-size:1.25em;
        font-weight:bold;
        color:#000;
        padding:0 em;
        padding-right:1.0em;
}

.totalval {
        font-family:sans serif, arial;
        font-size:1.25em;
        color:#000;
        margin-right:1.0em;
        width:30%;
}

.totalbtn {
        border:solid 4px #ccc;
        border-radius:0.5em;
        background-color:#ccc;
        padding:0;
        margin-left:1.0em;        
}

.totalbtn form {
        margin:0;
}

.cookies {
        display:flex;
        flex-direction:row;
        border:solid 1px #090;
        border-radius:0.25em;
        background-color:#393;
        font-family:sans serif;
        font-size:0.8em;
        color:#fff;
        padding:0.5em;
        justify-content:space-around;
}
.cookies a {
        text-decoration:none;
        color:#f90;
        font-weight:bold;
}

.cookiebtn {
        background-color:#f90;
        padding:0.5em;
        border-radius:0.25em;
        color:#000;
        cursor:pointer;
}

.cookiebtn:hover {
        background-color:#fc3;
}

.addr {
        font-family:sans serif;
        font-size: 0.75em;
        color:#090;
        text-align:center;
}

.addr span {
        padding:0;
        margin:0;
        padding-right:0.5em;
        padding-left:0.5em;
}

.footer {
        padding:0;
        margin:0;
        margin-top:1.0em;
        display:flex;
        flex-direction:column;
}

.foot1 {
        background-color:#393;
        display:flex;
        flex-direction:row;
        justify-content:space-around;
        width:100%;
        color:#fff;
        font-family:sans serif,arial;
        font-size:0.75em;
        border-radius:0.25em;
}

.foot1 div {
        border:solid 1px #060;
        border-radius:0.3em;
        padding:0.5em;
        margin:1.0em;
        cursor:pointer;
}

.foot1 div:hover {
        border:solid 1px #3f3;
}

.foot1 div a {
        text-decoration:none;
        color:#fff;
}

.foot2 {
        background-image:url("img/grad3bt.png");
        background-repeat:repeat-x;
        width:100%;
        height:34px;
        display:none;
}

.body2 {
        font-family:sans serif,arial;
        font-size:1.0em;
        background-color:#cfcfcf;
        padding:1.0em;
        margin:1.0em;
}

.contact1 {
	width:100%;
	padding:1.0rem;
	display:flex;
	flex-direction:row;
	justify-content:center;
}

.contact2 {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	background-color:#030;
}

.contact2 >div {
	background-color:#f0fff0;
}

.contact3 {
	margin:0.5rem;
	font-family:sans serif, arial;
	font-size:1.0rem;
	color:#003300;
	text-align:center;
	padding:1.0rem;
	width:50%;
}
.contact4 {
	margin-right:0.5rem;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	width:40%;
}

.map {
}