﻿body
{
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    background: #d4e0f2 url(../images/body.jpg) repeat 0px 0px;
}
h1, h2, h3, form
{
    margin: 0;
    padding: 0;
}
a
{
    text-decoration: none;
}
a img
{
    border-style: none; 
}
#container
{
    width: 996px;
    margin: 0 auto;
overflow:hidden;
    padding:0 7px 0 0;
    background: url(../images/top2.jpg) no-repeat 6px 0px;
}
#left {

    float:left;
    width:209px;}
#middle {

    float:left;
    width:585px;}
#right {

    float:left;
    width:201px;}

#footer {

    clear:both;
    height:159px;
    background:url(../images/foot1.gif) no-repeat 5px bottom;}
#outer {

    background:url(../images/outer.jpg) repeat-x 0 0;}

#outer2 {

    background:url(../images/outer3.jpg) no-repeat center 0;}

#logo {

    float:left;
    padding:10px 0 0 6px;}


#logbox
{
    float: right;
    height: 50px;
    width: 390px;
}
#logbox form
{
   height: 50px;
    background: url(../images/loguj.gif) no-repeat 2px 7px;
}
#logbox form label
{
    float: left;
    color: #bababa;
    font-size: 11px;
}
#lp1 {
    
    margin: 13px 7px 0px 65px;}

#lp2 {
    
    margin: 13px 7px 0px 23px;}


input#login, #password
{
    float: left;
    border-style: none;
    height: 17px;
    font-size: 11px;
    color: #bababa;
    margin-top: 11px;
    padding-top: 2px;
    background-color: Transparent;
}
input#login
{
    width: 90px;
}
input#password
{
    width: 84px;
}
input#logbutton
{
    float: left;
    background: url(../images/ok.gif) no-repeat 0px 0px;
    width: 40px;
    height: 44px;
    border-style: none;
    cursor: pointer;
    margin-left:13px;
}

#logbox form a
{
    color: #ffffff;
    float: left;
    display: inline;
    margin: -9px 0px 0px 64px;
}

#logged
{
   
}
#logged strong
{
    color: #ffffff;
    display:block;
    font-size: 12px;
    padding:10px 0 0 0;
}
#logged em
{
    
    margin: 0px 7px 5px 0px;
    color: #ffffff;
}

#logbox a:hover
{
    text-decoration:underline;
}
#logged a
{
    float:left;
    color: #ffffff;
    margin: 5px 19px 0 0;
}


#gsBasketBox
{
    float: right;
    height: 45px;
    width: 325px;
    background: url(../images/kosyk.gif) no-repeat 13px 14px;
    padding: 0px 0px 0px 75px;
    margin:105px 0 0 0;
}
#gsBasketBox span
{
    color: #ffffff;
    float:left;
    width:279px;
    padding:16px 0 0 0;
}

#gsBasketBox a
{
    float:left;
    padding:12px 7px 15px 7px;
}
#ztools {

    clear:both;
    height:96px;
    padding:0 0 0 6px;
    background:url(../images/ztools.gif) no-repeat 6px 4px;}
#searchbox
{
    float:left;
    width:360px;
    height: 65px;
    background: url(../images/wyszukiwarka.gif) no-repeat 19px 11px;
    margin:10px 0 0 0;
    padding:15px 0 0 30px;
}
#searchfrase
{
    float: left;
    width: 145px;
    border-style: none;
    height: 16px;
    font-size: 11px;
    margin: 0px 0px 4px 35px;
    padding-top: 2px;
    background-color: Transparent;
    color:#bababa;
}
#searchbutton
{
    
    float: left;
    background: url(../images/ok1.gif) no-repeat 0px 0px;
    height: 34px;
    display:inline;
    width:17px;
    border-style: none;
    cursor: pointer;
    margin-left:25px;

}
#Searchbox select
{
    font-size: 12px;
}
#searchbox a
{
    color: #286894;
    float: left;
    display:inline;
    padding-left: 10px;
    margin:1px 0 0 30px;
    background: url(../images/dot2.gif) no-repeat 0 5px;
}
#searchbox a:hover
{
    text-decoration:underline;
}



#treebox
{
    padding-top: 57px;
    background: url(../images/t1.jpg) no-repeat 0 0;
}
#treebox ul
{
    padding: 10px 0px 20px 28px;
    margin: 0 0 0 5px;
    list-style: none;
    background-color:#ffffff;
}
#treebox ul li
{
    padding: 1px 0px 1px 0px;
}
#treebox ul li a
{
    color: #4c4c4c;
    display:block;
}
#treebox ul li a:hover
{
    text-decoration:underline;
}
#treebox ul li .selected
{
    color: #d91212;
    text-decoration: underline;
}
.t0
{
    background: url(../images/t0.gif) no-repeat 0px 2px;
    padding:2px 3px 3px 24px;
}
.t1
{
    padding:2px 3px 3px 36px;
    background: url(../images/dot2.gif) no-repeat 24px 6px;
    
}
.t2
{
    font-size:10px;
    padding:2px 3px 3px 46px;
}
.t3
{
   font-size:10px;
    padding:2px 3px 3px 56px;
}
.t4
{
   font-size:10px;
    padding:2px 3px 3px 65px;
}

