/* @override http://david.tpe.springload.co.nz/css/main.css */

/*
=general
=page structure
=main navigation
=sub navigation
=page content
=misc
=debug
*/

/*
=general
---------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

html {
    height: 101%;
}

html, body {
    width: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 69%; /* 11px */
    color: #373F44;
    line-height: 150%;
    text-align: center;
    background: #E3E3E2 url(/images/bg-body.gif) repeat-y 50% 0%;
}

table, tr, td, input, select, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align: top;
}

a img, img {
    border: 0;
}

code, pre {
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

h1, h2, h3 {
    font-family: 'Helvetica Neue Bold', Helvetica, Arial, sans-serif;
    letter-spacing: -.01em;
}

h1 {
    font-size: 2em; /* 22px */
    color: #96A186;
    padding: 0 10px 0 0;
    line-height: 110%;
    display: inline;
    background: transparent url(/images/bg-h1-arrow.gif) no-repeat 100% 63%;
}

h1 em {
    font-style: normal;
    display: block;
    color: #393E36;
}

h2 {
    font-size: 1.085em; /* 13px */
    color: #393E36;
    border-bottom: 1px solid #C6D2B7;
    padding-bottom: .1em;
    margin-bottom: .5em;
}

h3 {
    font-size: 2em; /* 22px */
    color: #676d61;
    margin: .25em 0;
}

h4 {
}

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

a:hover, a:focus, a:active {
    color: #000033;
}

ul {
    list-style: square;
}


/*
=page structure
---------------------------------------------- */

#container {
    width: 736px;
    margin: 0 auto;
    text-align: left;

}

#header {
    width: 736px;
    padding-bottom: 9px;
    background: #fff;
    float: left;
}

#main_container {
    background: #fff url(/images/bg-main-container.gif) repeat-y 7px 100%;
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 1px;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 1px;
}

#logo {
    float: right;
    margin: 10px 34px 1em 0;
}

#sub_container {
    clear: both;
    background: transparent url(/images/bg-sub-container.jpg) no-repeat 7px 100%;
    width: 100%;
    float: left;
}

#sub_container_bottom  {
    clear: left;
    background: transparent url(/images/bg-sub-container-bottom.jpg) repeat-y 7px 100%;
    height: 115px;
}

#wrapper {
    border-top: 1px solid #DBDBDB;
    width: 736px;
    float: left;
    background: #fff url(/images/bg-wrapper.gif) repeat-y 0% 100%;
}

#wrapper.wide { background: #fff url(/images/bg-wrapper-wide.gif) repeat-y 7px 0%; }

#content_wrapper {
    width: 356px;
    float: left;
    display: inline;
    margin-left: 7px;
    background: transparent url(/images/bg-content-wrapper.gif) repeat-x 0% 0%;
}

#wrapper.wide #content_wrapper { width: 721px; margin-left: 7px; }

#content {
    margin: 2em 29px 0 21px;
    height: 300px;
    min-height: 300px;
    position: relative;
    padding-bottom: 3em;
}

*>#content {
    height: auto;
}

/* =column */
#column {
    float: right;
    display: inline;
    margin-right: 7px;
    width: 350px;
    border-top: 9px solid #fff;
}

/* =footer */
#footer {
    width: 736px;
    background: #fff;
    clear: both;
    color: #6C6C6C;
    padding-top: 92px;
    margin-bottom: 128px;
    font-size: .82em; /* 9px */
    color: #6C6C6C;
    float: left;
}

#footer div {
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 1px;
}
#footer table {
    margin-left: 25px;
}

#footer td:first-child {
    padding-left: 36px;
}

#footer td {
    border-right: 1px solid #DBDBDB;
    padding: 0 11px .4em;
}

#footer td:last-child {
    border-right: none;
}

#footer a {
    color: #198BDB;
}

#footer a:focus, #footer a:hover, #footer a:active  {
   border-bottom: 1px dotted #198BDB;
}

