body.indexbody {background-image:url('images/grass_1.jpg');}
body.manualbody {background-image:url('images/grass_2.jpg');}
body.videobody {background-image:url('images/grass_3.jpg');}
body.cartbody {background-image:url('images/grass_5.jpg');}
body.calcbody {background-image:url('images/grass_7.jpg');}
body.contactbody {background-image:url('images/grass_4.jpg');}
body.kitbody {background-image:url('images/grass_6.jpg');}
canvas, video, img.scale {max-width: 100%;}
figure.floatleft {
float:left;
max-width: 100%;
}
Table.header
{
background-image:url('images/grid1.gif');
max-width:1100px;
width: 90%;
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
}
div.header{background-image:url('images/grid1.gif');}

div.cartframe{background-image:url('images/cartbkg.jpg');}

div.videoframe{background-image:url('images/videobkg.jpg');}

@media only all and (max-width: 767px) {div.indexframe {background-image:url('images/homebkg2.gif');}}
@media only all and (min-width: 768px) {div.indexframe {background-image:url('images/homebkg.gif');}}

@media only all and (max-width: 767px) {div.calcframe {background-image:url('images/calcbkg2.gif');}}
@media only all and (min-width: 768px) {div.calcframe {background-image:url('images/calcbkg.gif');}}

@media only all and (max-width: 767px) {div.contactframe{background-image:url('images/contactbkg2.jpg');}}
@media only all and (min-width: 768px) {div.contactframe{background-image:url('images/contactbkg.jpg');}}

@media only all and (max-width: 767px) {div.kitframe{background-image:url('images/domekitbkg2.gif');}}
@media only all and (min-width: 768px) {div.kitframe{background-image:url('images/domekitbkg.gif');}}

@media only all and (max-width: 767px) {div.manualframe {background-image:url('images/manualbkg2.gif');}}
@media only all and (min-width: 768px) {div.manualframe {background-image:url('images/manualbkg.gif');}}


div.blue
{
background-color:blue;
}
div.red
{
background-color:red;
}
div.yellow
{
background-color:yellow;
}
div.brown
{
background-color:brown;
}
div.green
{
background-color:green;
}
div.orange
{
background-color:orange;
}
div.black
{
background-color:black;
}
div.purple
{
background-color:purple;
}
div.gray
{
background-color:gray;
}

@media only all and (min-width: 768px) and (max-width: 1000px) {div.calc {font-family:Arial, Helvetica, sans-serif;font-size:17px;}}
@media only all and (min-width: 1001px) {div.calc {font-family:Arial, Helvetica, sans-serif;font-size:1.3em;}}












Table.calcxxx
{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
padding:7px;
cellpadding:20px;
}
td.calcxxx
{
padding:10px;
}
Table.calc2xxx
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding:7px;
cellpadding:20px;
}
td.calc2xxx
{
padding:10px;
font-size:18px;
}
span.calc3
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
span.calc4
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
Table.contact
{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
padding:7px;
cellpadding:20px;
}
td.contact
{
padding:10px;
font-size:20px;
}
Select.contact
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
Textarea.contact
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
input[type="submit"].contact
{
    border: 1px solid #006;
    background: #9cf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
input[type="text"].contact
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
border: 2px dashed gray;
}
Table.pricetext
{
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
}

Table.manual
{
max-width:1100px;
width: 90%;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
Table.manualstep
{
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
}
Table.manualtext
{
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
}

Table.noscriptnav {
  color: white;
  background-color:  DarkBlue;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
    margin: 0; border: 0; padding: 0;
  text-decoration:none;
}
input{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
border-style: none;
}
input[type="button"]
{
    border: 1px solid #006;
    background: #9cf;
}
input[type="reset"]
{
    border: 1px solid #006;
    background: #ffc;
}
input[type="submit"]
{
    border: 1px solid #006;
    background: #9cf;
}
h1
{
color: DarkBlue;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-style:italic
}
h2
{
color: DarkBlue;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
}
H3
{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
}
H4
{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
color: White
}
a:link {text-decoration:none;}
P
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}