/* Global Styles */

html {
       margin: 0;
       padding: 0;
       border: 0;
       height: 100%;
       overflow: scroll;
       }

body {
       height: 100%;
       font-size: 100%;
       margin: 0;
       padding: 0;
       color: #fff;
       font-family: Arial, sans-serif, Helvetica;
       background-color: #000;
       text-align: center;
       }

body div {
       text-align: left;
       }

p, td, ul, ol, li, dl, dt, dd, a, h1, h2, h3, h4, div {
       color: #000;
       font-family: Arial, sans-serif, Helvetica;
       font-size: 100%
       }

img { display: block; border: 0; }
td { vertical-align: top; }
form { margin: 0; }

.fullHeight { height: 100%; }
.clear { clear: both; line-height: 1px; height: 1px; overflow: hidden; }
.hide { display: none; }

.langs{width:151px;padding:4px;margin:5px 0 40px 504px;background: url(../images/common/flags_bg.png) no-repeat bottom left;}
.langs img{display:inline;border:1px solid #C0C0C0;}

/* Page Structure */

td#mainColumn {
       width: 726px;
}

div#main {
       /*background-color: #0cc;*/
       width: 726px;
       padding: 0px 0 0 36px;
       voice-family: "\"}\"";
       voice-family: inherit;
       width: 690px;       
       }

/* Header With Logo */
div#contentTop {
       position: relative;
       width: 663px;
       height: 99px;
       padding: 30px 18px 0 0;
       margin-bottom: 4px;
       filter: Alpha(Opacity=90);
       background-image: url("../images/common/bg_content_top.gif");
       voice-family: "\"}\"";
       voice-family: inherit;
       width: 645px;
       height: 69px;
       }

body>table tr td div#contentTop {
       background-image: url("../images/common/bg_content_top.png");
       }

div#logo_plas {
       width: 220px;
       height: 64px;
       background-repeat: no-repeat;
       background-position: bottom left;
       background-image: url(../images/common/logo_ecoplastic.gif);
       }
              
div#logo_env {
       height: 70px;
       background-repeat: no-repeat;
       background-image: url(../images/common/logo_d2w.gif);
       width: 50px;
       }
       
div#logo_bio img{
       height: 70px;
       width: 70px;
       }

div.logoLeft {
       position: absolute;
       top: 18px;
       left: 20px;
       /*left: 20px;*/
}

div.logoRight {
       position: absolute;
       top: 15px;
       right: 20px;
}
div.logoRight1 {
       position: absolute;
       top: 15px;
       right: 80px;
}

/* Main Body Area */
div#contentMain {
       width: 520px;
       padding: 20px 0 0 20px;
       filter: Alpha(Opacity=90);
       background-image: url("../images/common/bg_content_main.gif");
       voice-family: "\"}\"";
       voice-family: inherit;
       width: 643px;
       }

body>table tr td div#contentMain {
       background-image: url("../images/common/bg_content_main.png");
       }

/* Left Hand Navigation */
div#navigation {
       /*background-color: #eee;*/
       float: left;
       width: 180px;
       margin-right: 20px;
       padding: 0 0 50px 0;
       }
       
div#navigation ul, div#navigation dl {
       width: 180px;
       margin: 0;
       padding: 0;
       }

       
div#navigation li {
       float: left;
       width: 180px;
       }

div#navigation ul.sub {
       margin: 0;
       }
              
div#navigation ul.main li, div#navigation dl.othersites dt {
       list-style: none;
       border-bottom: 1px dashed #aaa;
       }

div#navigation select.regionMenu {
       font-size: 10px;
}
       
div#navigation ul.sub li.top {
       border-top: dashed 1px #aaa;
       }
       
div#navigation ul.sub li {
       padding-left: 10px;       
       list-style: none;
       border-bottom: none;
       }
       
div#navigation a,
div#navigation ul.sub li a {
       font-size: 80%;
       color: #666;
       font-weight: bold;
       line-height: 20px;
       text-decoration: none;
       }

div#navigation img#map {
       margin: 5px 0 5px 0;
       position: relative;

}

div#navigation dl.othersites dt {       
       font-size: 80%;
       color: #666;
       font-weight: bold;
       line-height: 20px;
       margin-top: 20px;
       }

div#navigation dl.othersites {
       float: left;
}

div#navigation dl.othersites dd {
       margin: 0;
       padding: 0;
       list-style: none;
       }
              
div#navigation dl.othersites dd a:hover       {
       text-decoration: underline;
}

div#navigation dl.brands {
       clear: left;
       position: relative;
       margin-top: 10px;
}

div#navigation dl.brands dt {
       height: 150px;
       background-repeat: no-repeat;
       font-size: 1px;
       text-indent: -9999px;
       background-position: center center;       
}

div#navigation dl.brands dt.d2wlogo {
       background-image: url("../images/products/bg_d2w.gif");       
       }
       
div#navigation dl.brands dt.tuffylogo {       
       background-image: url("../images/products/bg_tuffy.gif");       
       }

div#navigation dl.brands dd {
       font-size: 80%;
       margin: 0;
       padding: 0;
}
       
