/* tymczasowo - tmp, do zrobienia - todo, do usunięcia - deprecated, wersja kolorystyczna v_ */

/* General
============================================================ */

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	
}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, img {
	margin: 0;
	border: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;}
	
p {
	line-height: 16px;}

select {
	behavior: expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

/* Layout
============================================================ */
#wrapper { min-width: 760px; margin: 0 auto;}
.full { width: auto; }
.long { width: 980px; }
.short { width: 760px; }

/* Header */
#header { overflow: hidden; height: 360px; padding: 0;}
#header h1 { float: left; }
#header p {margin: 0; padding: 0;}
#header #advert { float: right; }
#header table img {display: block; }

/* TopMenu */
#topMenu { 
	width: 980px;
	height: 62px;
	text-align: left;
	list-style: none;
	margin: 0;
	padding:0;
}
#topMenu li { display: inline; margin: 0;	padding:0 }
#topMenu a { margin: 0; padding: 0; }
#topMenu a img { margin: 0; padding: 0; }

/* ToolBox */
#toolBox { padding: 0px 35px; text-align: right; overflow: hidden; height: 1%; }
#toolBox p { float: left; margin: 0 10px 0 0; font-size: 90%; text-transform: uppercase; }
#toolBox p label { vertical-align: baseline; }
#toolBox img { margin: 0 2px; vertical-align: middle; }
#toolBox label { margin: 0 2px; }
#toolBox input { font-size: 90%; }
#toolBox .login { margin: 0; float: none; font-size: 90%; text-transform: none; }
#toolBox .login span { padding: 0 5px; color: #888; }
#toolBox  input.loginUser { width: 80px; } /* login */
#toolBox a:hover { text-decoration: none; }

/* Content */
#container { margin: 0 0 15px 0; }
#content { }
#content td, #info td { vertical-align: top; }
#colCenter td {border: #ccc 1px solid; empty-cells: hide;}




/* Main content
============================================================ */
#colCenter { padding: 20px 15px 40px 15px; border-left: #FFF solid 2px; border-right: #FFF solid 2px}
#colCenter h2 { margin: 0 0 10px; padding: 6px 6px 6px 8px; font-size: 100%; text-transform: uppercase; }
#colCenter #breadCrumb { margin: 0 0 15px 0; padding: 10px; font-size: 90%; font-weight: bold; }
#colCenter #breadCrumb a { color: #fff; text-decoration: underline; }
#colCenter #breadCrumb a:hover { text-decoration: none; }
#colCenter #catDescription { margin: 5px; padding: 5px 10px; font-weight: normal; font-size: 90%; }


