body{
   height:100%;
   width:100%;
   margin-bottom: 0;
   padding:0;
   font-size:14px;
   font-family:verdana, sans-serif;
   color:#333;
   line-height:1.5em;
   background:#499;
}

#home_wellnes{
   background:#e6e39d;
   margin: 0 auto;
}

#main_wellness{
   width: 980px;
   margin: 0 auto;
   background:#fff;
}

#top_wellness{
   background: #fff;
   height: 148px;
   background: url(http://www.doris-dorin.com/images/logo.jpg) no-repeat 2px 2px;
}

#content{
   width: 100%;
   height: 100%;
   background-color:white;
   float: left;
   display:block;
}
#contentcolumn{
   margin-left: 200px;
}
#contents{
   margin:10px;
   padding:0;
   font-size:120%;
   float:left;
}
.content_opis{
   color:#555;
   font-size:14px;
   font-family:arial, sans-serif;
}
#leftcolumn{
   padding:0;
   float: left;
   width: 200px;
   margin-left: -980px;
background: #fff;
}
/*   BREAD CRUMBS*/
#breadcrumbs{
   margin:5px 0 5px 0px;
   padding-bottom:5px;
   border-bottom:1px dashed #bababa;
   font-size:75%;
   letter-spacing:0.1em;
   font-weight:bold;
   text-decoration: none;
}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
   background: transparent url(../images/breadcrumb.png) no-repeat center right;
   text-decoration: none;
   color:#777;
   padding-right: 12px;
   outline:none;
   font-weight:normal;
}

#breadcrumbs a:hover{
   color:black;
   text-decoration: underline;
}

/* FOOTER*/
.footer{
   clear: left;
   width: 980px;
   background: #FFFF90;
   color: #000;
   text-align: center;
   font-size:80%;
   text-decoration: none;
   font-color:black;
}
/* FOOTER*/
.onlineFooter{
   clear: left;
   width: 980px;
   background: white;
   color: #000;
   text-align: center;
   font-size:80%;
   text-decoration: none;
   font-color:black;
}

.footer a, .footer a:link, .footer a:visited{
   color: black;
   font-size:100%;
   line-height:14px;
   font-weight:bold;
   text-decoration:none;
   padding:3px 5px 4px 5px;
   outline:0;
}
.footer a:hover{
   color: #bababa;
   text-decoration:none;
   outline:0;
}




/* TOP MENU */
#topMenu{
   height:14px;
   padding:0;
   margin:0 10px 0 10px;
   z-index:500;
}
.topMenuItem a, .topMenuItem a:link, .topMenuItem a:visited{
   float:right;
   color: #999;
   font-size:75%;
   line-height:14px;
   font-weight:bold;
   text-decoration:none;
   padding:3px 5px 4px 5px;
   display:block;
   outline:0;
   border-right:1px solid #999;
}
.topMenuItem a:hover{
   color: #bababa;
   text-decoration:none;
   display:block;
   outline:0;
}

.topMenuItem span{
   float:right;
   color: #333;
   font-size:75%;
   line-height:14px;
   font-weight:bold;
   background:#e4e516;
   text-decoration:none;
   padding:3px 5px 4px 5px;
   display:block;
   outline:0;
   border-right:1px solid #fff;
}

.topMenuLast a, .topMenuLast  a:link, .topMenuLast a:visited{
   float:right;
   font-size:75%;
   line-height:14px;
   font-weight:bold;
   color: #999;
   padding:3px 0px 4px 5px;
   display:block;
   outline:0;
   text-decoration:none;
}

.topMenuLast  a:hover{
   color: #bababa;
   outline:0;
   text-decoration:none;
   display:block;
}

.topMenuLast span{
float:right;
   color: #333;
   font-size:75%;
   line-height:14px;
   font-weight:bold;
   background:#e4e516;
   text-decoration:none;
   padding:3px 5px 4px 5px;
   display:block;
   outline:0;
   border-right:1px solid #fff;
}

/* Main menu*/
#mainMenu {
   float:left;
   width:100%;
   margin:0;
   padding:0;
   background:#e6e39d;
   border-top:1px solid #e6e39d;
}

#mainMenuLanguages {
   float:right;
   width:100%;
   margin:0;
   padding:0;
   background:#e6e39d;
   border-top:1px solid #e6e39d;
}

#mainMenu a, #mainMenu a:link, #mainMenu a:visited{
   float:left;
   color: #777;
   font-size:85%;
   line-height:23px;
   letter-spacing:0.05em;
   font-weight:normal;
   text-align:center;
   text-decoration:none;
   padding:0px 7px 2px 7px;
   display:block;
   background:#e6e39d;
   outline:0;
   border-bottom:3px solid #e6e39d;

}

