/*
       DLH
       Styles: Sklep
-----------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
}
ol, ul {
       list-style: none;
}
blockquote, q {
       quotes: none;
}

/* remember to define focus styles! */
:focus {
       outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
       text-decoration: none;
}
del {
       text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
       border-collapse: collapse;
       border-spacing: 0;
}

/* @group Clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }
/* @end */

/* @group Accessibility & SEO */
.accessibility {
       position: absolute;
       top: -999em;
       left: -999em;
}
/* @end */

/* Layout
-----------------------------------------------------------------------*/

body {
       font-family: Verdana, Arial, Tahoma, Sans-Serif;
       font-size: 11px;
       line-height: 1.2em;
       color: #333;
       text-align: center;
}

table, td, form, input, textarea, select {
       font-family: Verdana, Arial, Tahoma, Sans-Serif;
       font-size: 1em;
}

/* @group Elements */
hr {
       height: 1px;
       margin: 0 0 15px 0;
       padding: 0;
       color: #dddcd6;
       background-color: #dddcd6;
       border: 0;
       }
       * html body hr { margin: 1px 0; } /* Remove the progressive spacing in IE */

div.ruler {
       margin-top: 1px;
       padding-bottom: 1px;
       border-top: 1px solid #dddcd6;
       }
       div.ruler.emphasize { border-color: #666; }
       div.ruler hr { display: none; }

ul {
       margin: 0 0 15px 0;
       list-style-type: disc;
       }
       ul ul { margin: 0; }
       ul li { margin: 0 0 0 15px; }
              
dl {
       margin: 0 0 15px 0;
       }
       dl dt { font-weight: bold; }
       dl dd { margin: 0 0 0 15px; }
/* @end */

/* @group Typography */
h1 {
       margin: 0 0 15px 0;
       font-size: 1.5em;
       line-height: 1.2em;
}
h2 {
       margin: 0 0 20px 0;
       font-size: 1.2em;
       line-height: 1.4em;
}
h3 {
       margin: 0 0 5px 0;
}
h4 {
       text-transform: uppercase;
}
p {
       margin: 0 0 15px 0;
}
small {
       font-size: .95em;
       line-height: 1.3em;
}
a {
       color: #333;
       text-decoration: none;
}
a:hover, a:focus, a:active {
       text-decoration: none;
       color: #414e40;
}
a:focus, a:active {
       color: #445041;
       text-decoration: none;
}

a.selector {
       padding: 1px 22px 2px 5px;
       color: #4e5c4b;
       line-height: 1.6em;
       background: #dbddb6 url('../gfx/bullet/bullet-selector.png') no-repeat 100% 50%;
       border: 1px solid #68745e;
       text-decoration: none;
       }
       a.selector.selected {
              color: #fff;
              background: #68745e url('../gfx/bullet/bullet-selector-close.png') no-repeat 100% 50%;
       }
       #main a.selector {
              font-size: .95em;
              line-height: 1.2em;
       }
/* @end */

/* @group Forms */
legend { display: none; }

label {
       font-weight: bold;
}
input.formfield {
       width: 371px;
       padding: 1px 1px 2px 1px;
       color: #4e5c4b;
       background: #f2f3e3;
       border: 1px solid #68745e;
       }
       input.formfield.zip { width: 76px; }
       input.formfield.city { width: 287px; }
       input.formfield.upload { width: auto; }
textarea.formarea {
       width: 371px;
       height: 80px;
       padding: 1px;
       color: #4e5c4b;
       background: #f2f3e3;
       border: 1px solid #68745e;
}
input.formcheckbox {
       margin: 2px 8px 5px 0;
       vertical-align: middle;
}
input.formradio {
       margin: 2px 8px 5px 0;
       vertical-align: middle;
}
select.formselect {
       width: 375px;
       color: #4e5c4b;
       background: #f2f3e3;
       border: 1px solid #68745e;
}
input.formbutton {
       padding: 0 3px 1px 3px;
       color: #dbddb6;
       background: #68745e;
       border: 1px solid #68745e;
       cursor: pointer;
       }
       #content input.formbutton {
              color: #4e5c4b;
              background: #dbddb6;
       }
/* @end */

/* @group Main layout */
#container {
       width: 958px;
       margin: 0 auto;
       text-align: left;
       background: #fff;
       border: 1px solid #bfc1bc;
       border-top: 0;
}

