﻿body
{
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    background: #007cc3 url(../images/body.gif) repeat-x 0px 0px;
   /* color:#909090;*/
    color:#818181;
}
textarea{

    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
}
h1, h2, h3, form
{
    margin: 0;
    padding: 0;
}
a
{
    text-decoration: none;
}
a img
{
    border-style: none; 
}
#container
{
    width: 960px;
    margin: 0 auto;
  /*  background: url(../images/maska34.jpg) no-repeat center 0px;*/
}
#top
{
    height: 221px;
    background: url(../images/top.jpg) no-repeat right 0px;
    
}
#left {

    float:left;
    width:225px;}
#right {

    float:left;
    display:inline;
    width:735px;
    }
#gsWorkArea {

    background:#ffffff url(../images/wa.gif) no-repeat 0 bottom;
    margin:0 0 0 15px;
    zoom:1;}    

#footer {

    clear:both;
    height:120px;
    background:url(../images/footer.gif) no-repeat 0 20px;}
#top h1
{
    float: left;
    padding:20px 650px 0 20px;
}

#logbox
{
    float: left;
    height: 75px;
    width: 190px;
    margin-top:15px;
}
#logbox form
{
    height: 75px;
    background: url(../images/log.gif) no-repeat 20px 6px;
    
    
}
#logbox form label
{
    float: left;
    color: #005488;
    width:34px;
}
#lp1 {

    margin: 9px 0px 0px 30px;
    }

#lp2 {

    margin: 9px 0px 0px 30px;
    }

input#login, #password
{
    float: left;
    border-style: none;
    height: 17px;
    font-size: 11px;
    padding-top: 2px;
    color: #005488;
    background-color: Transparent;
}
input#login
{
    width: 120px;
    margin-top: 7px;
    
}
input#password
{
    width: 52px;
    margin-top: 6px;
   
}
input#logbutton
{
    float: left;
    display:inline;
    background: url(../images/zaloguj.gif) no-repeat 0px 0px;
    width: 65px;
    height: 21px;
    border-style: none;
    cursor: pointer;
    margin: 5px 0 0 6px;
}

#logbox form a
{
    float: left;
    color: #346c96;
    display: inline;
    margin: 4px 0px 2px 20px;
    white-space: nowrap;
    text-decoration:underline;
}
#logbox form a#la2 {

    margin-left:35px;}
#logged
{
}
#logged strong
{
    color: #005488;
    display: block;
    padding:0 0 0 20px;
    
}
#logged em
{
    font-size: 12px;
    display: block;
    
    margin: 0px 7px 5px 0px;
    color: #005488;
}

#logbox a:hover
{
    text-decoration:none;
}
#logged a
{
    float: left;
    color: #005488;
    display: inline;
    margin: 5px 0px 0px 20px;
    white-space: nowrap;
    text-decoration:underline;
}

#gsBasketBox
{
    float: left;
    display:inline;
    height: 74px;
    width: 150px;
    margin:7px 0 0 350px;
    padding:15px 0 0 7px;
    background:url(../images/koszyk.gif) no-repeat 3px 0;
}
#gsBasketBox span
{
    color: #00477f;
    display: block;
    margin-top: 2px;
}
#gsBasketBox em
{
    color: #00477f;
    display: block;
    padding-top: 7px;
    font-style:normal;
}

#gsBasketBox a
{
    display: block;
    color:#e42b2a;
    margin-top:3px;
    width:56px;
    font-weight:bold;
    background:url(../images/dot1.gif) no-repeat right 5px;
}
#gsBasketBox a:hover {

    text-decoration:underline;}


#menu
{
    padding: 0;
    margin: 0;
    list-style: none;
    height: 57px;
    clear:both;
}
#menu li
{
    float: left;
    display: inline;
    margin: 15px 20px 0px 0px;
}

#menu li#mlast {

    margin: 15px 0px 0px 0px;}


