/*
       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;
       background-color: #000000;
       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;

       }
       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: 995px;
       margin: 0 auto;
       text-align: left;
       background-color: #27292b;
       border: 0px solid #bfc1bc;
       border-top: 0;
       background: url('../images/contajner.jpg') repeat-y;
}

#top {
       width: 995px;
       }
       
       #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: 10px 10px 10px 10px;
       }
.main {
       padding-left: 10px;
       padding-right: 10px;
       width: 765px;
       }
.maina {
       padding-left: 2px;
       padding-right: 2px;
       }
.cna {
       padding-left: 10px;
       padding-right: 10px;
/* TUTAJ WYSOKOSC       height:300px; */       }
              
.productListing-data {
       padding-left: 10px;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       }


.productListing-heading {
       padding-right: 10px;
       }
 
/* KLASA TD TEKSTU */      
#cns {
	vertical-align: top;
        width:100%;
	height: 460px;
        background-color: #f3eed6;
        margin: 10px 10px 10px 10px;
        padding-bottom: 10px;
        }

#content {
        padding-left: 10px;
}

#top_col {
        background-color: #dbd3ad;
        height: 25px;
        font-size: 1.2em;
        font-weight: bold;
        color: #000;
        padding:3px 0px 3px 5px;
}

#col {
        background-color: #f3eed6;
        height: 50px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
}

#footer {
       height: 38px;
       padding: 4px 0px 0px 0px;
       color: #fff;
       background: url('../images/fjuter.jpg') repeat-x;
       }
       #footer dl {
              margin: 0;
              }
              #footer dl dt, #footer dl dd {
                     display: inline;
                     margin: 0 20px 0 0;
              }
.pageHeading {
        width: 765px;
        background-color: #dbd3ad;
        height: 25px;
        font-size: 1.2em;
        font-weight: bold;
        color: #000;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
}
.messageStackError {
        background-color: #ff0;
        height: 25px;
        font-weight: bold;
        padding-left: 5px;
}
.infoBoxHeading {
        background-color: #dbd3ad;
        height: 18px;
        font-weight: bold;
        color: #000;
        padding:3px 3px 3px 5px;
border-top
}
.infoBoxContents {
padding-bottom: 5px;
}

.productListing-heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     background : #dbd3ad;
     color : #000000;
     font-weight : bold;
     height: 18px;
}

.inputRequirement {
padding-right: 10px;
}
.smallText {
color: #445041;
font-size: 10px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}

.productListing-data {
color: #ff0000;
}

.category_desc {
color: #445041;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
}

.productSpecialPrice {
color: #ff0000;
}



/* topmenu topmenu */

div#topmenu{
text-align: center;
margin: 0px;
margin-top: -2px;
padding: 0px;
background: url("http://sklep.willowhouse.pl/images/menu_pasek.jpg") center no-repeat;
}

div#topmenu table{
margin: auto;
}

#topmenu ul li{
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
 }
 
#topmenu li{

 }

#topmenu img{
margin: 0px;
padding: 0px;
margin-top: 2px;
 }
 
 #topmenu li a{
border: none;
text-decoration: none;
margin: 0px;
margin-top: 2px;
padding: 0px;
  }

/* @end */