html /* stop scrollbar disappearing on shorter pages causing screen-shift */
{
height: 100%;
margin: 0 0 1px;
padding: 0;
}

body
{
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
border-top: 10px solid #076324;
}

a
{
color: #000000;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

h1
{
width: 350px;
height: 78px;
float: left;
margin: 0px;
text-indent: -5000px;
background: url(../images/logo-eco-mount.gif) top left no-repeat;
}

h1 a
{
display: block;
width: 350px;
height: 78px;
}

h2
{
font-size: 1.7em;
color: #076324;
margin: 0px 0px 10px 0px;
}

h3
{
font-size: 1.15em;
color: #076324;
margin: 25px 0px 0px 0px;
}

h3 a
{
color: #076324;
text-decoration: none;
}

img
{
padding: 0px;
margin: 0px;
border: 0px;
}

ul
{
padding: 0px;
margin: 0px;
list-style: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
header and nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header
{
width: 960px;
margin: 0px auto 0px auto;
padding: 0px;
height: 80px;
}

#header img
{
float: right;
margin: 7px;
}

ul.nav-home
{
float: left;
width: 125px;
margin: 8px 0px 0px 60px;
border-right: 1px solid #076324;
}

ul.nav-products
{
float: left;
width: 290px;
margin: 8px 0px 0px 15px;
}

ul.nav li
{
margin: 0.1em;
display: block;
color: #7ac141;
}

ul.nav li a
{
text-decoration: none;
margin-left: 8px;
padding: 0.1em;
color: #000000;
}

ul.nav li a:hover, ul.nav li.active a
{
background: #7ac141;
color: #ffffff;
}

#breadcrumb, #breadcrumb a
{
color: #aaaaaa;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
page structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content
{
clear: both;
background: #ffffff url(../images/bg-repeat-green-fade.gif) repeat-x bottom;
}

#breadcrumb
{
width: 960px;
margin: 0px auto 0px auto;
padding: 30px 0px 30px 0px;
}

#page
{
width: 960px;
margin: 0px auto 0px auto;
padding: 0px 0px 60px 0px;
min-height: 300px;
}

#page.thin
{
width: 680px;
}

#footer
{
background: #076324;
padding: 20px 0px 20px 0px;
border-top: 3px solid #ffffff;
}

#footer p, #footer form
{
width: 960px;
margin: 3px auto 3px auto;
text-align: center;
color: #ffffff;
}

#footer a
{
color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content.home
{
background: #ffffff url(../images/bg-repeat-home.gif) bottom center repeat-x;
}

#content.home #page
{
background: url(../images/homepage-windmills.gif) bottom right no-repeat;
padding-top: 40px;
padding-bottom: 45px;
}

h2.home
{
float: left;
font-size: 2.2em;
margin: 0px;
}

h2.home a
{
color: #7ac141;
text-decoration: none;
background-color: #ffffff;
}

h3.home
{
margin: 0px 0px 10px 0px;
}

p.read-more a
{
font-size: 1.2em;
font-weight: bold;
margin: 0px;
color: #7ac141;
text-decoration: none;
background-color: #ffffff;
}

#home-bullets
{
width: 650px;
margin-top: 10px;
}

#home-text
{
width: 420px;
margin-top: 10px;
margin-bottom: 20px;
padding: 10px;
background: #ffffff;
}

#home-text li
{
width: 200px;
float: left;
padding: 5px;
}

#home-text p
{
margin: 5px 0px 0px 0px;
}

#read-about
{
clear: both;
margin: 0px;
padding: 0px 0px 0px 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
product display
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.category-lifestyle-sub
{
float: left;
width: 262px;
padding-top: 10px;
margin-left: 43px;
border-top: 1px solid #aaaaaa;
display:inline; /* ie6 double margin fix */
}

.category-lifestyle-sub h2
{
font-size: 1.15em;
padding: 4px;
}

#category-lifestyle img, .category-lifestyle-sub img
{
border: 1px solid #aaaaaa;
border-bottom: 3px solid #ffffff;
}

#product-images, #category-lifestyle
{
width: 360px;
margin-right: 50px;
float: left;
}

#product-main
{
width: 350px;
height: 300px;
margin-bottom: 6px;
}

.product-main
{
float: left;
border: 1px solid #aaaaaa;
}

.product-thumb
{
float: left;
margin-right: 4px;
border: 1px solid #aaaaaa;
}

#product-text, #category-products
{
width: 540px;
float: left;
padding-top: 10px;
border-top: 1px solid #aaaaaa;
}

div.category-products
{
width: 400px;
clear: both;
margin: 20px 0px 0px 0px;
}

div.category-products p
{
height: 63px;
padding-top: 10px;
}

#features, #specifications, #downloads
{
margin: 10px 0px 25px 0px;
}

#see-all-products
{
margin-top: 50px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
'about' pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#key-groups
{
font-weight: bold;
}

#about-eco-img1, #about-eco-img2
{
margin: 20px 0px 20px 40px;
}

#about-eco-img3
{
float: right;
margin: 0px 60px 0px 70px;
}

#about-avf-img1
{
float: right;
margin: 0px 0px 30px 30px;
border: 1px solid #aaaaaa;
}

#about-avf-img2
{
float: right;
margin: 20px 0px 30px 30px;
}

#vcard-uk, #vcard-us
{
float: left;
width: 46%;
margin: 20px 0px 30px 0px;
margin-right: 2%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
'where to buy' page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.retailer
{
width: 140px;
float: left;
margin: 0px 0px 20px 24px;
text-align: center;
font-weight: bold;
}

div.retailer span
{
font-style: italic;
font-weight: normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
other useful
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.hide
{
display: none;
}

.indent
{
margin-left: 40px;
}

div.clear
{
clear: both;
height: 1px;
line-height: 0px;
}

.clear-left
{
clear: left;
}

hr.rule
{
border: 0px;
margin: 40px 0px 40px 0px;
height: 1px;
color: #aaaaaa;
background-color: #aaaaaa;
}