/*
=main_navigation
---------------------------------------------- */

#main_navigation {
    margin-top: 1em;
    width: 292px;
    float: left;
    list-style: none;
}

#main_navigation li {
    width: 146px;
    float: left;
    padding: .4em 0;
    background: transparent url(/images/bg-main-nav-li.gif) no-repeat 0% 100%;
}


#main_navigation a {
    font-family: "Helvetica Neue", "Helvetica Bold", Arial, sans-serif;
    font-size: 1.09em; /* 12px */
    color: #039ad9;
    background: transparent url(/images/bg-main-nav-a.gif) no-repeat 0% .5em;
    display: block;
    padding-left: 10px;
    margin-left: 26px;
}

#main_navigation a:focus, #main_navigation a:hover, #main_navigation a:active, #main_navigation li.current a {
    color: #222;
    background-position: -120px .5em;
}

/*
=sub_navigation
-----------------------------------------------------*/

#sub_navigation {
    width: 264px;
    padding: 1em 0;
    height: 50px;
    min-height: 50px;
    float: left;
    list-style: none;
}

*>#sub_navigation {
    height: auto;
}

#sub_navigation li {
    padding: .4em 0;
    background: transparent url(/images/bg-sub-nav-li.gif) no-repeat 0% 100%;
    width: 100%;
    float: left;
    width: 264px;
}

#sub_navigation li:last-child {
    background: none;
}

#sub_navigation a {
    font-family: "Helvetica Neue", "Helvetica Bold", Arial, sans-serif;
     font-size: 1.09em; /* 12px */
    color: #00364c;
    background: transparent url(/images/bg-sub-nav-a.gif) no-repeat 0% .5em;
    display: block;
    padding-left: 10px;
    margin: 0 26px;
}

#sub_navigation a:focus, #sub_navigation a:hover, #sub_navigation a:active, #sub_navigation li.current a {
    color: #fff;
    background-position: -238px .5em;
    background: transparent url(/images/bg-sub-nav-a-roll.gif) no-repeat 0% .5em;
}

#sub_navigation li.current {
    xbackground: #44c6fc url(/images/bg-sub-nav-li.gif) no-repeat 0% 100%;
}

/*
=sub_sub_navigation
-----------------------------------------------------*/

#sub_sub_navigation {
    float: left;
    margin-left: 10px;
    list-style: none;
}

#sub_navigation #sub_sub_navigation a {
    display: inline;
    color: #fff;
}

#sub_navigation #sub_sub_navigation a:focus, #sub_sub_navigation a:hover, #sub_sub_navigation a:active, #sub_navigation #sub_sub_navigation li.current a {
    color: #222;
    border-bottom: 1px dotted #ccc;
}

#sub_sub_navigation li.current {
    background: none;
}

/*
=page content
---------------------------------------------- */

.image {
    background: #fff;
    margin-bottom: 2em;
}

.image img {
    padding-bottom: 2px;
    display: block;
    background: transparent url(/images/bg-image.gif) no-repeat 0% 100%;
}

.image p {
    font-size: .82em; /* 9px */
    margin: 0 10px;
    padding: .5em 0;
}

#fume_table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #29c3eb;
    color: #fff;
    height: 100%;
    padding: 0 5px 360px 5px;
}

#fume_table table {
    font-size: .82em; /* 9px */
    width: 320px;
    margin: 0 10px
}

#fume_table h3 {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    margin-top: 7px;
    padding: 20px 10px 10px 10px;
}

#fume_table td, th {
    padding-top: 10px;
    border-bottom: 1px solid #3ccef4;

}

#fume_table .pcr td, th {
    padding-bottom: 10px;
}

#fume_table th, dt {
    font-weight: bold;
}

#fume_table dl {
    font-size: 10px;
    padding: 10px;
    margin-top: 20px;
}

#fume_table dd {
    margin-bottom: 10px;
}