#searchbox
{
    height: 61px;
    background: url(../images/sb.jpg) no-repeat 0px 0px;
    padding: 25px 0px 0px 20px;
}
#searchfrase
{
    float: left;
    color:#ffffff;
    width: 150px;
    border-style: none;
    height: 16px;
    font-size: 11px;
    margin: 0 0 0 7px;
    padding-top: 3px;
    background-color: Transparent;
}
#searchbutton
{
    float: left;
    background: url(../images/se.gif) no-repeat 0px 0px;
    width: 20px;
    height: 20px;
    border-style: none;
    cursor: pointer;
    margin:0 0 0 8px;
}
#Searchbox select
{
    font-size: 12px;
}
#searchbox a
{
    color: #ffffff;
    float: left;
    text-decoration:underline;
    white-space:nowrap;
    margin:4px 0 0 4px;
}
#searchbox a:hover
{
    text-decoration:underline;
}

#Producers {

    background:url(../images/producenci.gif) no-repeat 19px 0;
    margin-top:22px;
    padding-top:33px;
    zoom:1;}

#Producers select {
    
    display:block;
    margin:0 auto;
    color:#346c96;
    font-size:11px;
    width:169px;
    line-height:19px;
    padding-top:1px;
    padding-bottom:1px;
    border:solid 1px #14a4d6;
    }


#treebox
{
    margin-top:25px;
    padding-top:30px;
    zoom:1;
    background: url(../images/kategorie.gif) no-repeat 19px 0;
}
#treebox ul
{
    padding: 0px 0px 0px 22px;
    margin: 0;
    list-style: none;
}
#treebox ul li
{
    padding: 0px 0px 1px 0px;
    background: url(../images/li.gif) no-repeat 0 bottom;
}
#treebox ul li a
{
    color: #ffffff;
    display:block;
}
#treebox ul li a:hover
{
    text-decoration:underline;
}
#treebox ul li .selected
{
    font-weight:bold;
}
.t0
{
    background: url(../images/t0.gif) no-repeat 4px 9px;
    padding:6px 6px 8px 30px;
}
.t1
{
    padding:6px 6px 8px 45px;
}
.t2
{
    padding:6px 6px 8px 55px;
    font-size:10px;
}
.t3
{
    margin-left: 25px;
}
.t4
{
    margin-left: 30px;
}

#artykul
{
    background:#00477f url(../images/art.jpg) no-repeat 0 0; 
    margin-top:25px; 
    padding:50px 20px 20px 20px; 
    line-height:17px;
    
    
}

#artykul h3 a
{
    color: #ffffff;
    font-size: 11px;
    display:block;
    font-weight:normal;
    padding:6px 10px 7px 10px;
    border-bottom:solid 1px #4485b9;
}
a#arta {

    display:block;
    background:url(../images/art2.gif) no-repeat 0 0;
    color:#ffffff;
    text-align:right;
    height:18px;
    padding:3px 10px 0 0;}


#artykul a:hover {

    text-decoration:underline;}
a#arta:hover {

    text-decoration:underline;}


#gsQuestionbox
{
    background:#00477f url(../images/sonda1.jpg) no-repeat 0 0; 
    margin-top:25px; 
    
    line-height:18px;
}
#gsQuestionbox h3
{
    font-size: 11px;
    color: #ffffff;
    padding: 48px 20px 0px 20px;
}
#gsQuestionbox ul
{
    margin: 0;
    padding:5px 20px 24px 15px; 
    list-style: none;
    background: url(../images/sonda2.jpg) no-repeat 0 bottom;
}
#gsQuestionbox ul li
{
    margin-top: 12px;
    padding-right: 20px;
}

#gsQuestionbox ul li input
{
    float: left;
}
#gsQuestionbox ul li label
{
    color: #ffffff;
    cursor: pointer;
    line-height: 18px;
    margin-left: 3px;
}
#gsQuestionbox ul span
{
    color: #ffffff;
    display: block;
    margin: 7px 2px 1px 4px;
}
#gsQuestionbox ul strong
{
    font-size: 9px;
    display: block;
    height: 23px;
    background-color: #fef2a5;
    border-left: solid 2px #8c2008;
    position: relative;
    margin: 4px;
    margin-left: 3px;
}
#gsQuestionbox ul strong em
{
    position: absolute;
    font-style: normal;
    font-weight: bold;
    top: 3px;
    left: 5px;
    width: 140px;
    color: #8c2008;
}