#bestseller
{
    padding: 37px 0 0 0;
    margin: 0;
    background: url(../images/best.gif) no-repeat 0px 0px;
}
#bestseller ul
{
    padding: 10px 0px 20px 9px;
    margin: 0 0 0 5px;
    list-style: none;
    background-color:#ffffff;
}
#bestseller ul li {

      padding: 1px 0px 1px 0px;}
#bestseller ul li a
{
     color: #4c4c4c;
    display:block;
    background: url(../images/t0.gif) no-repeat 0px 2px;
    padding:2px 3px 3px 24px;
}
#bestseller ul li a:hover
{
   text-decoration:underline;
}
#promo {

    background:url(../images/promo.gif) no-repeat 0 0;
    padding: 22px 0 15px 0;}
#wyprz {

    background:url(../images/wyprz.gif) no-repeat 0 0;
    padding: 22px 0 15px 0;}
.promobox
{
    padding: 20px 0 5px 0;
}
.promobox h2
{
    padding: 12px 20px 12px 20px;
    font-size: 11px;
    line-height:17px;
    text-align:center;
}
.promobox h2 a
{
    color: #4C4C4C;
    background:url(../images/dotx.gif) no-repeat 0 center ;
    padding:0 0 0 10px ;
}
.promobox h2 a:hover
{
    color:#D91212;
    text-decoration:underline;
}

.promoimg
{
    display: block;
    padding:10px;
    text-align: center;
}
.promobox div
{
    height: 40px;
    
    padding:10px 0 0px 0;
}
.promobox div em {

    display:block;
    font-style:normal;
    color:#4C4C4C;
    width:100px;
    text-align:center;
    text-decoration:line-through;
    }
.promobox div strong
{
    color: #b30000;
    font-size: 16px;
    float:left;
    font-weight:normal;
    width:100px;
    padding:3px 0 0 0;
    text-align: center;
}
.promobox div strong span {

    font-weight:normal;
    font-size:14px;}
.promobox div a
{
    float: left;
}
#newsbox
{
    background: url(../images/news2.gif) no-repeat 0px 0px;
    height: 26px;
    padding: 50px 0px 0px 16px;
}

#newsfrase
{
    float: left;
    width: 112px;
    border-style: none;
    height: 16px;
    font-size: 11px;
    padding-top: 6px;
    background-color: Transparent;
    color:#BABABA;
}
#newsbutton
{
    float: left;
    background: none;
    width: 60px;
    height: 26px;
    border-style: none;
    cursor: pointer;
 }

#sortbox
{
    height:25px;
    padding:0 20px 0 0;
}
#sortbox label
{
    float: right;
    padding-top: 2px;
    padding-right: 3px;
    color: #4B5054;
}
#sortbox select
{
    float: right;
    color: #4B5054;
    font-size: 11px;
}
#navbox
{
    padding: 5px 0 0 0;
    margin: 0;
    list-style: none;
    height: 30px;
}
#navbox li
{
    float: left;
    display: inline;
    font-size: 12px;
    color: #4c4c4c;
    background: url(../images/navdot.gif) no-repeat 0px 17px;
    padding: 12px 7px 0px 14px;
}
#navbox li#nav1
{
    background-image: none;
}

#navbox li a
{
    color: #4c4c4c;
    font-weight:bold;
}
#navbox li a:hover
{
    text-decoration: underline;
}
#navbox li span
{
    
}

.produkt
{
    float: left;
    display: inline;
    width: 174px;
    height: 268px;
    background:url(../images/pr2.gif) no-repeat 0 0;
    margin: 15px 0px 18px 16px;
}
.produkt .highlight
{
    quotes: none;
}

.produkt h2
{
    padding: 16px 20px 0px 20px;
    font-size: 11px;
    height:35px;
    line-height:17px;
    text-align:center;
    
}
.produkt h2 a
{
    color: #4C4C4C;
    background:url(../images/dotx.gif) no-repeat 0 center ;
    padding:0 0 0 10px ;
}
.produkt h2 a:hover
{
    color:#D91212;
    text-decoration:underline;
}

.prodimg
{
    display: block;
    text-align: center;
    height: 120px;
}

.produkt p
{
    height:43px;
    text-align:center;
    color: #4c4c4c;
    padding: 12px 20px 0px 20px;
    margin: 0;
    line-height:14px;
}
.produkt div.prinfo
{
    height: 42px;
}

.produkt div.prinfo div {

    
    float:left;
    width:80px;
    height:42px;}

.produkt div.prinfo div strong
{
    display:block;
    color: #286894;
    font-size: 12px;
    padding:10px 0 0 0;
    text-align: center;
}
.produkt div.prinfo div strong.wthold {

    
    padding:3px 0 0 0;}
.produkt div.prinfo div strong span {

    font-weight:normal;
    font-size:10px;}

.produkt div.prinfo div em
{
    display:block;
    color: #286894;
    font-size: 12px;
    text-decoration:line-through;
    font-style:normal;
    padding:3px 0 0 0;
    text-align: center;
}
.produkt div.prinfo div em span {

    font-weight:normal;
    font-size:10px;}