#top {
       min-height: 70px;
       background: #3a4438 url('../gfx/background/background-top.png') repeat-x;
       }
       
       #logo {
              float: left;
              width: 80px;
              margin: 15px 20px 0 20px;
       }
       
       #functions {
              float: right;
              margin: 15px 10px 0 0;
              }
              #search {
                     float: left;
              }
              #search fieldset { display: inline; }
              #search input.formfield { float: left; width: 100px; }
              #search input.formbutton { float: left; }
              
              #language {
                     float: left;
                     margin: 0 0 0 20px;
                     }
                     #language fieldset { display: inline; }
                     #language select.formselect { width: 90px; }
              
              #locale {
                     float: left;
                     margin: 0 0 0 20px;
                     }
                     #locale fieldset { display: inline; }
                     #locale select.formselect { width: 110px; }
       
              #servicenav {
                     float: left;
                     margin: 0 0 0 10px;
                     }
                     #servicenav ul li {       
                            float: left;
                            display: inline;
                            margin: 0 10px;
                     }
                     #servicenav ul li a, 
                     #servicenav ul li a.selected {
                            color: #fff;
                            text-decoration: none;
                            background: none;
                     }
                     #servicenav ul li a:hover { text-decoration: underline; }
       
#topnav {
       font-size: 1.2em;
       background: #b0c229 url('../gfx/background/background-topnav.png') repeat-x;
       }
       
       /* Level 1 (Green) */
       #topnav ul {
              position: relative;
              width: 100%;
              margin: 0;
              list-style-type: none;
       }
       #topnav ul li {
              display: inline;
       }
       #topnav ul li a {
              float: left;
              padding: 0 18px;
              color: #394438;
              font-weight: bold;
              line-height: 1.75em;
              text-decoration: none;
              border-right: 1px solid #77851c;
       }
       #topnav ul li a:hover, 
       #topnav ul li a:focus, 
       #topnav ul li a:active {
              background: #9bac24 url('../gfx/background/background-topnav-hover.png') repeat-x;
       }
       #topnav ul li a.selected {
              color: #fff;
              background: #85941f url('../gfx/background/background-topnav-selected.png') repeat-x;
       }
       
       /* Level 2 (Blue) */
       #topnav ul ul {
              position: absolute;
              top: 1.85em;
              left: 0;
              width: 100%;
              font-size: .95em;
              background: #a4bad9 url('../gfx/background/background-subnav.png') repeat-x;
              z-index: 10;
       }
       #topnav ul ul li a {
              font-weight: normal;
              line-height: 1.8em;
              border-right: 1px solid #5b6979;
       }
       #topnav ul ul li a:hover, 
       #topnav ul ul li a:focus, 
       #topnav ul ul li a:active {
              background: #93a6bd url('../gfx/background/background-subnav-hover.png') repeat-x;
       }
       #topnav ul ul li.selected a {
              background: #7a8aa0 url('../gfx/background/background-subnav-selected.png') repeat-x;
       }
#main {
        margin: 44px 20px 20px 20px;
}

#content {
        padding-left: 10px;
        padding-right: 10px;
}

#top_col {
        background-color: #929c48;
        height: 25px;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        padding:3px 0px 3px 5px;
}

#col {
        background-color: #dbddb6;
        height: 50px;
        padding-left: 10px;
}

#footer {
       padding: 5px 20px;
       color: #fff;
       background: #4e5c4b;
       border-bottom: 7px solid #c9dc32;
       }
       #footer dl {
              margin: 0;
              }
              #footer dl dt, #footer dl dd {
                     display: inline;
                     margin: 0 20px 0 0;
              }
.pageHeading {
        background-color: #B0C229;
        height: 25px;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        padding: 3px 5px 3px 5px;
}
.messageStackError {
        background-color: #ff0;
        height: 25px;
        font-weight: bold;
        padding-left: 5px;
}
.infoBoxHeading {
        background-color: #929c48;
        height: 18px;
        font-weight: bold;
        color: #fff;
        padding:3px 3px 3px 5px;
}
.productListing-heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #929C48;
     color : #ffffff;
     font-weight : bold;
     height: 18px;
}

.smallText {
color: #445041;
font-size: 10px;
padding-top: 5px;
}

.productListing-data {
color: #000000;
}

.category_desc {
color: #445041;
padding-top: 5px;
}

.productSpecialPrice {
color: #ff0000;
}
/* @end */
