/*-------------------------------------------------------
version:         1.0
Created_at:      01/03/2007
Updated_at:      01/02/2007
Author:          Peter Paryna
Email:           peter.paryna@imediumstudio.pl
Website:         www.imediumstudio.pl
-------------------------------------------------------*/
/*
		bardzo jasny szary: #faf8f8
		jasny szary: #f0eeee
		ciemny szary: #575757
		pomaranczowy: #ff8700 
		pomaranczowy nowy: #ff7900
		
		ciemny czerwony: #ab0700
*/

img { behavior:    url("/js/pngbehavior/pngbehavior.htc"); }

* { margin: 0; padding: 0; border: 0; }
a:link, a:visited { text-decoration:none }
a:hover { cursor: pointer; }
ul { list-style:none }
a img { border: none }
address { font-style: normal; }


.fr { float: right;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/* =Structure -------------------------------------------*/

body
{
        background: white url(./../images/top-bg.gif) repeat-x;
        font-family: Arial, Helvetica, Tahoma, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #575757;
        line-height: 1.4545454545454546;
        text-align: center;
	
}

div#wrapper { position: relative; width: 970px; margin: 0 auto; text-align: left; }


/* =Header ----------------------------------------------*/

/* =Navigation ------------------------------------------*/

/* =Content ---------------------------------------------*/

#top h1 	{ width: 264px; height: 28px; position: absolute; top: 36px; left: 20px; overflow: hidden; }
 
#top h1 span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(./../images/logo.gif) left top no-repeat; }


h2 {
    
        font-size: 2.0em;
        /*line-height: 0.8421052631578947em;*/
     
        font-weight: normal;       
        border: 3px solid #575757;
        border-width: 0 0 3px 0;
        display: inline;       
        float: left;     
}
  div.h-wrapper {   
		
       margin: 0 0 1.26315789em 0;
         
        overflow: hidden;
        width: 100%; 
        background: url(./../images/h-wrapper.gif ) left bottom repeat-x ;
		position: relative;
		
 	
		}

.col-big h3 { color: #575757; font-size: 1.5454545454545454em; line-height: 0.9411764705882353em;  margin: 0.9411764705882353em 0; font-weight: bold; }
.col-big h4 { font-size: 1.3636363636363635em; line-height: 1.0666666666666667em; margin: 1.0666666666666667em 0; }
.col-big h5 { font-size: 1.1818181818181819em; line-height: 1.2307692307692308em; margin: 1.2307692307692308em 0; }
.col-big p, 
.col-big ul { font-size: 1em; line-height: 1.4545454545454546em;  margin: 1.4545454545454546em 0; }
ol { font-size: 1em; line-height: 1.4545454545454546em; margin: 1.4545454545454546em 0; list-style-type: decimal; margin-left: 2em; }
.col-big ul { margin-left: 1em; }
  .col-big ul li { background: url(./../images/li-image.gif) 0 .4em no-repeat; padding-left: 16px; }



ul.product-list { display: block; position: relative; list-style: none; margin: 0; padding: 0 0 27px 0; background: url(./../images/product-list-border1.gif) left bottom repeat-x; }
ul.pl3 {background: none; }
  ul.product-list li { width: 190px; margin:0 35px 0 0; float: left; background: none; padding-left: 0; }
  ul.product-list li.third { margin: 0; }
    ul.product-list li dl { padding: 132px 0 24px 0;  }
      ul.product-list li dl dt { display: none; }
      ul.product-list li dl dd a { padding: 0; margin: 0; }  
      
       ul.product-list li dl dd.zoom { position: absolute; left: 0; bottom: 27px; }
	   ul.product-list li.second dl dd.zoom { position: absolute; left: 225px; bottom: 27px; }	
       ul.product-list li.third dl dd.zoom { position: absolute; left: 450px; bottom: 27px; }	
         ul.product-list li dl dd.zoom a { padding: 0; margin: 0; display: block; height: 20px; width: 28px; position: relative; overflow: hidden; }
           ul.product-list li dl dd.zoom span { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: url(./../images/zoom-button.gif) left top no-repeat; }
      
       ul.product-list li dl dd.more { position: absolute; left: 162px; bottom: 27px; }
       ul.product-list li.second dl dd.more { position: absolute; left: 387px; bottom: 27px; }
       ul.product-list li.third dl dd.more { position: absolute; left: 612px; bottom: 27px; }
         ul.product-list li dl dd.more a { padding: 0; margin: 0; display: block; height: 20px; width: 28px; position: relative; overflow: hidden; }
           ul.product-list li dl dd.more span { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: url(./../images/more-button.gif) left top no-repeat; }
      
       ul.product-list li dl dd.price { height: 20px; line-height: 20px; width: 190px; font-weight: bold; position: absolute; left: 0; bottom: 27px; text-align: center;  font-size: 1.45454545em; }
       ul.product-list li.second dl dd.price { height: 20px; line-height: 20px; width: 190px; font-weight: bold; position: absolute; left: 225px; bottom: 27px; text-align: center;  font-size: 1.45454545em; }
       ul.product-list li.third dl dd.price { height: 20px; line-height: 20px; width: 190px; font-weight: bold; position: absolute; left: 450px; bottom: 27px; text-align: center;  font-size: 1.45454545em; }
			ul.product-list li dl dd.price span { font-weight: normal; text-decoration: line-through; }
      
       ul.product-list li dl dd.photo { display: block; height: 132px; width: 190px; position: absolute; top: 0; left: 0; }
       ul.product-list li.second dl dd.photo { display: block; height: 132px; width: 190px; position: absolute; top: 0; left: 225px; }
       ul.product-list li.third dl dd.photo { display: block; height: 132px; width: 190px; position: absolute; top: 0; left: 450px; }
         ul.product-list li dl dd.photo a { margin: 0; padding: 0; line-height: 0; background: none; display: block; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; }	
         ul.product-list li dl dd.name { color: #ff8700; font-weight: bold; font-size: 1.18181818em; margin: 14px 0 0 0; } 
         ul.product-list li dl dd.name a { font-weight: bold; }
		 ul.product-list li dl dd.catalog { margin: 0 0 6px 0;}


.col dl.product { padding-left: 333px; position: relative; } 


.col dl.product dt { font-weight: bold; }
.col dl.product dd.thmbs { position: absolute; left: 0; top: 270px; width: 293px; }
  .col dl.product dd.thmbs ul { margin: 0; padding: 0; list-style: none; }
    .col dl.product dd.thmbs ul li { margin-right: 11px; float: left; width: 85px; height: 66px; }
.col dl.product dt.thmbs { position: absolute; left: 0; top: 250px; font-weight: bold; } 
.col dl.product dt.photo { display: none; }
.col dl.product dd.photo { position: absolute; left: 0; top:0; display: block; height: 228px; width: 293px; }
.col dl.product dt.price { width: 74px; float: left; margin-top: 16px; }
.col dl.product dd.price { font-size: 2.18181818em; font-weight: bold; color: #ff8700; }

table {
        border-collapse: collapse;
        margin-bottom: 1.4545454545454546em;
}




/* =Footer ----------------------------------------------*/

/* =Forms -----------------------------------------------*/


form { margin: 1.4545454545454546em 0; padding: 1.4545454545454546em 0; }
/*
form.formkoszyk { border: 1px solid #f0eeee; border-width: 0 0 1px 0;}
form.payments { margin-top: 0; }


form div { margin: 4px 0; clear: both; }
legend { display: none; }
*/
label { float: left; padding-right: 15px;  }

input
{ 
		border: 1px solid #c1c1c1; 
		border-width: 1px; 				
        padding: 0 1px;        
		height: 20px;
		line-height: 20px;
		vertical-align: middle;	        
        width: 220px;			
}
select { border: 1px solid #c1c1c1; background: #f0eeee; border-width: 1px 0 0 1px; height: 20px; width: 120px; }
/*

input.rb { width: auto; height: auto; border: 0; background: none; padding: 0; margin: 0;}
input.cb { width: auto; height: auto; border: 0; background: none; padding: 0; margin: 0;}

textarea { height: 120px; width: 320px; background: #f0eeee; border: 1px solid #c1c1c1; border-width: 1px 0 0 1px; padding: 0 10px 0 10px ;}
form div.submit { padding-left: 170px; }
form div.submit div { padding-left: 8px; background: url(./../images/button1-left-top.gif) left top no-repeat; }

form div.submit input  { cursor: pointer; width: auto; height: 22px; padding: 0; color: white; font-weight: bold; font-size: 12px; border: 0; }
dl dd form div.submit input { width: 100%; }
*/
div.error-messages { border: 1px dashed red; padding:0 20px; }
  div.error-messages h4 { color: red; }

#short-search form, #newsletter form { margin: 0; padding: 0; }
#short-search form legend { display: none; }
#short-search label, #newsletter label { padding: 0; width: 60px; color: white; font-weight: bold; } 
#short-search .simple input, #newsletter .simple input { width: 142px; background-color: white; }
#short-search .simple, #newsletter .simple { width: 226px; position: relative; }
#short-search .simple input.submit, #newsletter .simple input.submit { border: none; padding: 0; margin: 0; height: 20px; width: 28px; background-color: #575757; position: absolute; right: 0px; top: 11px; z-index: 9999; }


div#user form { margin: 0; padding: 0; position: relative; }
div#user label { display: none; }
div#user input { width: 99px; padding: 0 15px 0 10px; }
div#user input.submit { width: 28px; height: 20px; position: absolute; top: 11px; left: 116px; border: none; padding: 0; }

div.main-submit { position: relative; height: 32px; }

.col dl.product dt.formu { display: none; }
.col dl.product form { height: 1%; border: 1px solid #f0eeee; border-width: 1px 0; }
.col dl.product label { font-weight: bold; width: 74px; padding: 0; margin: 0; }
.col dl.product input.quantity { padding: 0 5px; width: 20px;  text-align: center;}
.col dl.product div.submit { padding: 0; }

.col dl.product div.submit input { height: 30px; }



p.actions {text-align: right; padding: 32px 0 0 0; }
  p.actions input { width: auto; height: 22px; border: none; padding: 0; }
  p.actions a { background: none; }

  .info1 a { background: none; }
  .info1 input { width: auto; height: 22px; border: none; padding: 0; }




/* =Extra ----------------------------------------------*/
#content a.b2 { font-size: 12px; color: white; font-weight: bold; padding: 0 10px; position: relative; text-align: center; float: left; height: 20px; line-height: 20px; _width: 20p; min-width: 20px; background: #575757 url(./../images/button2-left-bottom.gif) left bottom no-repeat; }
#content a.b2:hover {text-decoration: none; }
  #content a.b2 span { width: 9px; height: 20px; display: block; background: url(./../images/button2-right-top.gif) right top no-repeat; position: absolute; right: 0; top: 0; }
#content div.buttons { overflow: hidden; width: 100%; }
#content div.buttons a.b2 { float: left; }
#content div.buttons input { border:0; height: 20px; padding: 0 10px 0 0; width: auto; background: #ff8700 url(./../images/button1-right-bottom.gif) right bottom no-repeat; color: white; font-size: 12px; font-weight: bold; }
#content div.buttons div { float: right; margin: 0; padding:0 0 0 10px; background: #ff8700 url(./../images/button1-left-top.gif) left top no-repeat; }
.bortop { border: 1px solid #f0eeee; border-width: 1px 0 0 0; padding: 20px 0; }


div.summary p {  font-size: 1em;
       			 line-height: 1.4545454545454546em;   
		   	  }
 div.summary p em { display: block; font-style: normal; }	 
















ul#btm-tools { background: url(./../images/btm-helper-bg.gif) top left no-repeat; position: relative; padding: 0 20px; }
#bprodukty ul#btm-tools { background: url(./../images/btm-helper2-bg.gif) top left no-repeat; }
#bkoszyk ul#btm-tools,
#bzamowienie ul#btm-tools { border: 1px solid #f0eeee; border-width: 1px 0 0 0; background: none; }
  ul#btm-tools li { float: right; height: 40px; line-height: 40px; }
  ul#btm-tools li.back { float: left; }
  ul#btm-tools li.print { position: absolute; left: 715px; }
    ul#btm-tools li a { color: #ff8700; font-weight: bold; background: none; padding: 0 0 0 26px; margin: 0; display: block; }
    ul#btm-tools li a:hover { color: #ab0700; }
    ul#btm-tools li.print a { background: transparent url(./../images/printer.gif) left center no-repeat; }
    ul#btm-tools li.back a { background: transparent url(./../images/circle-arrow-left.gif) left center no-repeat; } 
    ul#btm-tools li.back-to-top a { background: transparent url(./../images/circle-arrow-top.gif) left center no-repeat; }



div#footer { background: #f0eeee url(./../images/gray-ctl.gif) top left no-repeat; }
  div#footer div { float: left; width: 655px; padding: 20px 20px; height: 36px; background: url(./../images/gray-cbr.gif) bottom right no-repeat; }
    div#footer div ul { margin: 0; list-style: none; }
      div#footer div ul li { float: left; margin: 0; display: inline; padding: 0 11px 0 12px;  background: url(./../images/separator1.gif) left center no-repeat; }
      div#footer div ul li.first { background: none; padding-left: 0;  }
        div#footer div ul li a { font-weight: bold; background: none; color: #575757; padding: 0; margin: 0; }  
        
 
  div#footer p { position: relative; color: white; float: right; width: 235px; padding: 20px 20px; height: 36px; background: #ff7900 url(./../images/footer-orange-t.jpg) left top no-repeat; }
  div#footer p span { display: block; position: absolute; left: 0; bottom: 0; width: 19px; height: 19px; background: #ff7900 url(./../images/orange-cbl.gif) bottom left no-repeat; }
  div#footer p a { color: white; font-weight: bold; padding: 0; margin: 0; }
    div#footer div p { clear: both; float: left; color: #575757; width: auto; padding: 0; height: auto; background: none; margin: 0;  }















#cat-menu
{
        position: relative;
        width: 370px;
        height: 95px;
        background: #f0eeee url(./../images/shadow.gif) left bottom no-repeat;
		z-index: 10;
		margin-top: -38px;
		margin-bottom: -12px; 
		
}
#cat-menu a { background: none; padding: 0; margin: 0; }

#cat-menu div
{
        position: absolute;
        width: 185px;		
        height: 38px;        
}

#cat-menu div a 
{ 
        text-decoration: none; 
        position: absolute;
        display: block;
        width: 185px;
        height: 38px;
        /*z-index: 1;  */
        
}

#cat-menu div a:hover {  }

/* SUBCATEGORY */
#cat-menu ul
{
        position: absolute;
        /*z-index: 5;*/
        list-style: none;        
        width: 185px; 		      
}

#cat-menu ul li
{
        position: relative;
        float: left;
        width: 185px;
        height: 38px;        
        background-color: #f0eeee;        
}

#cat-menu ul li a
{
        display: block;                
        position: absolute;
        left: 0;
        top: 0;        
        width: 150px;		
        height: 38px;
		line-height: 38px;
        text-decoration: none;
		background: none;
		margin: 0; 
		font-weight: bold;
}

.new-account { text-align: center; margin-top: 10px; }
.new-account a { display: block; width: 200px; margin: 0 auto; background-color: #FF7900; padding: 5px 10px; font-size: 16px; color: #fff; }
.new-account a:hover { color: #fff; text-decoration: none; }

.tag-cloud-wrapper { margin: 0; padding: 24px 20px; }
    .tag-cloud {}
        .tag-cloud li { display: inline; padding: 0 4px 0 0; line-height: 2em; }
            .tag-cloud a { font-weight: normal; font-size: 16px; }
                .tag-cloud big a { font-size: 18px; }
                    .tag-cloud big big a { font-size: 27px; }
                .tag-cloud small a { font-size: 13px; } 
                    .tag-cloud small small a { font-size: 11px; }
    
#unavaliable { width: 500px; height: 200px; margin: 100px auto 0 auto; }    
    #unavaliable #top { background: none; height: 100px; }    
    #unavaliable p { font-size: 12px; }    
    #unavaliable p.big { font-size: 16px; font-weight: bold; }


.search-result { margin: 0 0 15px 0; padding: 0 0 15px 0; border: 1px solid #f0eeee; border-width: 0 0 1px 0; }
.search-result p { margin: 0 20px 0 0; }

.search-result .index { float: left; padding-top: 10px; }
.search-result .image { float: left; }
.search-result .text { float: left; padding-top: 10px; width: 400px; }

#payment-types { margin-top: 10px; }