body{
  margin : 1em 4em;
  color : #101010;
  background-color : #F0F8FF;
}

body.top{
 margin : 0;
 text-align: center;
 background-color : #b7c7cc;
}

h1{
 color : #101010;
 padding : 0.5em;
}

h2{
 color       : #F0F8FF;
 background-color : #003010;

 font-size : medium;
 padding : 0.2em 2em;
 margin : 1em 0em;
}

h4.product{
 border-style: solid;
 border-width: 0px 0px 1px 8px;
 border-color :#003010;
 padding :0.2em 2em;
 margin : 0em 0em 0em 1em;
 background-color : #c7d7dc;
}

p{
 font-size : x-small;
}

ul {
 border-width: 1px;
 font-size : x-small;
 margin : 1em 0em 1em 2em;
}

img.product {
 border-width : 1px;
 border-style : solid;
 margin : 0em 0em 1em 2em;
}

table.product {
 margin : 0em 0em 1.5em 0em;
}

br.clear {
 clear:both ;
}



div.main {
 margin: 0px auto 0px auto;
 width : 1024px;
 background-color : #F0F8FF;
}

div.maincontent { 
 text-align: left;
 padding : 1em 0.5em;
}

div.info { 
 text-align: left;
 padding : 0.1em 0.5em;
}


div.menu {
 float : left ;
 width : 240px;
}

div.product {
 margin-left: 240px;
 margin-right: 0px;
 padding : 0em 0.5em;
}


div.header { 
 margin: 0px auto 0px auto;
 width : 1024px;
 background-color :#003010;
}

div.headercontent { 
 text-align: left;
 padding : 2em 4em 0.5em 4em;
 font-size : x-small;
 color : #ffffff;
}

div.footer {
 margin: 0px auto 0px auto;
 width : 1024px;
 clear:both;
 background-color :#003010;
}
div.footercontent {
 text-align:right;
 padding : 1em 4em;
 font-size : x-small;
 color : #ffffff;
}
