﻿body
{
    margin: 0;
    font-family: Verdana,Tahoma,Arial,Helvetica, sans-serif;
    font-size: 11px;
}

#header
{
    background: White url(../images/b1.gif) no-repeat 0px 5px;
    height: 20px;
    width: 973px;
    margin: 0 auto;
    padding-top: 5px;
}


#container
{
    width: 973px;
    margin: 0 auto;
    clear: both;
    background: White url(../images/b2.gif) repeat-y 0px 0px;
    position: relative;
}
#bfoot
{
    background: White url(../images/b3.gif) no-repeat 0px 0px;
    height: 20px;
    width: 973px;
    margin: 0 auto;
    clear: both;
}
#top {
background:transparent url(../images/topback.gif) no-repeat scroll 206px -8px;
border-bottom:1px solid #C3C3C3;
height:85px;
margin-left:5px;
margin-right:5px;
position:relative;
}
#top div#menu
{
    position: absolute;
    bottom: 0;
    right: 171px;
    margin-left: 215px;
    width: 582px;
    height: 39px;
    background-color: Aqua;
    background: url(../images/pix1.gif) no-repeat 0px 0px;
}
#top div#menu a.m1
{
    float: left;
    width: 143px;
    height: 39px;
}
#top div#menu a.m1:hover
{
    background: url('../images/m1.gif') no-repeat 0px 0px;
    float: left;
    width: 143px;
    height: 39px
}
#top div#menu a.m2
{
    float: left;
    width: 143px;
    height: 39px;
    margin-left: 3px;
}
#top div#menu a.m2:hover
{
    background: url(../images/m2.gif) no-repeat 0px 0px;
}
#top div#menu a.m3
{
    float: left;
    width: 143px;
    height: 39px;
    margin-left: 3px;
}
#top div#menu a.m3:hover
{
    background: url(../images/m3.gif) no-repeat 1px 0px;
}
#top div#menu a.m4
{
    float: left;
    width: 143px;
    height: 39px;
    margin-left: 3px;
}
#top div#menu a.m4:hover
{
    background: url(../images/m4.gif) no-repeat 1px 0px;
}

a.logo
{
    margin-left: 20px;
    float: left;
}
a img
{
    border-style: none;
}
#nav
{
    width: 206px;
    float: left;
    border-top: solid 2px #E0E0E1;
    margin-left: 5px;
    display: inline;
}
#middle
{
    padding: 0px 10px 50px 10px;
    width: 737px;
    display: inline;
    float: left;
    border-top: solid 2px #E0E0E1;
    margin-right: 5px;
}
#search
{
    background-color: #FAFAFA;
    height: 45px;
    background-position: bottom;
    background: url(../images/dotted.gif) repeat-x bottom;
    border-right: solid 1px #D3D3D3;
}
#search label
{
    font-weight: bold;
    color: #575757;
    font-size: 9px;
    display: block;
    padding-top: 3px;
    margin: 0px 0px 4px 8px;
}
#search input
{
    border-top: solid 1px #4B565A;
    border-left: solid 1px #4B565A;
    border-right: solid 1px #DBE0E3;
    border-bottom: solid 1px #DBE0E3;
    margin: 0px 0px 4px 8px;
    float: left;
}
#search span
{
    float: left;
    width: 22px;
    height: 20px;
    cursor: pointer;
    margin-left: 4px;
    background: url(../images/gos.gif) no-repeat 0px 0px;
}

div#Tree
{
    background: url(../images/dotted.gif) repeat-x bottom;
    background-color: #F1F5F6;
    padding-bottom: 10px;
    padding-top: 10px;
    border-right: solid 1px #D3D3D3;
}



div#Tree ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px;
    margin-left: 0px;
}

div#Tree li
{
    margin-bottom: 2px;
}

div#Tree strong
{
    color: #5C5C5C;
    margin: 0px 0px 4px 8px;
    font-size: 11px;
    display: block;
}

div#Tree ul li a
{
    text-decoration: none;
    display: block;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
}
div#Tree ul li span.s
{
    text-decoration: none;
    display: block;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 20px;
    
    height:10px;
    width:164px; 
    background: url('../images/dotted.gif') repeat-x 5px 5px;
}
div#Tree ul li a:hover
{
    color: Red;
}



.t0
{
    color: #5C5C5C;
}

.t1
{
    color: #5C5C5C;
    margin-left: 10px;
}

.t2
{
    color: #5C5C5C;
    margin-left: 20px;
}

.t3
{
    color: #5C5C5C;
    margin-left: 30px;
}

.t4
{
    color: #5C5C5C;
    margin-left: 40px;
}

.t5
{
    color: #5C5C5C;
    margin-left: 50px;
}

.t6
{
    color: #5C5C5C;
    margin-left: 60px;
}