#mainMenu a:hover{
   color: #222;
   border-bottom:3px solid #FFFF90;
   background:#FFFF90 url(../images/arrow_up.gif) bottom center no-repeat;
}

#mainMenuNoHover{
   width:170px;
   background:#e6e39d;
}


#mainMenuNoHover a:hover{
   background:#e6e39d;
}


#mainMenu .activeMain {
   float:left;
   color: #222;
   font-size:85%;
   line-height:23px;
   letter-spacing:0.05em;
   font-weight:bold;
   text-align:center;
   text-decoration:none;
   padding:0px 10px 2px 10px;
   display:block;
   outline:0;
   background:#FFFF90;
   border-bottom:3px solid #FFF;
}

#activeMain a, #activeMain a:link, #activeMain a:visited{
  display:block;
     padding:0px 10px 2px 10px;
  text-decoration:none;
   color:#222;
   background:#FFFF90;
  font-size:85%;
  font-weight:bold;
  line-height:23px;
  border-bottom:3px solid #FFFF90;
}

/* MENU LEWE*/
#menuLeft {
   margin:0 0 0 0 ;
   padding:0;
   background: transparent;
   width:185px;
}
#menuLeft a, #menuLeft  a:visited, #menuLeft  a:active {
   display:block;
   background:#FFFF90;
   padding:5px 5px 5px 10px;
   text-decoration:none;
   color:#777;
   font-size:85%;
   font-weight:normal;
   line-height:120%;
   letter-spacing:0.075em;
   border-bottom:2px dashed #fff;
   outline:0;
   margin:0;
}

#menuLeft  a:hover {
  color:#333;
  padding:5px 5px 5px 10px;
  background:#fff url(../images/left_arrow.gif) left center no-repeat;
  outline:0;
}


#menuLeft .active {
  display:block;
  padding:5px 5px 5px 10px;
  text-decoration:none;
  color:#777;
  background:#dedede;
  font-size:85%;
  font-weight:bold;
  line-height:120%;
  margin:0;
  border-bottom:1px solid #fff;
}

.NewsletterInfo{
   border:1px solid #C0C040;
   background-color:#FFFF90;
   color:black;
   padding:10px;
   margin:3px;
   text-align:center;
   text-color:black;
}

#active a, #active a:link, #active a:visited{
  display:block;
  padding:5px 5px 5px 10px;
  text-decoration:none;
   color:#333;
   background:#fff url(../images/left_arrow.gif) left center no-repeat;

/*
  color:#777;
  background:#dedede;
*/
  font-size:85%;
  font-weight:bold;
  line-height:120%;
  margin:0;
  border-bottom:1px solid #fff;
}

#tags .title{
   font-size:105%;
   line-height:200%;
   display:block;
   width:100%;
   letter-spacing:0.08em;
   margin-bottom:8px;
   background:#dedede;
   font-family:Arial, sans-serif;
}
.info{
   border:1px solid #C0C040;
   background-color:#FFFF90;
   color:black;
   padding:10px;
   margin:3px;
   text-align:center;
   text-color:black;
}

.error{
   border:2px solid red;
   background-color:#FAFA89;
   color:red;
   padding:10px;
   width:85%;
   margin-top:5px;
   margin-bottom:5px;
   float:center;
   text-align:center;
}
/* SKLEP */
/* glowny box */
.sklep_produkt{
   border:1px solid #efefef;
   height:320px;
   width:200px;
   padding:0;
   margin: 0 15px 10px 0;
   display:block;
   float:left;
}

/* style dla boxa produktu*/
div.productBox{
   width:170px;
   height:335px;
   padding:5px;
   line-height:130%;
   text-decoration:none;
   display:block;
   float:left;
   overflow: hidden;
}
div.productBox .a:link{
   text-decoration:none;
   border:none;
}
div.productBox .picture{
   width:160px;
   height:140px;
   padding:0;
   margin-bottom:5px;
   text-align:center;
   display:block;
   border:none;
}
 div.productBox p{
   margin:0;
   padding:0;
}

div.productBox p.image img{
   /*border:1px solid #cfcfcf;*/
   height:105px;
   border:none;
   padding:1px;
}

div.productBox a{
   color:#87436D;
   display:block;
   font-size:10px;
   font-weight:bold;
   padding-left:2px;
   padding-top:2px;
   text-decoration:none;
   min-height:15px;
}


div.productBox .cena{
   margin-top:5px;
   color:#555;
   font-weight:bold;
   font-size:85%;
   font-family:verdana, sans-serif;
   text-align:left;
}