/* Info, Error, Warning Box
============================================================ */
.infoBox	{ margin: 0 0 25px; padding: 10px 10px 10px 50px; background: #fff url(http://img.istore.pl/img/client/version1/global/icoInfo.gif) 10px 10px no-repeat; }
.errorBox	{ margin: 0 0 25px; padding: 10px 10px 10px 50px; background: #fff url(http://img.istore.pl/img/client/version1/global/icoError.gif) 10px 10px no-repeat; }
.infoBox dt, .errorBox dt { margin: 0; padding: 0 0 1px 0; font-size: 100%; font-weight: bold; }
.infoBox dd, .errorBox dd { margin: 0; padding: 1px 0 0 0; font-size: 90%; }


/* Promo Box
============================================================ */
#colCenter #productList .promoBox dt strong  { color: #ff4500; font-size: 120%;}
#colCenter #productList .promoBox  {  background: transparent url (http://static.istore.pl/istore/7288/files/2129019.png) no-repeat center right;}

/* News Box
============================================================ */
#colCenter #newsBox { margin: 0 0 10px 0; border-top: 5px solid #fff; border-bottom: 5px solid #fff; padding: 5px 5px 0; background: none; }
#colCenter #newsBox h3 { margin: 0; padding: 0 0 10px 20px; font-size: 100%; font-weight: bold; text-transform: uppercase; }
#colCenter #newsBox h4 { padding-left: 5px; color: #669840; font-weight: bold; font-size: 90%; }
#colCenter #newsBox h4 span { font-weight: normal; color: #333; font-size: 90%; }
#colCenter #newsBox p { padding-left: 5px; font-size: 90%; }
#colCenter #newsBox p a { color: #669840; }


/* Sort Product
============================================================ */
#colCenter .sortProduct { text-align: right; font-size: 90%; margin: 5px 5px 0 5px ; padding: 6px 30px 6px 6px; border: solid 1px #ccc;}
#colCenter .sortProduct a { margin: 0 0 0 3px; }
#colCenter .sortProduct a.active { font-weight: bold; }
#colCenter .sortProduct span { font-size: 80%; font-weight: normal; }


/* Product Browse
============================================================ */
#colCenter #productList dt { margin: 0; padding: 10px 0 10px 25px; font-size: 100%; text-transform: uppercase; font-weight: bold; }
#colCenter #productList dt strong { margin-left: 5px; }
#colCenter #productList dt a { text-decoration: none; }
#colCenter #productList dt a:hover { text-decoration: underline; }

#colCenter #productList dd { margin: 0 0 10px; padding: 0; }
#colCenter #productList dd div { margin: 0; padding: 0 10px 0 5px; overflow: hidden; height: 1%; }
/* html #colCenter #productList dd div { float: left; display: inline; }*/
#colCenter #productList dd p { padding: 0; margin: 0; }

#colCenter #productList dd .price { float: right; margin: 0 0 5px 10px; padding: 10px; font-size: 100%; }
#colCenter #productList dd .price span { text-transform: uppercase; font-weight: bold; }
#colCenter #productList dd .price a { display: block; padding: 6px 0 0 25px; font-size: 90%; }
#colCenter #productList dd .price a:hover { text-decoration: none; }
#colCenter #productList dd .image { float: left; padding: 0 10px 5px 0; }
#colCenter #productList dd .image img { padding: 2px; display: block; }
#colCenter #productList dd .info { margin: 10px 0 0; font-size: 80%; text-transform: uppercase; }
#colCenter #productList dd .desc { margin: 5px 0; font-size: 90%; }
#colCenter #productList dd .desc a.excerpt { border: none; text-decoration: none; }
#colCenter #productList dd .desc a.more { white-space: nowrap; }
#colCenter #productList dd .producer { float: left; margin: 10px 10px 0 0; font-size: 90%; font-weight: bold; clear: left; }
#colCenter #productList dd .desc_property { float: left; margin: 10px 10px 0 0; font-size: 90%; clear: left; color:#8393CD; padding-bottom: 10px;}
#colCenter #productList dd .anchors { float: right; margin: 10px 0 10px; font-size: 90%; white-space: nowrap; }

#colCenter #productList dd a {}
#colCenter #productList dd a:hover { text-decoration: none; }
#colCenter #productList dd a.basket { padding: 6px 0 0 25px; }
#colCenter #productList dd a.inform { padding: 6px 0 0 25px; }

/* short view */
#colCenter #productList h3 { margin: 10px 0 0; padding: 3px 5px; font-size: 100%; }
#colCenter #productList ul { background: #fff; list-style: none; }
#colCenter #productList ul li { padding: 4px 5px; overflow: hidden; height: 1%; font-size: 90%; }
#colCenter #productList ul li strong { float: left; }
#colCenter #productList ul li a { float: right; width: 22px; height: 20px; margin-left: 10px; color: #000; text-decoration: none; }
#colCenter #productList ul li a span { display: none; }
#colCenter #productList ul li span { float: right; }
#colCenter #productList ul li strong a { float: none; width: auto; height: auto; margin: 0; background: none; }
#colCenter #productList ul li strong a:hover { text-decoration: underline; }


/* table view */
#colCenter #productList .tableView { text-align: center; padding: 0; margin: 0; }
#colCenter #productList div { padding: 0; }
#colCenter #productList .tableView h3 { padding: 12px 10px 5px 10px; margin: 0; background: none; line-height: 140%; height: 50px;}
#colCenter #productList .tableView h3 a { text-decoration: none; }
#colCenter #productList .tableView h3 a:hover { text-decoration: underline; }
#colCenter #productList .tableView p { margin: 0; padding: 0; }
#colCenter #productList .tableView p.image { margin: 10px 0 15px 0; height: 100px;}
#colCenter #productList .tableView p.promocja { text-align:right; margin-right: 20px;}
#colCenter #productList .tableView .nettoPrice { font-size: 80%; }
#colCenter #productList .tableView .addToBasket { padding: 8px 0 20px 0; font-size: 90%; }
#colCenter #productList .tableView .addToBasket a { padding: 3px 0 3px 26px; }
#colCenter #productList .tableView .addToBasket a:hover { text-decoration: underline; }

#colCenter #productList .tableView .promocja { margin: -10px 0 -50px 0; padding: 0; position:relative; top: 0; right: -50px;}



/* Product View
============================================================ */
h2 strong { color: #f00; padding-left: 10px; }
#colCenter #productView h3 {font-size: 16px; color: #328dce; margin-bottom: 15px;}
#colCenter #productView {padding: 15px 15px 25px 15px;}
#colCenter #productView .price { margin: 0 0 15px; padding: 10px; overflow: hidden; height: 1%; }
#colCenter #productView .price strong { display: block; }
#colCenter #productView .price strong.promo { color: #a60000; }
#colCenter #productView .price span.info { display: block; font-size: 9px; padding: 2px 0; }
#colCenter #productView .price span.basket { float: right; display: block; font-size: 100%; font-weight: bold; padding: 2px 0; }
#colCenter #productView .price a {  font-size: 90%; padding: 6px 0 0 25px; }
#colCenter #productView .price a:hover { text-decoration: none; }
#colCenter #productView .price a.buyMore { float: right; background: none; padding-left: 0; }

#colCenter #productView .productDesc { overflow: hidden; height: 1%; font-size: 90%; }
#colCenter #productView .productDesc .image { float: left; margin-right: 20px; text-align: right; }
#colCenter #productView .productDesc .image img { padding: 2px; display: block; margin: 0 0 5px; }

#colCenter #productView .productPhotos { overflow: hidden; height: 1%; }
#colCenter #productView .productPhotos img { padding: 2px; }
#colCenter #productView .productPhotos p { text-align: right; font-size: 80%; }

#colCenter #productView .review dt { padding: 0 0 5px; font-weight: bold; font-size: 90%; }
#colCenter #productView .review dt span { font-weight: normal; }
#colCenter #productView .review dd { margin: 0 0 10px; padding: 0 0 10px; font-size: 90%; }

#colCenter #productView .similar dt { padding: 10px 0 5px; font-weight: bold; font-size: 100%; }
#colCenter #productView .similar dd { overflow: hidden; height: 1%; padding: 5px 0; font-size: 90%; }
#colCenter #productView .similar dd a { float: right; font-weight: normal; }

/* Static shoppage
============================================================ */
#colCenter #clientPage { width: auto; overflow: auto; font-size: 11px; padding: 24px;}
#colCenter #clientPage h1 { font-size: 14px; padding: 6px; }
#colCenter #clientPage h2 { font-size: 13px; margin: 0; padding: 6px; text-transform: none; background: none; color: #000; }
#colCenter #clientPage h3 { font-size: 12px; padding: 6px; }
#colCenter #clientPage ul { padding: 5px 0 5px 20px; }

#colCenter #clientPage h1 {
	color:#3b3b3b;
	font-size:36px;
	line-height:40px;
	font-weight: normal;
	padding: 5px 0 ;
	}
#colCenter #clientPage h2 {
	font-family:  Georgia, "Times New Roman", Times, serif;	
	color:#444;
	font-size:24px;
	line-height:30px;
	font-weight: normal;
	padding: 10px 0 6px 0;
	}
#colCenter #clientPage h3 {
	color:#328dce;
	font-size:16px;
	line-height:24px;
	font-weight: normal;
	padding: 6px 0 12px 0;
	}