#navbox
{
    padding: 0;
    padding-left: 15px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    height: 32px;
    background:url(../images/nav1.gif) no-repeat right bottom;
}
#navbox li
{
    float: left;
    display: inline;
    color: #ffffff;
    background: url(../images/navdot.gif) no-repeat 0px 5px;
    padding: 0px 7px 0px 14px;
}
#navbox li#nav1
{
    background-image: none;
}

#navbox li a
{
    color: #ffffff;
}
#navbox li a:hover
{
    text-decoration: underline;
    
}

#newsbox
{
    background: url(../images/newsletter.gif) no-repeat 0px 0px;
    height: 30px;
    padding: 69px 0px 0px 35px;
}
#newsbox p
{
    float:left;
    margin: 0;
    padding: 4px 0 0 0;
    color: #909090;
}

#newsfrase
{
    float: left;
    width: 137px;
    border-style: none;
    height: 16px;
    font-size: 11px;
    color:#4daffb;
    margin: 1px 0 0 36px;
    padding-top: 3px;
    background-color: Transparent;
}
#newsbutton
{
    float: left;
    background: url(../images/zapisz.gif) no-repeat 0px 0px;
    width: 65px;
    height: 21px;
    border-style: none;
    cursor: pointer;
    margin: 0px 0px 0px 15px;
}

#prodfilter {

     background:transparent url(../images/wa2.gif) no-repeat 0 bottom;
     padding:8px 15px 40px 15px;
     margin:0;
     width:690px;
     float:left;
     list-style:none;}

#prodfilter li {

    background:url(../images/pri.gif) no-repeat 0 3px;
    color:#909090;
    float:left;
    padding:0 15px 10px 15px;
    }
#prodfilter li a {

    font-weight:bold;
    color:#346c96;}

#prodfilter li#prdf1 {
padding-left:0px;
    background-image:none;}
#prodfilter li a:hover {

    text-decoration:underline;}


#qbox {

    float:left;
    color:#909090;
    width:315px;
    height:24px;
    padding:10px 0 0 0;
    }

#qbox label {

    float:left;
    padding:2px 10px 0 12px;}

#qbox select {

    float:left;
    color:#909090;
    width:120px;
    font-size:11px;
    padding:1px 3px 2px 3px;}



#sortbox {

    float:right;
    color:#909090;
    width:215px;
    height:24px;
    padding:10px 0 0 0;
    }

#sortbox label {

    float:left;
    padding:2px 10px 0 12px;}

#sortbox select {

    float:left;
    color:#909090;
    width:120px;
    font-size:11px;
    padding:1px 3px 2px 3px;}


.produkt
{
    float: left;
    display: inline;
    width: 240px;
    height: 310px;
    line-height:17px;
}
.produkt .highlight
{
    quotes: none;
}
.pr1 {

    background:url(../images/pr1.gif) no-repeat 0 0
    }

.pr2 {

    background:url(../images/pr2.gif) no-repeat 0 0
    }

.pr3 {

    background:url(../images/pr3.gif) no-repeat 0 0
    }
.pr4 {

    background:url(../images/pr2.gif) no-repeat 0 0;
    height: 309px;
    }
.produkt h2
{
    
}
.produkt h2 a
{
    padding: 15px 18px 0px 18px;
    font-size: 11px;
    height:40px;
    color: #346c96;
    display:block;
}
.produkt h2 a:hover
{
    text-decoration:underline;
}


.prodimg
{
    width: 240px;
    height: 120px;
}
.prodimg a {

    display:table-cell;
    vertical-align:middle;
    text-align: center;
    width: 240px;
    height: 120px;
    }

.produkt p
{
   /* color: #9c9e9f;*/
    color:#818181;
    padding: 10px 18px 0px 18px;
    margin: 0;
    height:55px;
}


.prodpromo {

    display:block;
     padding: 1px 18px 9px 18px;
     text-align:right;
     height:18px;
    }
