@media all
{

body {
margin:0;
padding:0;
color:#ffff99;
background-color:#e9db98;
background-image:url(lawn.jpg);
background-attachment: fixed;
background-repeat:repeat;
text-align:center;
font-family: Arial, sans-serif;
font-size:100%;
font-weight:700; 
}

h1, h2 {
color:#eeee99;
font-size:130%; 
font-weight:700; 
font-style:normal;
font-family:Times New Roman, serif;
width:auto;
margin:0.3em 0.1em 0.1em 0.1em;
}

h2 {
font-size:100%;
font-family: Arial, sans-serif;
}

strong {font-weight:bold;}

.right {
float:right;
}

.left {
float:left;
}

img {
border: none;
}

.masthead {
border-bottom:1px #ccff66 solid;
width:100%;
background-color:#306C30;
background-image:url(head.gif);
background-position:0% 50%;
background-repeat:repeat-x;
margin:0;
height:85px;
}

.masthead h1 {
font-size:18px; 
}

.masthead .logo {
float:left;
width:100px;
margin:5px;
}

.masthead .fair {
float:right;
width:35px;
margin:5px;
}

.masthead .logo:after {
content: ".";
display: block;
height: 1px;
clear: left;
visibility: hidden;
}

.masthead .strap {
float:right;
width:130px;
margin:15px 5px 5px 10px;
}

.masthead .tagline {
width:auto;
margin-left:20%;
padding:4px;
}

.tagline h2 {
font-family:'Times New Roman', serif;
}

.masthead form {
margin:2px;
padding:0;
}

a:link, a:visited, a:active {
color:#efb028;
text-decoration:none;
}

a:hover{
color:#ffefdf;
text-decoration:none;
}

div.filters a:link, div.filters a:visited, div.filters a:active {
font-size:1.4em;
color:#98cfcf;
line-height:2;
}

div.filters a:hover{
color:#efff98;
}

p {
color:#F0f099;
font-size:0.8em;
line-height:1.4;
}

p.small {
color:#000000;
font-family: Arial, sans-serif;
font-size:12px;
}

.adbar {
position:absolute;
top:88px;
right:3px;
width:120px;
}

.adbar p {
font-family:arial,sans serif;
font-size:13px;
color:#ffff33;
margin:0;
padding:0;
}

.articles {
background-color:#104810;
border:1px solid yellow;
padding:4px;
margin-bottom:0.2em;
}

.articles p h6{
font-weight:bold;
font-size:12px;
}

.articles p{
line-height:1;
margin:0.5em 0;
}

.articles p a{
font-weight:bold;
font-size:10px;
line-height:0.8;
}

.advertise {
width:120px;
height:120px;
margin:0;
padding:0;
background-color:#336633;
background-image:url(lino-green.jpg);
border:1px solid red;
}

.advcentrehead, .advrighthead {
background-color:#184F18;
border:1px solid yellow;
padding:0;
}

.advcentrehead p, .advrighthead p {
font-size:12px;
color:#183818;
background-color:yellow;
text-align:left;
width:8em;
margin:0;
}

.advrighthead p {
width:118px;
}

.beyondh2o {
background-color:#ffffff;
border:1px solid #000068;
background-image:url('waterfooter.jpg');
background-repeat:repeat-x;
background-position:bottom;
padding:0 1em 40px 1em;
}

.beyondh2oright {
height:120px;
background-color:#184f18;
border:1px solid yellow;
padding:0 2px;
display: table-cell;
width:116px;
vertical-align: middle;
}

.beyondh2oright p {
font-size:10px;
color:white;
}

.beyondh2o p {
font-size:12px;
color:#181838;
font-weight:normal;
}

.beyondh2o p a:link, .beyondh2o p a:visited, .beyondh2o p a:active {
color:#000068;
text-decoration:underline;
font-weight:bold;
padding:0.3em;
}

.beyondh2o p a:hover {
color:#000000;
background-color:#cfcfff;
text-decoration:none;
font-weight:bold;
}

.beyondh2oright p a:link, .beyondh2oright p a:visited, .beyondh2oright p a:active {
color:#a8ff68;
text-decoration:underline;
font-weight:bold;
padding:0.3em;
}

.beyondh2oright p a:hover {
color:#e0ffe0;
background-color:#003800;
font-weight:bold;
}

.advertise p, .advertise a:link, .advertise a:visited, .advertise a:active {
font-size:12px;
color:#ffcc33;
font-weight:700;
text-decoration:none;
margin:6px 4px;
}

.advertise a:hover {
color:#ffffff;
text-decoration:none;
}

.prodsidepos, .sidepos {
position:absolute;
top:88px;
left:0;
}

.sidebar, .nosidebar {
text-align:center;
padding:0.1em;
width:9em;
}

.sidebar ul {
list-style:none;
border:none;
margin:0;
padding:0;
text-align:center;
}

.sidebar p, .nosidebar p, .sidebar li, .nosidebar li {
margin:1px;
}

.sidebar p a:link, .sidebar p a:visited, .sidebar p a:active, .sidebar li a:link, .sidebar li a:visited, .sidebar li a:active {
color:#aa3300;
font-size:1em; 
font-weight:700; 
font-style:normal;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
background-color:#ffcc99;
border:1px #006600 solid;
line-height:1.3;
width:11em;
display:block;
padding:0.05em;
}

.sidebar p a:hover, .sidebar li a:hover {
color:#660000;
font-size:1em; 
font-weight:700; 
font-style:normal;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
background-color:#ffeecc;
border:1px #003800 solid;
line-height:1.3;
width:11em;
display:block;
padding:0.05em;
}

.sidebar li a:link.eu, .sidebar li a:visited.eu {
background-image:url(flag_eu_bg.gif);
background-position:0% 1%;
background-repeat:no-repeat;
}


.sidebar hr, .nosidebar hr{
text-align:center;
width:85%;
margin:0.25em 7%;
border-top:2px solid #589800;
border-bottom:1px solid #006800;
}


.nosidebar p a:link, .nosidebar p a:visited, .nosidebar p a:active {
color:#b83300;
font-size:1em; 
font-weight:700; 
font-style:normal;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
background-color:#ffe868;
border:1px #006600 solid;
line-height:1.3;
width:11em;
display:block;
padding:0.05em;
}

.nosidebar p a:hover {
color:#660000;
font-size:1em; 
font-weight:700; 
font-style:normal;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
background-color:#ffeecc;
border:1px red solid;
line-height:1.3;
width:11em;
display:block;
padding:0.05em;
}

.bulksidebar p a:link, .bulksidebar p a:visited, .bulksidebar p a:active {
background-color:#dfefdf;
color:#003800;
}

.bulksidebar p a:hover {
background-color:#efffef;
border:1px green outset;
}

.eusidebar p a:link, .eusidebar p a:visited, .eusidebar p a:active {
background-image:url(flag_eu_bg.gif);
background-position:1% 1%;
background-repeat:repeat-y;
background-color:#dfdfef;
border:1px #000038 solid;
color:#000038;
}

.eusidebar p a:hover {
background-image:none;
background-color:#efefff;
border:1px blue outset;
}


.banner {
background-color:#306F30;
border-top:2px #ccff66 solid;
border-bottom:2px #ccff66 solid;
color:#FFFF99;
font-family:Times New Roman, serif;
font-size:120%;
font-weight:700;
margin:0.3em;
padding:0.1em;
}

div.contentpad {
width:auto;
margin:0 126px 0 9.3em;
margin-left:9.3em;
margin-top:0;
background-color:#669966;
padding:3px;
}

div.content {
background-color:#006633;
background-image:url(lino-green.jpg);
background-attachment: fixed;
background-repeat:repeat;
padding:0.3em 0.3em 2em 0.3em;
border:solid 1px #e0e000;
}

.content .item, .beyondh2o p {
max-width:55em;
margin-left: auto;
margin-right: auto;
}

.products td {
color:#000000;
font-size:0.6em;
font-weight:bold;
}

h3, h4 {
color:#bfcf60;
font-size:100%; 
font-weight:700; 
font-style:normal;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
line-height:12pt;
}

h5, h6 {
color:#CFFFCF;
font-size:12px;
font-weight:700;
font-style:normal;
font-family:Times New Roman, serif;
line-height:1.1;
margin:0;
padding:0;
}

ul, dl {
color:#ffffcc;
text-align:left;
font-size:80%;
font-weight:700; 
font-family:Helvetica, Arial, sans-serif;
margin:0 1em;
padding:0 1em;
list-style: square;
border-left:solid 1px #ffffcc;
}

li, dt {
line-height:1.4;
margin:0.5em 1em;
}

}