#colCenter #clientPage h4 {
	color:#328dce;
	font-size:14px;
	line-height:20px;
	padding:0 0 6px 0;
	}
#colCenter #clientPage h5 {
	color:#333;
	letter-spacing: 0.35em;
	font-size:11px;
	line-height:16px;
	padding: 5px 0 5px 0;
	}
#colCenter #clientPage h6 {
	color:#333;
	font-size:10px;
	line-height:14px;
	padding: 10px 0 10px 0;
	}
#colCenter #clientPage  p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	line-height:16px;
	margin-bottom:4px;
	text-align:justify;
	}

/* Treść zwykła
============================================================ */
#colCenter div { background: #fff; padding: 10px 10px 0; }
#colCenter div div { background: none; padding: 0; }
#colCenter div h4 { color: #A60000; font-weight: normal; }
#colCenter div p { padding: 0 0 10px; }
#colCenter div ol { padding: 0 0 10px 20px; }
#colCenter div ul { padding: 0 0 10px 20px; }

/* Dane tabelaryczne
============================================================ */
/* div używany do prostych dwukolumnowych zestawień */
#colCenter div.table { margin: 10px 0; padding: 0; }
#colCenter div.table h3 { margin: 10px 0 0; padding: 3px 5px; font-size: 100%; }
#colCenter div.table div { padding: 0; }
#colCenter div.table p { overflow: hidden; height: 1%; padding: 5px; font-size: 90%; }
#colCenter div.table p label { display: block; float: left; width: 300px; font-weight: bold; }
#colCenter div.table p span { display: block; clear: both; margin-left: 300px; font-size: 80%; }