.produkt div.prinfo a
{
    float: left;
    margin-top:4px;
}

#fromFCK p
{
    margin-top: 0px;
}
#fromFCK
{
    padding: 17px 20px 10px 17px;
    line-height:16px;
    color:#4c4c4c;
}


#gsLoader
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    visibility: hidden;
    padding-left: 18px;
    border: solid 1px Black;
    z-index: 500;
    background-color: White;
    width: 90px;
    text-align: center;
    font-weight: bolder;
    background-image: url(../images/const/indicator.gif);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

.highlight
{
    background-color: Yellow;
}

#infobox
{
    text-align: center;
    padding: 30px 0px 10px 0px;
    font-size: 11px;
}

#infobox strong
{
    color: #535B60;
}
#infobox p
{
    margin: 0;
    padding: 15px;
    color: #535B60;
    line-height: 17px;
}
#infobox a
{
    color:#286894;
    display: block;
    font-weight: bold;
    margin-top: 15px;
}
#infobox label{}
#infobox input.textinput
{
    width:150px;
    border:solid 1px #759D09;
    padding: 5px 3px 5px 3px;
    font-size: 11px;
}
#infobox #gsSend
{    color: #759d09;
    background-color: #f2fedd;
    border: solid 1px #d1ea65;
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    cursor: pointer;
    font-size: 11px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline;
    float:left;
}

#infobox a:hover
{
    color:#D91212;
text-decoration:underline;
}

#reminder
{
    text-align: center;
    padding: 0px 0px 10px 0px;
    font-size: 11px;
}

#reminder p
{
    margin: 0px 15px 15px 15px;
    padding: 0px;
    color: #535B60;
    line-height: 17px;
}

#reminder form
{
    padding: 10px 0px 0px 0px;
    text-align: left;
}

#reminderfrase
{
    background-color: #E6EAED;
    border-style: none;
    float: left;
    font-size: 11px;
    height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 5px;
    width: 160px;
}
#reminderbutton
{
    background: transparent url(../images/logbutton.gif) no-repeat scroll 0px;
    border-style: none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 25px;
}
#reminder form label
{
    color: #535B60;
    margin-right: 10px;
}
#reminder form span
{
    color: #DA251C;
    display: block;
    text-align: center;
}
#reminder form table
{
    margin: 0 auto;
}

#gsPager
{
    clear: both;
    height: 20px;
    text-align: center;
    padding: 15px 0px 10px 0px;
}
#gsPager a
{
    color: #4C4C4C;
    margin: 0px 2px 0px 6px;
}
#gsPager a.selected
{
    color:#D91212;
    font-weight: bold;
    margin: 0px 2px 0px 6px;
}
#gsPager a:hover
{
    color:#D91212;
text-decoration:underline;
}
#gsPager .pagerl
{
    padding-left: 16px;
    background: url(../images/pagerdotleft.gif) no-repeat left 4px;
}
#gsPager .pagerr
{
    padding-right: 16px;
    background: url(../images/pagerdotright.gif) no-repeat right 4px;
}

#Producers {

    background:url(../images/prd.gif) repeat-x 0 0;
    margin:0 1px 0 5px;
    padding:50px 85px 0 85px;
    height:40px;}

#Producers a {

    float:left;
    display:inline;
    width:150px;
    height:38px;
    margin:0 5px 0 5px;
    text-align:center;}
#footer #footerdata {

    float:left;
    width:500px;
    height:53px;}

#footer #footerdata span {

 display:block;
 color:#ffffff;
 padding:27px 0 7px 20px;
 }
 #footer #footerdata em {

 display:block;
 color:#ffffff;
 padding:0 0 10px 20px;
 font-style:normal;
 }
  #footer #footerdata em a {
  
    color:#ffffff;}

#footer ul {

    float:left;
    padding:36px 0 0 0;
    margin:0;
    list-style:none;}

#footer ul li {

    float:left;
    background:url(../images/dotx2.gif) no-repeat 0 4px;
    padding:0 30px 0 10px;}

#footer ul li a {

    color:#ffffff;}
#footer  ul li a:hover {

    text-decoration:underline;}

#menu {

    float:left;
    padding:10px 0 0 33px;
    margin:0;
    list-style:none;}

#menu li {

    FLOAT:left;}

#menu li a {

    float:left;}

#menu li a:hover {

    visibility:visible;}

#menu li a:hover img {

    visibility:hidden;}

#menu li#m1 {

    background:url(../images/n1.gif) no-repeat 0 0;}
#menu li#m2 {

    background:url(../images/n2.gif) no-repeat 0 0;}
#menu li#m3 {

    background:url(../images/n3.gif) no-repeat 0 0;}
#menu li#m4 {

    background:url(../images/n4.gif) no-repeat 0 0;}
#menu li#m5 {

    background:url(../images/n5.gif) no-repeat 0 0;}
    
 #mhtml {   
    
   background-color:White;margin-left:6px;}
   
   

#inout
{
  background:url(../images/inout.gif) repeat-y 5px 0;
   float:left;
    width:996px;  


}