#fume_table #top_row {
    border: none;
    padding-bottom: 10px;
}

#fume_table #double {
    padding-top: 3px;
    padding-bottom: 5px;
}

#content p {
    margin-bottom: 1em;
}

#content ul {
    margin: 0 0 2em 14px;
}

#content li {
    margin-bottom: 1em;
}

#content a {
    color: #369ae0;
}

#content a:focus, #content a:hover, #content a:active  {
    color: #373F44;
    text-decoration: underline;
}

#content p.more a {
    background: #F4FCE9;
    padding: 1px 5px 11px;
    position: absolute;
    bottom: 1px;
}

/* =file_listing */
#content #file_listing {
    margin: 0;
    padding: 0;
}

#content #file_listing ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

#content #file_listing li { width: 100%; }

#content #file_listing a, #content #file_listing span.error {
    background: transparent no-repeat 0% 0%;
    padding: 0 0 0 22px;
    display: block;
    margin-bottom: 1em;
    width: 284px; /* 306px */
}

#content #file_listing a:hover { text-decoration: none; }

#content #file_listing a.pdf { background-image: url(/images/icons/pdf.gif); }

#content #file_listing a.msword { background-image: url(/images/icons/doc.gif); }

#content #file_listing span.error {
    background-image: url(/images/icons/error.gif);
    color: red;
}

#content #file_listing li a em { display: block; font-style: normal; }

/*
=EcoSash banner
---------------------------------------------- */
.video_wrap {
    float: left;
    margin-right: 22px;
    display: inline;
}

div.banner_ecosash img#ecosash_logo {
    padding-top: 20px;
}
.banner_ecosash {
    background: #f5fcea;
    width: 649px;
    padding: 10px  0 15px 10px;
}

/*.banner_ecosash img {
    float: left;
    margin: 0 21px 0 8px;
    display: inline;
}*/

.banner_content { 
  float: left; 
  width: 285px;
}

div.banner_ecosash h4 {
	font-family: 'Lucida Grande', Lucida, Verdana, sans-serif;
	font-weight: bold;
    font-size: 21px;
    line-height: 20px;
    padding: 0 0 9px 0;
    margin: 0 0 5px 0;
    color: #383d36;
}

div.banner_ecosash h5 {
    border-bottom:  1px solid #c5d2b6;
    font-size: 14px;
    color: #383d36;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

div#content .banner_content  p a {
    font-size: 10px;
}


.product_cata_wrap {
    width: 359px;
 	background: #dfe9ce; 
 	margin: 40px 0 0 0;  
 	position: relative;
 	float: left;
 	min-height: 80px; 
    height: auto !important;
    height: 80px;
}

.product_cata_wrap.first {
    margin-right: 10px;
}
 
div#content .product_cata_wrap p.head {
    margin: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #c6d2b7;
    margin: 0 0 4px 0;
    font-weight: bold;
    font-size: 12px;
}



.product_cata_wrap .content {
    padding: 6px 0 0 120px;
    width: 200px;
}

.product_cata_wrap.second .content {
    padding-left: 166px;
    width: 178px;
}

img.logo {
	position: absolute;  
	top: -8px;
	left: 21px;
	behavior: url(/includes/iepngfix.htc);
}

img.logo.eco {
    position: absolute;  
	left: 10px;
	top: -4px;
}

.product_cata_wrap .content p a {
    font-size: 9px;
    line-height: 12px;
}

/*
=misc
---------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.clearfix  {
	display: inline-block;
}


.clear {
    clear: both;
    height: 0;
}

#intro h1 {
    display: block;
}

.hide {
    position: absolute;
    left: -999em;
}

a.top {
}

#nederman {
    margin: -11px 0;
}

#caption {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: #96a186;
}

/*
=debug
---------------------------------------------- */

.debug {
    clear: both;
    width: 100%;
    margin-top: 2em;
    text-align: center;
}