/* table używane do bardziej rozbudowaych danych tabelarycznych */
#colCenter table.table { margin: 0 0 10px 0; width: 100%; }
#colCenter table.table th {	padding: 3px 5px; font-size: 95%; }
#colCenter table.table td { padding: 3px 5px; font-size: 90%; vertical-align: middle; }
#colCenter table.table td input { font-size: 100%; }
#colCenter table.table td.toCenter { text-align: center; }
#colCenter table.table td.toLeft { text-align: left; }
#colCenter table.table td.toRight {	text-align: right; }
#colCenter table.table td.withField { padding: 1px 5px; }

#colCenter #productView table.small { width: 70%; margin: 0 auto 10px auto; }
#colCenter #productView table.small th, #colCenter #productView table.small .price { padding: 5px 0; text-align: center; }

/* shoping cart */
#cartSummary { margin: 0 0 10px 0; width: 100%; }
#cartSummary th { text-align: right; font-size: 90%; padding: 2px 5px; background: #fff; }
#cartSummary td { padding: 3px 5px; background: #fff; font-size: 90%; vertical-align: middle; text-align: right; }
#cartSummary .empty { background: none; }

/* pager */
#colCenter .pagerBox { text-align: left; margin: 5px ; padding: 10px;}
#colCenter .pagerBox span { white-space: nowrap; padding: 0 10px; }
#colCenter .pagerBox span.found { font-size: 90%; }
#colCenter .pagerBox a { text-decoration: none; font-weight: bold; padding: 1px 6px; background: #f5f5f5; }
#colCenter .pagerBox strong { padding: 1px 2px; }


/* Zakładki
============================================================ */
#colCenter ul.tabs { padding: 0 0 2px; list-style: none; text-align: right; }
#colCenter ul.tabs li { display: inline; margin: 0 0 0 5px; border-style: solid solid none; padding: 2px 5px 3px; color: #fff; font-weight: bold; font-size: 90%; }
#colCenter ul.tabs li a { color: #fff; text-decoration: none; }
#colCenter ul.tabs li a:hover { text-decoration: underline; }
#colCenter ul.tabs li span { cursor: pointer; }
#colCenter ul.tabs li span:hover { text-decoration: underline; }
#colCenter ul.tabs li.active { color: #3e6ca0; background: #fff; }
#colCenter ul.tabs li.active span { cursor: text; }
#colCenter ul.tabs li.active span:hover { text-decoration: none; }