div.productBox b{
   font-family:verdana, sans-serif;
   font-size:1.2em;
}

div.productBox .nazwa{
   color:#555;
   height:35px;
   font-weight:bold;
   font-size:95%;
   line-height:125%;
   /*font-size:85%;*/
   text-align:left;
   /*height: 45px;*/

}

div.productBox .opis{
   margin-top:8px;
   color:#555;
   height: 90px;
   font-size:95%;
   line-height:100%;
   text-align:left;
}

div.productBox .dostepny{
   color:#e4e516;
   font-weight:bold;
}

div.productBox .niedostepny{
   color:red;
   font-weight:bold;
   font-size:75%;
}

div.zamowProduct{
   height:25px;
   text-align:right;
   margin-bottom:0px;
}
div.zamowProduct a, .zamowProduct a:link{
   font-size:75%;
   padding:5px 27px 5px 5px;
   background:#fff url(../gifs/koszyk.gif) no-repeat right center;
}
div.zamowProduct a:hover{
   background:#fff url(../gifs/koszyk.gif) no-repeat right center;
   color:#555;
}
/********************************/
/* strona z prezentacja produktu*/
/********************************/
/* obrazek z lewej*/
div.productImage{
   float:left;
   width:230px;
   display:inline;
   line-height:1.1em;
   padding:10px 30px 0 0;
}
div.productImage .main img{
   width:230px;
   float:left;
   border:none;
/*   border:1px solid #ececec;*/
}
/* opis produktu*/
div.productOpis{
   width:440px;
   padding:10px 20px 20px 10px;
   float:left;
   font-size:90%;
   line-height:145%;
}
div.productOpis h1{
   color:#353535;
   font-weight:normal;
   font-size:135%;
   font-family:georgia, serif;
   letter-spacing:0.07em;
   padding-bottom:5px;
}
/* tabelka z danymi */
div.productOpis table.index{
   width:100%;
   color:#999;
   padding:2px 8px;
   margin-top:20px;
   border-top:1px solid #bababa;
   border-bottom:1px solid #bababa;
}
div.productOpis table.dane{
   width:100%;
   font-size:90%;
   padding:5px 0;
   border-bottom:1px solid #bababa;
}
table.dane tr{
   padding:5px 0;
}

td.numer{
   width:75px;
   padding-left:5px;
}

td.nazwa_produktu{
   width:250px;
}

td span.niedostepny{
   color:red;
   font-weight:bold;
}

td.ilosc input{
   width:20px;
}

td.cena{
   width:85px;
   text-align:right;
   padding-right:5px;
}
/* przycisk zamów */
div.buttonZamow{
   width:100%;
   float:left;
   padding-top:10px;
   cursor: pointer;
}

div.buttonZamow .zamow input{
   float:right;
   background:#600;
   color:#fff;
   padding:8px 10px;
   line-height:125%;
   font-size:120%;
   border:none;
}

div.buttonZamow .zamow a:hover{
   color:#fff;
   background:#900;
}

/* pelny opis produktu */
div.productInfo{
   width:450px;
   position:relative;
   display:inline;
   float:left;
   padding:25px 0 5px 0;
}
div.productInfo .content{
   border:1px solid #dedede;
}

div.productInfoTabela{
   width: 100%;
   background: #fff;
}

div.productInfoOpis ul{
   overflow: hidden;
   list-style: none;
   margin: 0;
   padding: 0;
}

div.productInfoOpis li{
   float: left;
   padding: 5px 8px;
   color: #555;
   background:#dedede;
   cursor: pointer;
   margin-right:1px;
}
div.productInfoContent{
   clear: both;
   padding: 15px;
   color: #555;
}

/********************************/
/* style dla formularzy         */
/********************************/
div.contents{
   margin:10px;
   padding:0;
   font-size:90%;
}
div.contents h1{
   font-weight:normal;
   font-size:235%;
   font-family:georgia, serif;
   letter-spacing:0.07em;
   padding-bottom:8px;
}

.opisProduktu {
   color:#555;
   font-size:11px;
   font-family:arial, sans-serif;
}
/********************************/
/* koszyk                       */
/********************************/

.koszyk{
   margin:10px
}
.koszyk td{
   font-family:verdana, sans-serif;
   font-size:0.90em;
   padding:5px;
   line-height:1.2em;
   border-bottom:1px solid #bababa;
}

/********************************/
/* zamowienie                   */
/********************************/
.zamowienie{
   margin:5px
}
.zamowienie td{
   font-family:verdana, sans-serif;
   font-size:0.90em;
   padding:5px;
}