.prodpromo strong {

    color:#e42b2a;
    font-size:14px;}

.prodpromo em {

    color:#e42b2a;
    font-style:normal;}

.protools {

    height:38px;
    }
.protools span {

    float:left;
    width:105px;
    padding:4px 0 0 18px;
    }
.protools span strong {

    color:#2d80b5;
    font-size:14px;}

.protools span em {

    color:#2d80b5;
    font-style:normal;}


.prodmore {

    float:left;
    width:80px;
    height:25px;
    background:url(../images/wiecej.gif) no-repeat 0 0 ;
    color:#ffffff;
    text-align:center;
    padding:4px 0 0 0;}

.prodmore:hover {

    text-decoration:underline;}

.prodbuy {

    float:left;}

#promobox {

    background:url(../images/promoted.gif) no-repeat 0 0;
    height:243px;
    margin:0 0 0 15px;}

.promo {

    float:left;
    width:359px;
    height:163px;
    padding:33px 0 0 1px;}


.promoimg {

    float:left;
    width:140px;
    height:120px;
    text-align:center;
    }
.promotoolsinner {

    height:85px;}
.promotools {

    height:120px;
    float:left;
    width:190px;
    line-height:17px;}
.promotools h2 a {

    padding: 5px 0px 0px 0px;
    font-size: 11px;
    color: #346c96;
    display:block;}

.promotools h2 a:hover
{
    text-decoration:underline;
}


.promotools p
{
    color: #9c9e9f;
    padding: 5px 0px 0px 0px;
    margin: 0;
}


.prold {

     float:left;
     text-align:right;
    width:105px;
    padding:5px 0 0 0px;
    width:190px;}

.prold strong {

    color:#2d80b5;
    font-size:14px;
    text-decoration:line-through;}

.prold em {

    color:#2d80b5;
    font-style:normal;}
    
.promotools div.promoprice {

    height:40px;
    clear:both;}

.prnew {

    float:left;
    width:141px;
    padding:4px 0 0 90px;
    }
.prnew strong {

    color:#e42b2a;
    font-size:14px;}

.prnew em {

    color:#e42b2a;
    font-style:normal;}

#showall {

    float:right;
    display:inline;
    margin:1px 2px 0 0;}

#fromFCK p
{
    margin-top: 0px;
}
#fromFCK
{
    padding: 10px 18px 18px 18px;
    line-height:17px;
}


#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: 20px 0px 20px 0px;
    font-size: 11px;
}

#infobox strong
{
    color: #535B60;
}
#infobox p
{
    margin: 0;
    padding: 15px;
    color: #535B60;
    line-height: 17px;
}
#infobox a
{
    color: #346C96;
    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
{
    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;
}

#sorter
{
}

#gsPager
{
    clear: both;
    height: 20px;
    text-align: center;
    padding: 35px 0px 12px 0px;
}
#gsPager a
{
    color: #00477f;
    font-weight: bold;
    margin: 0px 2px 0px 6px;
}
#gsPager a.selected
{
    color: #e42b2a;
  
    margin: 0px 2px 0px 6px;
}
#gsPager a:hover
{
    color: #e42b2a;
}
#gsPager .pagerl
{
    padding-left: 12px;
    background: url(../images/pagerdotleft.gif) no-repeat left 5px;
}
#gsPager .pagerr
{
    padding-right: 12px;
    background: url(../images/pagerdotright.gif) no-repeat right 5px;
    margin-right:5px;
}

#footer ul {

    padding:30px 0 0 542px;
    height:30px;
    margin:0;
    list-style:none;}

#footer ul li {

    float:left;
    padding:3px 15px 0 14px;
    background:url(../images/fli.gif) no-repeat right 1px;
    }
#footer ul li#flast {

    background:none;}
#footer span {

    color:#ffffff;
    float:left;
    padding:10px 0 0 20px;}

#footer strong {

    color:#ffffff;
    float:right;
    font-weight:normal;
    padding:10px 20px 0 20px;}

#footer strong a {

    color:#ffffff;}
.fakeone {

    display:block;
    clear:both;
    height:10px;}