.parent
{
    color: #5E5B51;
    background-repeat: no-repeat;
    background-position: 9px 5px;
}



.selected
{
    font-weight: bold;
}



.downarrow
{
    background-image: url(../images/minus.gif);
}



.uparrow
{
    background-image: url(../images/plus.gif);
}

#pager
{
    clear: both;
    padding-top: 20px;
    text-align: center;
}
#pager a
{
    text-decoration: none;
    padding: 5px 9px 5px 9px;
    text-align: center;
    color: #5C5C5C;
}
#pager a.selected
{
    font-weight: bold;
}
#pager a.unnselected
{
}

#kontakt
{
    clear: both;
    padding-top: 10px;
    height: 120px;
    background: #F1F5F6 url(../images/kontakt.gif) no-repeat 0px 25px;
    padding-right: 10px;
    border-right: solid 1px #D3D3D3;
}
#stub
{
    height: 38px;
    background: #F1F5F6 url(../images/stub.gif) no-repeat -3px 0px;
}

#NewsletterContainer
{
    padding-top: 10px;
    background: #F1F5F6 url(../images/dotted.gif) repeat-x top;
    padding-bottom: 10px;
    padding-left: 8px;
    border-right: solid 1px #D3D3D3;
    overflow: hidden;
    height: 85px;
}
#NewsletterContainer strong
{
    color: #5C5C5C;
    margin: 0px 0px 4px 0x;
    font-size: 11px;
    display: block;
}
#NewsletterContainer p
{
    color: #5C5C5C;
    font-size: 10px;
    margin: 4px;
    margin-left: 0px;
}
#NewsletterContainer input
{
    border-top: solid 1px #4B565A;
    border-left: solid 1px #4B565A;
    border-right: solid 1px #DBE0E3;
    border-bottom: solid 1px #DBE0E3;
    float: left;
    width: 180px;
}
#NewsletterContainer span
{
    color: #5C5C5C;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
    float: left;
    cursor: pointer;
}
#kontakt a
{
    text-decoration: none;
    color: #00A6EB;
    float: right;
    font-size: 10px;
    font-weight: bold;
}
#kontakt span
{
    color: #00A6EB;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    float: right;
    width: 190px;
}
#kontakt p
{
    text-align: right;
    clear: both;
    width: 150px;
    margin: 0px 0px 0px 45px;
    padding-top: 10px;
    color: #5C5C5C;
    font-size: 10px;
}

#kontakt strong
{
    color: #5C5C5C;
    margin: 0px 0px 4px 8px;
    font-size: 11px;
    display: block;
}

.Pathway
{
    background-color: Red;
    color: Green;
    display: block;
    height: 25px;
    background: url(../images/pathway.gif) repeat-x bottom;
    padding-top: 18px;
    font-weight: normal;
    font-size: 10px;
    color: #5C5C5C;
}
.Pathway a
{
    text-decoration: none;
    font-size: 10px;
    color: #5C5C5C;
}

#footer
{
    clear: both;
    position: relative;
    height: 60px;
    margin-left: 50px;
    margin-right: 50px;
    background-image: url(../images/footback.gif);
    background-repeat: repeat-x;
    background-position: 0px 30px;
}
#footer div
{
    position: absolute;
    color: #8C8C8C;
    bottom: 10px;
    left: 0;
}
#footer span
{
    position: absolute;
    color: #8C8C8C;
    bottom: 10px;
    right: 0;
    font-size: 9px;
}
#footer div a
{
    margin-top: 15px;
    color: #8C8C8C;
    text-decoration: none;
    font-size: 9px;
}

#footer img
{
    float: left;
    margin-left: 240px;
    margin-right: 20px;
}
#Loader
{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    padding: 5px;
    padding-left: 20px;
    border: solid 1px Grey;
    z-index: 500;
    font-size: 12px;
    background-color: White;
    width: 90px;
    text-align: center;
    font-weight: bolder;
    background: White url(../const/indicator.gif) no-repeat 2px 4px;
}

#BasketMain
{
    width: 148px;
    height: 57px;
    position: absolute;
    right: 10px;
    bottom: 0;
}
#BasketMain div.inner
{
    width: 148px;
    height: 57px;
    background: White url(../images/basketback.gif) no-repeat 0px 0px;
    cursor: pointer;
    position: absolute;
}


#BasketMain .q
{
    color: White;
    margin-right: 19px;
    float: right;
    display: inline;
    text-align: right;
    font-size: 10px;
    margin-top: 8px;
    cursor: pointer;
}

#BasketMain .w
{
    color: White;
    display: block;
    margin-left: 48px;
    margin-top: 15px;
    font-size: 11px;
    cursor: pointer;
    font-weight: bold;
}