#colCenter ul.admin { margin-bottom: 10px; }

/* Formularz
============================================================ */
#colCenter form h3 { margin: 10px 0; padding: 6px; font-size: 100%; font-weight: bold; }
#colCenter form h3 span {	font-weight: normal; }

#colCenter form ul { list-style: none; padding: 0; }
#colCenter form ul li { background: #fff; overflow: hidden; height: 1%; padding: 5px; }
#colCenter form ul li label { display: block; float: left; width: 200px; font-weight: normal; font-size: 90%; }
#colCenter form ul li.required label { font-weight: bold; }
#colCenter form ul li label em { font-style: normal; vertical-align: 25%; }
#colCenter form ul li span { display: block; float: left; font-size: 80%; }
#colCenter form ul li span.info { clear: left; color: #888; width: 100%; }
#colCenter form ul li span label { display: block; float: none; width: auto; font-weight: normal; font-size: 100%; vertical-align: middle; }
#colCenter form	ul li span input { vertical-align: middle; font-size: 120%; margin: 1px 0; }

#colCenter form ul li input { font-size: 90%; }
#colCenter form ul li input.loginUser { width: 140px; } /* authorization/login */
#colCenter form ul li input.longField { width: 200px; } /* wyszukiwarka fraza */
#colCenter form ul li input.priceField { width: 60px; } /* wyszukiwarka cena */

#colCenter form ul li select { font-size: 90%; }
#colCenter form ul li textarea { font-size: 90%; font-family: Verdana, Arial, Tahoma, sans-serif; width: 300px; }

#colCenter form ul li.error { color: #f00; }
#colCenter form ul li.error input { background: #f7d2d2; }
#colCenter form ul li.submit { border: 0; background: none; text-align: right; }
#colCenter form ul li.accept { border: 0; background: none; font-size: 80% }
#colCetner form ul li.accept input {  }
#colCenter form ul li.accept label { width: auto; font-weight: normal; }

/* Admin menu
============================================================ */
#adminMenu { list-style: none; overflow: hidden; background: #fff; padding: 5px; margin-bottom: 10px; }
#adminMenu li {	float: left; display: block; padding: 0 10px 0 0; }
#adminMenu li:first-child { font-weight: bold; }
#adminManu li a { }
#adminMenu li a:hover { text-decoration: none; }

/* Mapa strony
============================================================ */
#colCenter #sitemap ul { padding: 0 0 0 30px; }
#sitemap li {
  background: transparent url(http://img.istore.pl/img/client/version1/global/bgMap1.gif ) repeat-y scroll 6px 50%;
  list-style-type: none;
  padding: 4px 0 0;
}
#sitemap li a {
  background: transparent url(http://img.istore.pl/img/client/version1/global/bgMap2.gif ) no-repeat scroll 8px 6px;
  font-size: 11px;
  padding-left: 20px;
  text-decoration: none;
}
#sitemap h3 {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 11px;
  height: 22px;
  margin: 12px 0px 0px;
  padding: 6px 0px 0px 2px;
}

/* Sidebars
============================================================ */
#colLeft { width: 310px; margin-right: 20px;}
#colRight {  width: 980px; background: #fff; margin: 0;}
#info {}

/* Boxes globaly */
#colLeft .box { width: 240px; }
#colRight .box { width: 190px; background: #fff; }

.box { padding: 20px 35px 20px 20px; }
.box ul { list-style: none; }
.box ul li { padding: 1px 5px 2px 0; }
.box ul li a { font-size: 90%; }
.box ul li a:hover { text-decoration: none; }
.box ul ul { padding: 5px 0 5px 15px; }