div#navigation ul.main li a:hover,
div#navigation ul.sub li a:hover,
div#navigation li.on a,
div#navigation ul.sub li.on a {       
       color: #000;
       font-weight: bold;
       }
              
/* Right Hand Content */
div#content {
       /*background-color: #eee;*/
       width: 423px;
       }

div#content strong.brand {
       color: #000;
       }
       
div#content h1 {
       font-size: 120%;
       margin: 0 0 8px 0;
       }

div#content h2,
div#content h3 {
       font-size: 70%;
       margin: 0 0 6px 0;
       }

div#content p {
       font-size: 70%;
       color: #666;
       margin: 0 0 6px 0;       
       }

       
div#content ul  {
       font-size: 70%;
       color: #666;       
       margin: 0 0 6px 16px;
       padding: 0 0 6px 0;
}

div#content ul,ol  {
       font-size: 70%;
       color: #666;       
       margin: 0 0 6px 16px;
       padding: 0 0 6px 0;
}

div#content dl {
       font-size: 70%;
       color: #666;       
       margin: 0 0 6px 0;
       padding: 0 0 6px 0;
}

div#content dt, div#content dd {
       margin: 0; 
       padding: 0;
}

div#content div.allTheFacts {
       position: relative;
       width: 415px;
       height: 130px;
       background-image: url(../images/products/bg_facts.gif);
       margin: 25px 0 0 0;
       padding: 15px 10px 0 5px;
       voice-family: "\"}\"";
       voice-family: inherit;
       width: 400px;
       height: 115px;
}

div#content dl.theFacts {

}


div#content dl.theFacts dt{
       font-size: 150%;
       color: #95b415;
       font-weight: bold;
       text-transform: uppercase;
       padding: 0 0 0 10px;
}

div#content dl.theFacts dd{
       font-weight: bold;
       line-height: 100%;
       color: #fff;
       font-size: 120%;
       text-transform: uppercase;
       padding: 0 7px 7px 17px;
}

div#content dd {
       color: #666;
}

div#content dl.theFacts dd div.factNav {
       bottom: 10px;
       right: 10px;
       position: absolute; 
       padding-top: 10px; 
}

div#content dd a {
       margin-left: 10px;
       font-size: 75%;
       padding-top: 5px;
       color: #fff;
       text-decoration: none;
}

div#content dd a:hover {
       text-decoration: underline;
       }
       
div#content li {
       color: #666;       
}

div#content a#buyDirect {
       text-decoration: none;
       font-size: 1px;
       text-indent: -9999px;
       display: block;
       width: 96px;
       height: 25px;
       background-image: url("../images/common/buy_direct.gif");
       background-position: -96px 0;
       margin-top: 25px;
}

div#content a#buyDirect:hover {
       background-position: 0 0;
}       


/* Hide from Mac IE \*/
div#content {       float: left; }
/* Hide from Mac IE */


/* Footer With Links */
div#contentBottom {
       margin-bottom: 20px;
       width: 663px;
       height: 40px;
       padding: 15px 0 0 20px;
       background-position: bottom;
       filter: Alpha(Opacity=90);
       background-image: url("../images/common/bg_content_bottom.gif");
       voice-family: "\"}\"";
       voice-family: inherit;
       width: 643px;
       height: 25px;
       }

body>table tr td div#contentBottom {
       background-image: url("../images/common/bg_content_bottom.png");
       }
       
div#footerInner {
       position: relative;
       width: 623px;
       border-top: dashed 1px #aaa;
       }

div#footerInner div {
       font-size: 8pt;
       position: absolute;
       height: 15px;
       top: 3px;
       }

div#footerInner a {
       font-size: 8pt;
       text-decoration: none;
       }

div#footerInner a:hover {
       font-size: 8pt;
       text-decoration: underline;
       }
              
div#footerLeft {
       width: 200px;
       left: 0px;
       }

div#footerRight {
       width: 400px;
       text-align: right;
       right: 0px;
       }
       
div.thumb {
margin: 2px;
border: 1px solid #A0ACC0;
height: auto;
float: left;
text-align: center;
}       
.thumb img{
display: inline;
margin: 3px;
border: 1px solid #A0ACC0;
}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {
text-align: center;
font-weight: normal;
width: 120px;
margin: 0 3px 3px 3px;
}




/* Section Specifics */
/* Home [00.xx.yy] */
.section_home                      #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_index                      #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_oksy                      #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_technologia               #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_przejrzysta               #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_oferta               #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_faq              #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_galeria              #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }
.section_kontakt              #pageStructure { background: url("../images/bgs/17.jpg") top center no-repeat; }
.section_news              #pageStructure { background: url("../images/bgs/16.jpg") top center no-repeat; }


       
/* Debug / Page ID */
div#page_id
{ text-align: center; position: absolute; top: 10px; left: 10px; width: 75px; height: 45px; filter: Alpha(Opacity=60); background-position: center center; }

div#page_id p
{ margin: 6px 0 0 0 ; padding: 0; font: normal 13px helvetica; }

div#page_id
{ background-image: url("../images/common/bg_content_top.gif"); }

body>div#page_id
{ background-image: url("../images/common/bg_content_top.png"); }

em.tbc { color: #9900FF ; font-weight: bold; }