#show-login
{
    position: absolute;
    top: 2px;
    right: 11px;
    background: url(../images/rgo.gif) no-repeat 83px 2px;
    padding-right: 15px;
    color: #5C5C5C;
    font-size: 11px;
    cursor: pointer;
    display:none;
}

#logbutton
{
    width: 15px;
    height: 19px;
    background: url(../images/rgo.gif) no-repeat 0px 4px;
    border-style: none;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

#right-login
{
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 9px;
}
#right-login a
{
    float: left;
    padding-top: 2px;
    margin-right: 3px;
    color: #5C5C5C;
}
#right-login span
{
    display: block;
    clear: both;
    font-size: 9px;
    color: Red;
}

#right-login label
{
    float: left;
    margin: 2px 4px 2px 2px;
}

#right-login input
{
    float: left;
    border-top: solid 1px #4B565A;
    border-left: solid 1px #4B565A;
    border-right: solid 1px #DBE0E3;
    border-bottom: solid 1px #DBE0E3;
    font-size: 9px;
    width: 85px;
    padding-left: 3px;
}



.prod
{
    height: 95px; /*193*/
    background: url(../images/pathway.gif) repeat-x bottom; /*  padding-right: 22px;*/
    padding-top: 5px;
}

.back
{
    height: 90px;
    background-color: #F5F8F9;
}
.back2
{
    height: 90px;
    background-color: White;
}

.prod a.foto
{
background-color:White;
border:1px solid #D3D3D3;
color:white;
float:left;
height:85px;
overflow:hidden;
padding:1px;
text-align:center;
width:85px;
}

.prod a img
{
}
.prod strong
{
    float: right;
    background: url(../images/offbasket.gif) repeat-x center;
    width: 98px;
    height: 20px;
    padding-left: 5px;
    font-size: 10px;
    color: #A5A5A5;
    text-align: left;
    cursor: pointer;
    padding-top: 9px;
 
    margin-right: 9px;
}
.prod strong:hover
{
    background: url(../images/dobasket.gif) repeat-x center;
}

.prod a.detal
{
    float: right;
    border: solid 1px #EEEEEE;
    background: url(../images/buttoff.gif) repeat-x center;
    width: 82px;
    height: 19px;
    font-size: 10px;
    margin-right:9px;
    color: #A5A5A5;
    text-align: center;
    cursor: pointer;
    padding-top: 8px;
    font-weight: bold;
    text-decoration: none;
}
.prod a.detal:hover
{
    background: url(../images/buttoonn.gif) repeat-x center;
}

.prod h2
{
float:left;
margin:8px 0pt 0pt 25px;
height:15px;
overflow:hidden;
width:613px;
}

.prod p
{
    float: left;
    margin: 0;
    margin-left: 25px;
    width: 613px;
    height: 32px;
 
    font-size:10px;
    margin-top: 5px;
    color: #5C5C5C;
}

.prod span
{
    float: left;
    margin-top: 8px;
    margin-left: 25px;
    color: #FF7800;
    font-size: 10px;
}
.prod span em
{
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
}


.prod h2 a {
color:#00A6EB;
font-size:11px;
text-decoration:none;
}

#fromFCK
{
    padding: 5px 0px 5px 0px;
}

.produkt
{
    clear: both;
    padding-bottom: 10px;
}
.produkt span
{
    color: #FF7800;
    text-align: right;
    font-size: 9px;
    width: 115px;
    float: right;
    margin-right: 3px;
}
.produkt span em
{
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
}
a.GoImage
{
    float: left;
    width: 70px;
    margin: 5px 3px 3px 0px;
}
a.GoNazwa
{
    float: left;
    color: #5C5C5C;
    font-size: 10px;
    width: 117px;
    margin-top: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 3px;
    text-decoration: none;
}
#Promoted
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    border-right: solid 1px #D3D3D3;
    float: left;
    width: 197px;
    background: url(../images/dotted.gif) repeat-x bottom;
}
#Promoted strong
{
    color: #5C5C5C;
    margin: 0px 0px 4px 0x;
    font-size: 11px;
    display: block;
}

#InfoBox
{
    color: #5C5C5C;
    padding-top: 5px;
}
#InfoBox a
{
    color: #02A5EA;
    text-decoration: none;
}
.highlight
{
    display: inline;
    quotes: none;
    background-color: Yellow;
}

fieldset
{
    margin: 5px;
    border: solid 1px #F1F0EE;
    padding: 5px;
}

fieldset label
{
    float: left;
}
fieldset strong
{
    margin-left: 3px;
    margin-top: 3px;
}
fieldset input
{
    border: solid 1px #D8D8D8;
    padding: 1px;
    color: #5E5B51;
    font-size: 11px;
    margin: 3px;
}
fieldset select
{
    font-size: 11px;
    border: solid 1px #D8D8D8;
    margin: 3px;
    color: #5E5B51;
}