/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { color: #FFF; font: 11px Tahoma, Helvetica,Verdana, Arial ; line-height: 16px; background: #556a49 url('../gfx/bg.gif') 0 0 repeat-x; margin-top: 21px;} 

a { text-decoration: none; color: #ffc002; }
a img {border: none;}
a:link, a:visited {color: #ffc002; text-decoration: none;}
html body a:hover {text-decoration: underline; }

p { padding:  5px 20px 10px 20px; font-size: 11px; }
.img_padding { padding: 0 20px 0 25px; }
.img_padding p { padding-left: 0 ; padding-left: 0 ;}

h1 { 	color: #01461a; padding:  15px 20px 5px 20px; font-size: 13px; }
h2 { 	color: #FFF; padding:  0 12px 5px 12px; margin: 0 4px; font-size: 12px; background: url('../gfx/dots.gif') 0 0 repeat-x;}
h2 span { background-color: #016a16; border: 1px solid #016a16; padding: 0 20px 0 8px ; }
h3 { 	color: #ffff99; padding:  5px 20px 5px 20px; font-size: 11px; }
h4 { 	color: #9a9a9a; padding:  15px 20px 5px 20px; font-size: 11px; }

ul,li,form,input { font: 11px Tahoma, Helvetica,Verdana, Arial ;}

/* Listy  ///////////////////////////////////////////////////////////////////////////////////  */
ul { margin: 5px 20px; }
li { padding: 0 0 5px 20px; list-style-type: none; background: url('../gfx/m.gif') 0px 6px no-repeat; line-height: 16px;  }
ul.alphabet { margin-left: 40px; }
.alphabet li { list-style-type: upper-alpha; padding: 5px 0; background: none; }
/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
input,textarea,select { color: #333; vertical-align: middle; font-size: 11px; padding: 0; margin: 0; }
textarea, input.text, select { border: 1px solid #003212; background-color: #FFF; width: 150px; padding: 1px 4px; }
textarea {
	height: 90px;
	width: 180px;
	background: url('../gfx/input.gif') 0 0 no-repeat;
}
select { width: 160px; padding: 0; }
input.button { border: 1px solid #003212; background-color: #00923f;	font-weight: bold; padding: 2px 5px; color: #FFF; cursor: pointer; width: auto; overflow: visible; }
input.light { background-color:#cccccc; }


/* Ogólne  ///////////////////////////////////////////////////////////////////////////////////  */
.clearing { clear: both; line-height: 0.1%; font-size: 0.1%; }
p.more { padding: 0; }
p.more a { background: url('../gfx/more.gif') right center no-repeat; padding: 0 8px 0 0; }
.fl { float: left }
.fr { float: right }
.l_img { float: left;  margin: 0 25px 10px 20px; }
.r_img { float: right; margin: 0 0 10px 15px; }
.c_img { text-align: center; margin: 0 15px 10px 15px; }
.separate { background: url('../gfx/d.gif') 0 7px repeat-x;  height: 14px; }

.info .al_center {
	text-align: center;
}

.info .al_right {
	text-align: right;
}
/* USABILITY /////////////////////////////////////////////////////////////////////////////////// */
.skiplink { position: absolute; left: 0px; top: -500px; overflow: hidden; }
.lay { margin: 10px 20px; }
.lay,.lay td { border-collapse: collapse; padding: 0; vertical-align: top; }
.lay img { border: 1px solid #000; }
/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
#container { width: 871px; margin: 0 auto; }
#content { width: 871px;  background: #01461a url('../gfx/c.gif') 0 0 repeat-y;  } 
#header { width: 871px; height: 110px; background: url('../gfx/logo.jpg') 0 0 no-repeat;  }
.ru #header { background: url('../gfx/logo_ru.jpg') 0 0 no-repeat;  }
.en #header { background: url('../gfx/logo_en.jpg') 0 0 no-repeat;  }
/* LOGO ///////////////////////////////////////////////////////////////*/
#logo { float: left; }
#logo a { width: 393px; height: 110px; display: block; }
#logo a span { display:none; }

#top_nav { float: left; width: 478px;  }
#flag { height: 16px; text-align: right; padding: 5px 20px 0 0; overflow:hidden; }
#flag a { font-size: 9px; line-height: 12px; padding: 0 20px 0 10px; display: block; float: right; color: #FFF;  }

a#flag_pl { background: url('../gfx/f_pl.gif') right center no-repeat; }
a#flag_en { background: url('../gfx/f_eng.gif') right center no-repeat; }
a#flag_ru { background: url('../gfx/f_ru.gif') right center no-repeat; }

#basket_panel { margin: 0px 16px 0 0; background: url('../gfx/panel.gif') 0 0 no-repeat; float: right; color: #a1c7a5; height: 31px;}
#basket_panel ul { margin:0; padding: 7px 0 10px 0;  background: url('../gfx/panel_2.gif') right top no-repeat; }
#basket_panel li { display: inline; padding: 0 12px 0 11px; background: none; }
#basket_panel a { color: #FFF; }
#profile,#login { background: url('../gfx/sep.gif') right center no-repeat; }
#profile a { padding-left: 3px; }
li#gotobasket { padding-right: 0; }
li#temp { padding-right: 3px; }
#gotobasket a { background: url('../gfx/basket.gif') 0 0 no-repeat; padding-left: 24px;  }
li#show_more { padding: 0;  }
#show_more a { width: 12px; height: 12px; }

#hiddenCart {
	z-index: 2;
	margin-top: 53px;
	margin-left: 210px;
}
.more_info { font-size: 9px; background-color: #ffcc33; color: #000; width: 253px; text-align: left; border: 1px solid #01461a; border-collapse:collapse; }
.more_info td, .more_info th { border: 1px solid #01461a;  padding: 1px 4px; }
.more_info a { color: #000; font-weight: normal; }

/*  LOCALISER  //////////////////////////////////////////////////////////////////////////////// */
#localiser {  background: url('../gfx/loc.gif') left top no-repeat; padding: 20px 15px 15px 15px; }
#localiser div { font-size: 9px; background: url('../gfx/d.gif') left bottom repeat-x; color: #bababa; font-weight: bold; color: #ede9cc; 
padding: 0 10px 5px 10px;  }
#localiser a { font-weight: normal; color: #ede9cc; padding: 0 7px; background: url('../gfx/arr.gif') right center no-repeat; display: inline; }
#page { width: 601px; float: left; background: url('../gfx/con_2.gif') 0 0 repeat-y; }
#gfx1 { width: 610px; height: 22px; background: url('../gfx/con_1.gif') 0 0 no-repeat; }
#gfx2 { width: 610px; height: 12px; background: url('../gfx/con_3.gif') 0 0 no-repeat; line-height: 11px; font-size: 9px; margin-top: 20px; }


.title { padding-left: 6px; }

/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { background: url('../gfx/footer.gif') 0 0 no-repeat; color: #a9b28f; padding-top: 17px; }
#footer span { padding: 0 12px; }
#footer a {color: #bcc4a3;}
.best { float: right; padding-right:15px; }

/*MENUTOP  ///////////////////////////////////////////////////////////////////////////////////  */
#menuTop { width: 476px; margin-top: 28px;}
#menuTop ul { margin: 0; padding: 0; }
#menuTop li { list-style-type:none; float: left; margin: 0; padding: 0; background: none; }
#menuTop a { display:block; height: 29px; background-position: 0 0; background-repeat: no-repeat; }
#menuTop a span { display: none; }
#menuTop a#item_home { background-image: url('../gfx/b_1.gif'); width: 120px; }
#menuTop a#item_ofirmie{ background-image: url('../gfx/b_2.gif'); width: 68px; }
#menuTop a#item_certyfikaty{ background-image: url('../gfx/b_3.gif'); width: 82px; }
#menuTop a#item_zasadywspolpracy{ background-image: url('../gfx/b_4.gif'); width: 126px; }
#menuTop a#item_kontakt{ background-image: url('../gfx/b_5.gif');  width: 80px;}

.ru #menuTop a#item_home { background-image: url('../gfx/b_1ru.gif'); width: 142px; }
.ru #menuTop a#item_ofirmie{ background-image: url('../gfx/b_2ru.gif'); width: 78px; }
.ru #menuTop a#item_zasadywspolpracy{ background-image: url('../gfx/b_3ru.gif'); width:71px; }
.ru #menuTop a#item_certyfikaty{ background-image: url('../gfx/b_4ru.gif'); width: 102px; }
.ru #menuTop a#item_kontakt{ background-image: url('../gfx/b_5ru.gif');  width: 83px;}

.en #menuTop a#item_home { background-image: url('../gfx/b_1en.gif'); width: 107px; }
.en #menuTop a#item_ofirmie{ background-image: url('../gfx/b_2en.gif'); width: 114px; }
.en #menuTop a#item_zasadywspolpracy{ background-image: url('../gfx/b_3en.gif'); width:79px; }
.en #menuTop a#item_certyfikaty{ background-image: url('../gfx/b_4en.gif'); width: 93px; }
.en #menuTop a#item_kontakt{ background-image: url('../gfx/b_5en.gif');  width: 83px;}

#menuTop a:hover,
#menuTop a.selected { background-position: 0 -29px; }

/* MENU  /////////////////////////////////////////////////////////////////////////////////// */
#menu { float: left; width: 254px; background: url('../gfx/menu_bg.gif') 0 0 no-repeat; }
#menu ul { margin: 15px 27px 0 15px; padding:0; }
#menu ul li { list-style:none; background: url(../gfx/l.gif) 0 0 repeat-x; margin:0; padding: 0; width: 212px;  line-height: 14px; }
* html #menu ul li { height:1px; vertical-align:bottom; }
#menu ul li a { background: url(../gfx/l1.gif) 2px 13px no-repeat; display:block; padding: 8px 0 7px 17px; text-decoration:none; color:#FFF; font-size: 12px; }
#menu ul li a:hover { text-decoration: underline }
#menu ul li.selected a { background: url(../gfx/l1.gif) 2px -67px no-repeat; }
* html #menu ul li a { height:1px; }

#menu ul ul { margin:0; padding: 0; }
#menu ul ul li { margin:0; padding: 0; background-image: none; border-bottom: 1px solid #01461a; }
* html #menu ul ul li { height:1px; vertical-align:bottom;  }
#menu ul ul li a { font-size: 11px; padding: 4px 2px 5px 12px; color:#ede9cc; background-image: none; background-color: #19562c; }
#menu ul ul li.selected a{ color:	#ffa319; font-weight: bold; background-image: none; background-color: #19562c; }
* html #menu ul ul li a { height:		1px; }

#menu ul ul ul { margin:0; padding: 0; }
#menu ul ul ul li { margin:0; padding: 0;  }
* html #menu ul ul ul li { height:1px; vertical-align:bottom; }
#menu ul ul ul li a { font-size: 9px; padding: 3px 2px 4px 12px; color:#FFF; display:block; background: #0d4e23 url(../gfx/l3.gif) 5px 8px no-repeat;}
#menu ul ul ul li.selected a { background: #0d4e23 url(../gfx/l3.gif) 5px 8px no-repeat; color:	#FFF; }
* html #menu ul ul ul li a { height:		1px; }

.panel { margin: 5px 20px 0 0; background: url('../gfx/p_1.gif') 0 0 no-repeat; float: right; color: #a1c7a5; height: 24px; display: inline;}
.panel ul { margin:0; padding: 3px 13px 10px 13px;  background: url('../gfx/p_2.gif') right top no-repeat; }
.panel li { display: inline; padding: 0 8px 0 8px; background-image: none; }
.panel a { color: #FFF; }
.sep {  background: url('../gfx/s.gif') right top no-repeat; padding-right: 18px;  }

/*PAGINACJA SORTOWANIE  //////////////////////////////////////////////////// */
.nav { width: 100%; padding: 0; font-size: 0.8em; background: #ed1c24 url('../gfx/pag.gif') 0 0 repeat-x; }	
.num_navi,.changeView,.sort { float: left; }
.num_navi, .changeView{ padding: 10px 10px 10px 0; margin: 0; }
.num_navi { background-image: none; }
.prev { background: url(../gfx/loc2.gif) left center no-repeat; padding-left: 8px; }
.next { background: url(../gfx/loc.gif) right center no-repeat; padding-right: 8px; }
.numbers { padding: 0 10px; }
.numbers a { padding: 2px 5px; }
.numbers span.last a { background-image: none; }
.numbers span.sel a { background-color: #ce9f87; color: #FFF; }
.sort { margin: 0; background: url(../gfx/news_sep.gif) left center no-repeat; }
.sort form { display: inline;	vertical-align:middle; float: left;	}
.sort label { padding: 10px 15px; float: left; display: block; }
.sort select { display: inline; margin: 8px 0 0 0;	padding: 0;	font-size: 9px; }
a.up, a.down { background: url(../gfx/up_down.gif) 0 0 no-repeat; width: 60px; height: 14px; display: block; float: left; margin-top: 5px; }
a.down { background: url(../gfx/up_down.gif) 0 -100px no-repeat; }
.up span, .down span  { display: none; }
.changeView { margin-left: 0px; padding-left: 20px; background: url(../gfx/news_sep.gif) left center no-repeat; }
.changeView label { padding: 0; float: left; display: block; margin-right: 15px; }
a.cols, a.rows { background: url(../gfx/rows_cols.gif) 0 -110px no-repeat; width: 40px; height: 14px; display: block; float: left; }
a.rows { background: url(../gfx/rows_cols.gif) 0 0 no-repeat;}
.changeView a span, .changeView a span  { display: none; }

.iso { float: right; width: 258px; }

/* Product  ///////////////////////////////////////////////////////////////////////////////////  */
table h1 { padding: 0 ; }
table p { padding: 10px 0 0 0; }
.product {
	margin: 0 0 0 26px;
	padding: 0;
	border-collapse: collapse;
	width: 550px;
}
.product td {
	vertical-align: top;
}
	
td.thumb {
	width: 54px;
}
.thumb img { border: 1px solid #000; }

.value { font-weight: bold; }
.product .desc { padding: 0 10px 0 20px; color: #FFF; text-align:justify; }

/* PRINT  RECOMMEND TOP BACK ///////////////////////////////////////////////////////////////*/
#nav_bot { margin: 0 0 0; padding: 15px 15px 5px 0;  }
#nav_bot a { display: block; font-size: 9px; float: right; color: #deddc0; font-weight: normal; text-decoration: none; padding: 2px 14px 2px 0; margin-left: 20px; }
#nav_bot a:hover { text-decoration: underline; }
.totop {  background: url(../gfx/top.gif) right center no-repeat; cursor: pointer; } 
.print {  background: url(../gfx/print.gif) right center no-repeat; cursor: pointer; }



/* CATEGORY LIST  ////////////////////////////////////////////////////////////////////////////////  */
#categoryList { height: 400px; overflow:auto; margin: 5px 0 0 0; }
div.module { display: inline; float: left; background-image: url('../gfx/bg_prod.gif'); width: 146px; padding: 6px; margin: 0 0 18px 18px; 
	voice-family: "\"}\""; voice-family:inherit;	width: 116px; }
.module .image { background-repeat: no-repeat; background-position: 0 0; }
.module .label { background-color: #FFF; color: #000; font-size: 0.7em; line-height: 16px; padding: 2px 0;}
.module .image a { width: 116px; height: 81px; display: block; border: 1px solid #d68720;}
.module .image a:hover, 


/* TABELE  ///////////////////////////////////////////////////////////////////////////////////  */
table { font-size: 11px;  }
.info {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	border-collapse: collapse;
	color: #000;
	border-bottom: 5px solid #333333;
}
.info td { padding: 5px 4px; border: 1px solid #016a16; border-left: 1px solid #c1c17a; border-right: 1px solid #c1c17a; border-collapse: collapse; vertical-align: middle; text-align: left; background-color: #ffcc33; }
.info td.first {
	font-weight: bold;	
}
.info .td_nobd { background-image: none; }
.info th { font-weight: normal; font-size: 9px; background-color: #333333;	padding: 10px 6px; color: #FFF; text-align: center; border-color: #333333;}
.buttons td { text-align: center; padding-top: 12px; padding-bottom: 12px; background-image: none; }
.line0 td { background-color: #ffff99; }
th.price {
	color: #ffa319;
	font-size: 11px;
	font-weight: bold;
	width: 120px;
}
td.price p {
	margin: 0px;
	padding: 0px;
	float: right;	
}
.info a img { border: 1px solid #000; }
.info img {
	border: 1px solid #000;	
}
.info th img {
	border: 0px;	
}
.info input {
	margin: 0 5px;	
}
.info input.text {
	width: 150px;
	background: url('../gfx/input.gif') 0 0 no-repeat;
	margin: 0 5px;
	text-align: left;
	float: left;
}
.info textarea {
	margin: 0 5px;	
}
.info select {
	margin: 0 5px;	
}
.info input.addtobasket {
	background: url('../gfx/addto.gif') 0 0 no-repeat;
	width: 20px;
	height: 15px;
	border: none;
	cursor: pointer;
	float: left;
}
.info span.price {
	color: #01461a;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

#smallMenu { float: right; background:  url('../gfx/zobacz.gif') right top no-repeat; margin: 0 20px 0 25px; }
.ru #smallMenu { background:  url('../gfx/zobacz_ru.gif') right top no-repeat; }
.en #smallMenu {background:  url('../gfx/zobacz_eng.gif') right top no-repeat; }

#smallMenu ul { margin: 0; padding: 21px 0 0 0; }
#smallMenu li { margin: 0; padding: 0; }
#smallMenu ul li a { display:block; padding: 1px 8px 2px 18px; color:#000;  font-size: 9px;  text-decoration:none; border-bottom: 1px solid #016a16; background:  #ffcc33 url('../gfx/m.gif') 7px 7px no-repeat;}
#smallMenu ul li a:hover { background-color: #ffff99; }

.info a {
	color: #333;
	font-weight: bold;
}

/* TABELA KOSZYK */
.basket {
	margin-left: 20px;
	margin-right: 20px;	
}
.basket td { padding: 4px 5px 3px 5px; border: 1px solid #ffb61a; }
.basket th {
	border: 1px solid #333;
	border-bottom: 0px;
}
.head td { color: #83391f; background-color: #ffb61a; padding: 5px 5px; font-weight: normal; background-image: none;   }
.head a { color: #990000; text-decoration: underline; }

.basket .num img {
	border: 0px;
	vertical-align: middle;	
}
.info .money {
	background-color: #ffb61a;
	text-align: right;
}
td.money_sum {
	background-color: #ffb61a;
	font-weight: bold;
	text-align: right;
}
.basket td.details {
	vertical-align: middle;
}
.basket td.details img {
	float: left;
	margin: 0 4px 1px 0;
	border: 1px solid #000;	
}
.basket td.details div {
	display: inline;
}
.info td input.num {
	width: 16px;
	margin: 0 0 0 4px;
}

/* TABELA PORÓWNAWCZA */
.compare td,
.compare th { padding: 5px 5px 7px 5px; }

/* PROFIL UZYTKOWNIKA */
.orders td,
.orders th { padding: 6px; font-size: 9px; text-align: left; }
.orders { font-size: 9px; margin: 10px; border-collapse: collapse; }
.info .info { margin: 0; width: auto; }	
.orders p { font-size: 9px; }
.orders h5 { color: #8bd618;  font-size: 12px;  margin: 0 0 3px 0; }

/* INSANE */
/* start for JS:changeElementVisibility(elementName) */
.hide { display: none; }
tbody.show { display: table-header-group; }
/* tbody version for IE */
tbody.ieshow { display: block; }
span.shortPrice input { width: 40px; margin-right: 18px; }
table.advSearch { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; }
table.advSearch tr.buttons { text-align: center; }
table.advSearch th { padding: 4px 24px 4px 0; font-weight: bold; text-align: left; }
table.advSearch td { padding: 4px 0; }
table.advSearch td table.checkboxes { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; }
table.advSearch td table.checkboxes td { padding: 2px 8px 2px 0; }
table.advSearch td table.checkboxes td.ch { vertical-align: middle; }
table.advSearch td table.checkboxes td.split { padding-left: 40px; }
.staticInfo { padding: 40px 10px; text-align: center;	}
.staticInfo p { margin-bottom: 20px; font-weight: bold; text-align: center; }
.stat { text-align: center; }
.stat a img { border: 0px; }
.small { font-size: 9px; font-weight: normal; }
#reg { height: 408px; overflow:auto; margin: 5px 0 0 6px; padding: 0 10px 0 0; }
#reg ol { padding: 5px 0 5px 20px; margin: 0 0 20px 0; }
#reg li { padding: 0 15px 8px 23px; line-height: 15px; }
#reg .norm li { padding-bottom: 2px; }

input.next {
	padding: 2px 24px;
}
td.hr {
	border: 0px;
	background: url('../gfx/hr.gif') 0 10px repeat-x;
	height: 22px;
}

#popup {
	background: #01461a;
	padding-left: 10px;
}

#popup div.buttons {
	text-align: center;
	padding: 12px 0;
}

div.errors {
	border: 1px solid #fff;
	padding: 6px;
	margin: 0 20px 12px 22px
}

div.errors h3 {
	font-weight: bold;
	background: #ffff99;
	color: #01461a;
	padding: 9px 12px;
	margin: 0px;
	font-size: 11px;
}

div.errors ul {
	margin-top: 24px;
}
div.fits {
	margin-left: 20px;
	margin-bottom: 6px;
	margin-top: 6px;
	padding-left: 2px;
	padding-bottom: 14px;
	background: url('../gfx/hr.gif') bottom left repeat-x;
}

div.fits p {
	margin: 0 0 0 12px;
	padding: 0px;
}

div.fits a img {
	float: left;
	margin-right: 8px;
}

.profileMenu {
	margin-left: 20px;
	margin-bottom: 20px;
}

.profileMenu a {
	margin-right: 28px;
	background: url('../gfx/more.gif') 0 4px no-repeat;
	padding-left: 10px;
}
div.orderDetails {
	margin-left: 24px;
}
div.orderDetails p {
	margin: 0px;
	padding: 0px;
}