.box div { margin-top: 3px; }
.box div h3 { font-size: 90%; }
.box div label { font-size: 90%; }
.box div input { font-size: 85%; }
.box div input.input { width: 235px; height: 20px; margin: 0 0 10px 0; }
.box div input.input2 { width: 235px; height: 20px; margin: 10px 0 10px 0; }
.box div select { width: 140px;  }
.box div input.submit { width: 70px; height: 22px; text-transform: uppercase; font-weight:bold; background: url(http://static.istore.pl/istore/7288/files/2128174.png); background-repeat:repeat-x; background-position:center; margin: 0 10px 0 0;}
.box div input.submit2 { width: 50px; height: 22px; text-transform: uppercase; font-weight:bold;  background: url(http://static.istore.pl/istore/7288/files/2128174.png); background-repeat:repeat-x; background-position:center; margin: 0 10px;}
.box div a { font-size: 80%; }
.box div a:hover { text-decoration: none; }

#colLeft .box h4 { 
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.5em;
	margin-bottom: 20px;}

/* Kategorie */
.box1 ul { list-style: none; }
.box1 ul li { }
.box1 ul li a { padding: 0; margin: 0}
.box1 ul li a:hover { text-decoration: none; }
.box1 ul ul li {  }



/* Nowe i promowane */
.box2 .item, .box2 .item2 { margin: 3px 5px; text-align: center; }
.box2 .item h3 { }
.box2 .item h3 a, .box2 .item2 h3 a { font-size: 100%; }
.box2 .item a, .box2 .item2 a { text-decoration: none; }
.box2 .item a:hover, .box2 .item2 a:hover { text-decoration: underline; }
.box2 .item a img { margin: 5px 0; width: 120px; height: 90px; /* tmp */ border: 2px solid #f3f3f3; /* v_ */ }
.box2 .item2 a img { margin: 5px 0; height: auto; /* tmp */ border: 2px solid #f3f3f3; /* v_ */ }
.box2 .item span, .box2 .item2 span { display: block; padding-bottom: 5px; }
.box2 .item span a, .box2 .item2 span a { font-size: 1.1em; }

.box2 {margin-top: 20px;}

/* Kontakt */
#contacts li { padding: 5px 0; }
#contacts .contactName { padding: 0; font-weight: bold; }
#contacts .phone { padding-left: 25px; background: url(http://img.istore.pl/img/client/version1/global/telefon.gif) 0px center no-repeat; }
#contacts .mail { padding-left: 25px; background: url(http://img.istore.pl/img/client/version1/global/mail.gif) 0px center no-repeat; }

/* tabela info */
#info .box {float: left; display:inline; background: #fff;}

/* Footer
============================================================ */
#footerIS { padding: 5px 0 20px; color: #818181; font-size: 85%; text-align: center; }
#footerIS p:last-child { font-size: 110%; color: #000; }

#tapeIS { position: absolute; right: 0; top: 0; width: 300px; height: 100px; background: transparent url(http://img.istore.pl/img/client/version1/global/tapeTestIS.gif); }


body { 	
	background-color: #f2f8fe;
	background-image: url(http://static.istore.pl/istore/7288/photos/original/2107881.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;}
a {	color: #666; }
a:hover {color: #1c8fd9; }

#header { background: #fff; }
#topMenu { 	background-image: url(http://static.istore.pl/istore/7288/photos/original/2108377.jpg)  }
#topMenu a { color: #fff;}

#toolBox label { color: #000; }
#toolBox input { border: 1px solid #328dce; background: #fff; }
#toolBox input.submit { border: 1px solid #666; background: url(http://static.istore.pl/istore/7288/files/2128174.png); background-repeat:repeat-x; background-position:center;}

#container { }
#colCenter h2 { color: #fff; background: #328dce; }
#colCenter #breadCrumb { color: #fff; background: url(http://static.istore.pl/istore/7288/files/2128978.png) repeat; }
#colCenter #catDescription { background: url(http://static.istore.pl/istore/7288/files/2128978.png) repeat; color: #fff; }

.infoBox { border: 1px solid #328dce; }
.errorBox { border: 1px solid #f00; }

.box1 { background: #cce2f3; }
.box1 h4 {  }
.box1 ul li { background: url(http://img.istore.pl/img/client/version1/green/pointer.gif) 3px 6px no-repeat; padding-left: 17px; }
.box1 ul li a { color: #328dce; }

.box2 {
	color: #333; 
	background-image: url(http://static.istore.pl/istore/7288/files/2128076.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
.box2 h4 {  }
.box2 a { color: #603913; }
	
.box3 { 
	color: #333; 
	background-image: url(http://static.istore.pl/istore/7288/files/2128506.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.box3 h4 {  }
.box3 a { color: #603913; }

.box div input.input { border: 1px solid #666; background: #fff; height: 20px;}
.box div input.input2 { border: 1px solid #666; background: #fff; height: 20px;}
.box div input.submit { border: 1px solid #666; height: 20px; background: url(http://static.istore.pl/istore/7288/files/2128174.png); background-repeat:repeat-x; background-position:center;}
.box div input.submit2 { border: 1px solid #666; height: 20px; background: url(http://static.istore.pl/istore/7288/files/2128174.png); background-repeat:repeat-x; background-position:center; }


#colCenter ul.tabs { border-bottom: 1px solid #4ab4ff; margin: 25px 0;}
#colCenter ul.tabs li { border: 1px #4ab4ff; background: #4ab4ff; }
#colCenter ul.tabs li.active { color: #328dce; border-top: 1px solid #4ab4ff; border-left: 1px solid #4ab4ff; border-right: 1px solid #4ab4ff; }
#colCenter ul.admin li { border: 1px #4ab4ff; }
#colCenter ul.admin li.active { color: #328dce; background: #cce2f3; border-top: 1px solid #4ab4ff; border-left: 1px solid #4ab4ff; border-right: 1px solid #4ab4ff; }

#colCenter form h3 { color: #fff; background: #328dce; }
#colCenter form fieldset { border-right: 1px solid #328dce; border-left: 1px solid #328dce; }
#colCenter form fieldset p { border-bottom: 1px solid #328dce; }

#colCenter div.table h3 {	color: #fff; background: #328dce; }
#colCenter div.table div { border-right: 1px solid #328dce; border-left: 1px solid #328dce; }
#colCenter div.table p { border-bottom: 1px solid #328dce; }

#colCenter table.table th {	color: #fff; background: #328dce;	}
#colCenter table.table td { background: #fff; }

#colCenter .sortProduct { color: #333; background-color: none; }
#colCenter .sortProduct a { color: #333; font-weight: bold;  }
#colCenter .sortProduct a:hover { color: #1c8fd9; font-weight: bold;  }
#colCenter #productList dt.promoBox { background: #ffffc0 url(http://img.istore.pl/img/client/version1/green/arrow_big.gif) 5px center no-repeat; }
#colCenter #productList dd.promoBox div { background: #ffffc0; }

#colCenter #newsBox h3 { color: #ff4500; background: url(http://img.istore.pl/img/client/version1/green/arrow_big.gif) 0 0 no-repeat; padding-left: 30px; }
#colCenter #newsBox h4 { color: #3e6ca0; }
#colCenter #productList dt { border-top: 5px solid #4ab4ff; background: #fff url(http://img.istore.pl/img/client/version1/green/arrow_big.gif) 5px center no-repeat; padding-left: 35px; }
#colCenter #productList dt strong { color: #f00; }
#colCenter #productList dt a { color: #3e6ca0; }
#colCenter #productList dd { border-bottom: 2px solid #328dce; }
#colCenter #productList dd div { border-bottom: 5px solid #4ab4ff; background: #fff; }

#colCenter #productList dd .price { color: #3e6ca0; background: #cce2f3; }
#colCenter #productList dd .price a { background: url(http://img.istore.pl/img/client/version1/green/kosz.gif) 0 4px no-repeat; }
#colCenter #productList dd .image img { border: 2px solid #4ab4ff; }
#colCenter #productList dd .info span { color: #f00; }
#colCenter #productList dd .desc a.excerpt { color: #000; }
#colCenter #productList dd .producer { color: #669840; }

#colCenter #productList dd a { color: #446CB1; }
#colCenter #productList dd a.basket { background: url(http://img.istore.pl/img/client/version1/green/kosz.gif) 0 4px no-repeat; }
#colCenter #productList dd a.inform { background: url(http://img.istore.pl/img/client/version1/green/powiadom.gif) 0 7px no-repeat; }

#colCenter #productList h3 { color: #0b98e1; background: #328dce; }
#colCenter #productList ul li { border-bottom: 1px solid #cce2f3; }
#colCenter #productList ul li a { background: url(http://img.istore.pl/img/client/version1/green/kosz.gif) no-repeat top center; }

#colCenter #productList .tableView { background: #fff; background: #fff; }
#colCenter #productList .tableView div { background: transparent; }
#colCenter #productList .tableView .addToBasket a { background: url(http://img.istore.pl/img/client/version1/green/koszNew.gif) left center no-repeat; }

#colCenter #productView .price { background: #cce2f3; }
#colCenter #productView .price a { background: url(http://img.istore.pl/img/client/version1/green/kosz.gif) no-repeat 0 4px; }
#colCenter #productView .productDesc .image img { border: 2px solid #cce2f3; }
#colCenter #productView .productPhotos img { border: 2px solid #cce2f3; }
#colCenter #productView .review dd { border-bottom: 2px solid #cce2f3; }
#colCenter #productView .similar dt { border-bottom: 2px solid #cce2f3; }
#colCenter .pagerBox a:hover { background: #cce2f3; }

.newsletter { 
	color: #fff; 
	background-image: url(http://static.istore.pl/istore/7288/files/2128080.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-top: 40px;}
	
.searchproduct {
	color: #fff; 
	background-image: url(http://static.istore.pl/istore/7288/files/2128078.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-bottom: 5px;
	}
.producers { margin-bottom: 20px;}	
.categories, .contacts {margin-top: 0;}

.own_150897, .own_175096, .own_175097, .own_175098  {
	background-image: none;
	padding: 0;
	margin-right: 40px;
	}
.own_175096 h4, .own_175097 h4, .own_175098 h4  {
	color: #1c8fd9;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 14px;
	border-bottom: #1c8fd9 1px solid;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
.own_175096 a, .own_175097 a, .own_175098 a, .contacts a  {
	color: #858585;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 11px;
	line-height: 20px;
}
.own_175096 a:hover, .own_175097 a:hover, .own_175098 a:hover, .contacts a:hover   {
	color: #1c8fd9;
	text-decoration: underline;
}
.contacts h4 {
	color: #b6c92f;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 14px;
	border-bottom: #b6c92f 1px solid;
	padding-bottom: 5px;
	margin-bottom: 30px;}
	
.categories ul li {
	padding: 0;
	margin: 0;
}
.categories ul li a{
	font-size: 15px;
	color: #5a6800;
	list-style-type:none;
	line-height: 32px;
	letter-spacing: 1px;
	text-indent: 12px;
	border-bottom: 1px solid #9daf21;
	text-decoration:none;
	color: #5a6800;
	display: block;
	padding: 0;
	margin: 0;
}

.categories ul li a:hover {
	text-decoration:none;
	color: #fff;
	background:transparent url(http://static.istore.pl/istore/7288/files/2129025.png);
}
.categories ul li ul li a {
	font-size: 12px;
	color: #5a6800;
	list-style-type:none;
	line-height: 22px;
	letter-spacing: 0;
	text-indent: 10px;
	border-bottom: none;

}
.categories ul li ul li ul li a {
	font-size: 12px;
	color: #5a6800;
	list-style-type:none;
	line-height: 18px;
	letter-spacing: 0;
	text-indent: 20px;
	border-bottom: none;

}
.categories ul li ul li a:hover {
	text-decoration:none;
	color: #fff;
	background: none;
}

a img  {border: none;}

#topMenu li { display: inline; margin: 0;	padding:0 }
#topMenu a { margin: 0; padding: 0; }
#topMenu a img { margin: 0; padding: 0; }

.oblewanie {float:left; margin: 0 20px 5px 0;}

.oszcz {margin-bottom: 20px;}
.oszcz img {float:left; margin:0; padding: 0;}
.oszcz a img {float:left; margin:0; padding: 0;}

@charset "utf-8";

/* CSS Document */