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

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

body {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, img {
	margin: 0;
	border: 0;
	padding: 0;
}

h1 {font-size: 14pt}
h2 {font-size: 12pt}
h3 {font-size: 11pt}
h4 {font-size: 10pt}
h2 a:hover {text-decoration: underline;}

a {text-decoration: none}

select {
	behavior: expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}
#shoplogo {width: 200px; height:51px; margin: 10px 0 0 0; background: transparent url('http://jazzshop.eximius.pl/img/shop-logo.gif') top left no-repeat;}
/* Layout
============================================================ */
#wrapper { min-width: 760px; margin: 0 auto;}
.full { width: auto; }
.long { width: 980px; }
.short { width: 760px; }

/* Header */
#header { overflow: hidden; height: 1%; padding: 15px 10px; }
#header h1 { float: left; }
#header #advert { float: right; }
#header table img {display: block;}

/* TopMenu */
#topMenu { padding: 5px; text-align: center; list-style: none; line-height: 20px; }
#topMenu li { display: inline; }
#topMenu a {  padding: 0 0 2px 17px; font-weight: bold; text-decoration: none;  white-space: nowrap; }

/* ToolBox */
#toolBox { padding: 5px 35px; text-align: right; overflow: hidden; height: 1%; }
#toolBox p { float: left; margin: 0 10px 0 0; text-transform: uppercase; }
#toolBox p label { vertical-align: baseline; }
#toolBox img { margin: 0 2px; vertical-align: middle; }
#toolBox label { margin: 0 2px; }
#toolBox input {color: #eee }
#toolBox .login { margin: 0; float: none; 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: 0px; padding: 5px;border: 1px solid #390F01;}
#content {color: #bbb;}
#content td { vertical-align: top; }

/* Main content
============================================================ */
#colCenter { padding: 10px; }
#colCenter h1 { margin: 10px 0; padding: 5px 0; color: #fff}
#colCenter h2 { margin: 10px 0; padding: 5px 0; color: #fff}
#colCenter #breadCrumb { margin: 0 0 10px; padding: 3px 5px; font-weight: bold; }
#colCenter #breadCrumb a { color: #fff; text-decoration: underline; }
#colCenter #breadCrumb a:hover { text-decoration: none; }

#colCenter #catDescription { margin: 0 0 5px; padding: 5px 10px; font-weight: normal; }


/* Info, Error, Warning Box
============================================================ */
.infoBox	{ margin: 0 0 10px; padding: 5px 10px 5px 50px; background: transparent url(https://static.istore.pl/istore/11990/photos/original/489355.gif) 10px 8px no-repeat; color: #ddd }
.errorBox	{ margin: 0 0 10px; padding: 5px 10px 5px 50px; background: transparent url(https://static.istore.pl/istore/11990/photos/original/489359.gif) 10px 8px no-repeat; color: #ddd}
.infoBox dt, .errorBox dt { margin: 0; padding: 0 0 1px 0; font-weight: bold; }
.infoBox dd, .errorBox dd { margin: 0; padding: 1px 0 0 0; }


/* Promo Box
============================================================ */
#colCenter #productList .promoBox dt strong  { color: #ff4500; }


/* 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-weight: bold; text-transform: uppercase; }
#colCenter #newsBox h4 { padding-left: 5px; color: #669840; font-weight: bold; }
#colCenter #newsBox h4 span { font-weight: normal; color: #333;  }
#colCenter #newsBox p { padding-left: 5px; }
#colCenter #newsBox p a { color: #669840; }


/* Sort Product
============================================================ */
#colCenter .sortProduct { text-align: right; margin: 0; padding: 0 0 5px 0; background: transparent; color: #999; }
#colCenter .sortProduct a { margin: 0 0 0 3px; color: #999; text-decoration: none}
#colCenter .sortProduct a:hover {text-decoration: none; color: #bbb;}
#colCenter .sortProduct a.active { font-weight: bold; color: #ccc}
#colCenter .sortProduct span { font-weight: normal; }



/* Product Browse
============================================================ */
#colCenter #productList dt { margin: 0; padding: 10px 0; 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; color: #EFDC0E}
#colCenter #productList dd .price span { font-weight: bold; }
#colCenter #productList dd .price a { display: block; padding: 6px 0 0 25px; }
#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; text-transform: uppercase; }
#colCenter #productList dd .desc { margin: 5px 0; color: #bbb}
#colCenter #productList dd .desc a.excerpt { border: none; text-decoration: none; color: inherit}
#colCenter #productList dd .desc a.more { white-space: nowrap; color: inherit}
#colCenter #productList dd .producer { float: left; margin: 10px 10px 0 0; font-weight: bold; clear: left; }
#colCenter #productList dd .desc_property { float: left; margin: 10px 10px 0 0; clear: left; color:#8393CD; padding-bottom: 10px;}
#colCenter #productList dd .anchors { float: right; margin: 10px 0 10px; 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; }
#colCenter #productList ul { background: transparent; color: #eee; list-style: none; }
#colCenter #productList ul li { padding: 4px 5px; overflow: hidden; height: 1%; }
#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: 10px 0 5px; margin: 0; background: none; }
#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: 0 0 5px; }
#colCenter #productList .tableView .nettoPrice { }
#colCenter #productList .tableView .addToBasket { padding: 10px 0; }
#colCenter #productList .tableView .addToBasket a { padding: 3px 0 3px 26px; }
#colCenter #productList .tableView .addToBasket a:hover { text-decoration: none; }

/* Product View
============================================================ */
h2 strong { color: #f00; padding-left: 10px; }
#colCenter #productView {}
#colCenter #productView .price { margin: 0 0 10px; 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; padding: 2px 0; }
#colCenter #productView .price span.basket { float: right; display: block; font-weight: bold; padding: 2px 0; }
#colCenter #productView .price a {  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%; }
#colCenter #productView .productDesc .image 		{float: left; margin: 10px 20px 0 10px; text-align: center;}
#colCenter #productView .productDesc .image p 	{color: #333; }
#colCenter #productView .productDesc .image img   {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;}

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

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

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

/* Treść zwykła
============================================================ */
#colCenter div { background: transparent; padding: 10px 10px 0; }
#colCenter div div { background: none; padding: 0; }
#colCenter div h4 { color: #eee; font-weight: normal; }
#colCenter div p { padding: 0 0 10px; color: #bbb }
#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; }
#colCenter div.table div { padding: 0; }
#colCenter div.table p { overflow: hidden; height: 1%; padding: 5px; }
#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; }

/* 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; }
#colCenter table.table td { padding: 3px 5px; vertical-align: middle; }
#colCenter table.table td input { }
#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%; color: #666;}
#cartSummary th { text-align: right; padding: 2px 5px; background: #000; color: #999;}
#cartSummary td { padding: 3px 5px; background: transparent; color: #666; vertical-align: middle; text-align: right; }
#cartSummary .empty { background: none; }

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


/* Zakładki
============================================================ */
#colCenter ul.tabs { padding: 0 0 2px; border-bottom: 1px solid #666; list-style: none; text-align: right; background: transparent; }
#colCenter ul.tabs li { display: inline; margin: 0 0 0 5px; padding: 2px 5px 3px; color: #eee; }
#colCenter ul.tabs li a { color: #eee; text-decoration: none; }
#colCenter ul.tabs li a:hover { text-decoration: underline; color: #fff}
#colCenter ul.tabs li span { cursor: pointer; }
#colCenter ul.tabs li span:hover { text-decoration: underline; }
#colCenter ul.tabs li.active { color: #f00; background: transparent; }
#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: 2px 0; font-weight: bold; }
#colCenter form h3 span {	font-weight: normal; }

#colCenter form ul { list-style: none; padding: 0; }
#colCenter form ul li { background: transparent; color: #fff; overflow: hidden; height: 1%; padding: 5px; }
#colCenter form ul li label { display: block; float: left; width: 200px; font-weight: normal; }
#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; }
#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; vertical-align: middle; }
#colCenter form	ul li span input { vertical-align: middle; margin: 1px 0; }

#colCenter form ul li input {}
#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 { }
#colCenter form ul li textarea { font-family: Verdana, Arial, Tahoma, sans-serif; width: 300px; }

#colCenter form ul li.error { color: #f00; }
#colCenter form ul li.error input { background-color: tomato; }
#colCenter form ul li.submit { border: 0; background: none; text-align: right; }
#colCenter form ul li.accept { border: 0; background: none; }
#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: transparent; color: #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(https://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(https://img.istore.pl/img/client/version1/global/bgMap2.gif ) no-repeat scroll 8px 6px;
  padding-left: 20px;
  text-decoration: none;
}
#sitemap h3 {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  height: 22px;
  margin: 12px 0px 0px;
  padding: 6px 0px 0px 2px;
}

/* Sidebars
============================================================ */
#colLeft { width: 175px; }
#colRight { margin: 10px 10px 0 0; width: 180px; padding-top: 10px; }

/* Boxes globaly */
#colLeft .box { border: 0; margin: 0 0 15px 0; }
#colRight .box { margin: 0 10px 5px 0; }

.box { padding: 0; }
.box h4 { padding: 5px 0 2px 5px; font-weight: bold; text-transform: uppercase; background: transparent url(https://static.istore.pl/istore/11990/photos/original/490483.jpg) left bottom repeat-x; }
.box ul { list-style: none; }
.box ul li { padding: 1px 5px 2px 0; }
.box ul li a { }
.box ul li a:hover { text-decoration: none; }
.box ul ul { padding: 5px 0 5px 15px; }

.box div { margin-top: 3px; }
.box div h3 { }
.box div label { }
.box div input { }
.box div input.input { width: 100px; margin-right: 5px; }
.box div input.input2 { width: 158px; }
.box div select { width: 100px; margin-right: 5px; }
.box div input.submit { width: 53px; text-transform: uppercase; }
.box div input.submit2 { width: 36px; text-transform: uppercase; }
.box div a { }
.box div a:hover { text-decoration: none; color: #eee}

/* Kategorie */
.box1 h4 { padding: 5px 0 2px 5px; font-weight: bold; text-transform: uppercase; background: transparent url(https://static.istore.pl/istore/11990/photos/original/490483.jpg) left bottom repeat-x; }
.box1 ul { list-style: none; }
.box1 ul li { padding: 1px 0 3px; }
.box1 ul li a { }
.box1 ul li a:hover { text-decoration: none; }
.box1 ul ul li { background: none; padding-left: 5px; }

/* Nowe i promowane */
.box2 .item, .box2 .item2 { margin: 3px 5px; text-align: center; }
.box2 .item h3 { }
.box2 .item h3 a, .box2 .item2 h3 a { }
.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 {  }


.box3 h4 { padding: 5px 0 2px 5px; font-weight: bold; text-transform: uppercase; background: transparent url(https://static.istore.pl/istore/11990/photos/original/490483.jpg) left bottom repeat-x; }


/* Kontakt */
#contacts li { padding: 5px 0; color:#999}
#contacts .contactName { padding: 0; font-weight: bold; }
#contacts .phone { padding-left: 25px; background: url(https://static.istore.pl/istore/11990/photos/original/489209.gif) 0px center no-repeat; }
#contacts .mail { padding-left: 25px; background: url(https://img.istore.pl/img/client/version1/global/mail.gif) 0px center no-repeat; }

/* Footer
============================================================ */
#footerIS, #customFooter {color: #666; text-align: center; font-size: xx-small; margin: 0; padding: 0 }
#footerIS a, #customFooter a {color: #999; text-decoration: none}
#customFooter {margin-top: 5px}
#footerIS p {display: inline}
#footerIS {margin-bottom: 10px}


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


body { 	background: #000 url('https://static.istore.pl/istore/11990/photos/original/474684.jpg') top center no-repeat; }
a {	color: #ddd; }

#header { background: transparent; }
#topMenu { 	background: #000; /* opacity:0.6; */}
#topMenu a { 	 color: #ddd; }
#topMenu a:hover { 	 color: #fff; }

#toolBox label { color: #999; }
#toolBox input { border: 1px solid #999; background: #4A1201; }
#toolBox input.submit { background: #330D02; color: #999}

#container { background: #222; }
/* #colCenter h2 {	color: #ddd; background: #222; } */
#colCenter #breadCrumb { color: #666; background: transparent; border-bottom: 1px solid #333; }
#colCenter #breadCrumb a {color: #999; font-weight: normal; font-style: italic; text-decoration: none;}
#colCenter #catDescription { background: #222; color: #999; }

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

.box1 { background: #222; }
.box1 h4 { border-bottom: 1px solid #802101; color: #eee; margin-bottom: 5px;}
.box1 ul li { }
.box1 ul li a { color: #fff; }

.box2 { background: #222; color: #666; }
.box2 h4 { border-bottom: 1px solid #802101; color: #eee; margin-bottom: 5px;}
.box2 a { color: #999; }

.box3 { background: #222; color: #666; }
.box3 h4 { border-bottom: 1px solid #802101; color: #eee; margin-bottom: 5px;}
.box3 a { color: #999; }

.box div input.input { border: 1px solid #666; background: #222; color: #aaa}
.box div input.input2 { border: 1px solid #666; background: #222; color: #aaa}
.box div input.submit { border: 1px solid #666; background: #333; color: #aaa}
.box div input.submit2 { border: 1px solid #666; background: #333; color: #aaa}
.box div select { border: 1px solid #666; background: #222; color: #aaa; margin-bottom:2px}

/* #colCenter ul.tabs { border-bottom: 1px solid #7191c2; }
#colCenter ul.tabs li { border: 1px #7191c2; background: #666; }
#colCenter ul.tabs li.active { color: #3e6ca0; border-top: 1px solid #7191c2; border-left: 1px solid #7191c2; border-right: 1px solid #7191c2; } */
#colCenter ul.admin li { }
#colCenter ul.admin li.active { color: #f00; font-weight: bold}

#colCenter form h3 { background: transparent; color:#eee; }
#colCenter form ul { /* border-top: 1px solid #7191c2; */ }
#colCenter form ul li { /* border: 1px #7191c2; border-style: none solid solid; */ }

#colCenter div.table h3 {	color: #eee; background: #666; }
#colCenter div.table div { /* border-right: 1px solid #7191c2; border-left: 1px solid #7191c2;  */}
#colCenter div.table p { /* border-bottom: 1px solid #7191c2; */ }

#colCenter table.table th {	color: #fff; background: #222;	}
#colCenter table.table td { background: #333; }

#colCenter #productList dt.promoBox { background: #ffffcc url(https://img.istore.pl/img/client/version1/blue/arrow_big.gif) 5px center no-repeat; }
#colCenter #productList dd.promoBox div { background: #ffffcc; }

#colCenter #newsBox h3 { color: #fff; background: transparent; }

#colCenter #productList dt { background: transparent; color: #bbb}
#colCenter #productList dt h2 {color: #fff; display: inline; margin: 0}
#colCenter #productList dt strong { color: #f00; }
#colCenter #productList dt a { color: #eee; }
#colCenter #productList dd { background: transparent url(https://static.istore.pl/istore/11990/photos/original/490390.jpg) 0 0 repeat-x; padding: 5px; border-top: 1px solid #999; }
#colCenter #productList dd div { border-bottom: 0; background: transparent; color: #bbb}

#colCenter #productList dd .price { color: #eee; background: #333 url(https://static.istore.pl/istore/11990/photos/original/490405.jpg) 0 0 repeat-x; border-top: 1px solid #b00; }
#colCenter #productList dd .price a {color: #eee; text-decoration: none;  background: url(https://static.istore.pl/istore/11990/photos/original/490446.jpg) 0px center no-repeat; }
#colCenter #productList dd .image {margin-top: 5px}
#colCenter #productList dd .image img { border: 2px solid #eee; }
#colCenter #productList dd .info span { color: #d00; }
#colCenter #productList dd span.inf_dtime {display: block;color: #999;}
#colCenter #productList dd span.inf_new {display: block;}
#colCenter #productList dd span.inf_recomended {display: block;color: #f40}
#colCenter #productList dd span.inf_indx {display: block;color: #999;}
#colCenter #productList dd .desc a.excerpt { color: inherit; }
/*
#colCenter #productList dd .producer { color: #669840; }
*/
#colCenter #productList dd a { color: #631900; }
#colCenter #productList dd a.basket { background: url(https://static.istore.pl/istore/11990/photos/original/489344.gif ) 0 4px no-repeat; }
#colCenter #productList dd a.inform { background: url(https://static.istore.pl/istore/11990/photos/original/489347.gif ) 0 4px no-repeat; }


#colCenter #productList h3 { color: #fff; background: transparent url(https://static.istore.pl/istore/11990/photos/original/490483.jpg) left bottom repeat-x; border-bottom: 1px solid #900}
#colCenter #productList ul li { border-bottom: 1px solid #333; color: #999}
#colCenter #productList ul li a { background: url(https://static.istore.pl/istore/11990/photos/original/490446.jpg) 0px center no-repeat; color: #999}

#colCenter #productList .tableView { background: transparent; color: #eee }
#colCenter #productList .tableView .addToBasket a { background: url(https://static.istore.pl/istore/11990/photos/original/489344.gif ) left center no-repeat; }

#colCenter #productList .anchors a, #colCenter #productList .anchors {color: #666;}
#colCenter #productList .anchors a:hover {color: #999}
#colCenter #productList .anchors {padding-top: 3px;border-top: 1px dotted #444}

#colCenter #productView {border-top: 1px solid #777; padding: 0}
#colCenter #productView .price { background: #333 url(https://static.istore.pl/istore/11990/photos/original/490405.jpg) 0 0 repeat-x; color: #eee; }
#colCenter #productView .price a { background: url(https://static.istore.pl/istore/11990/photos/original/490446.jpg) 0px center no-repeat; color: #eee; font-weight: normal}

#colCenter #productView .productDesc ,
#colCenter #productView #dynamic {background: transparent url(https://static.istore.pl/istore/11990/photos/original/490390.jpg) 0 0 repeat-x;}

#colCenter #productView .productDesc h3 {padding: 5px 0; color: #eee}

#colCenter #productView .productDesc .image img { border: 2px solid #eee; }
#colCenter #productView .productPhotos img { border: 2px solid #eee; }
#colCenter #productView .similar dt { border-bottom: 2px solid orange /* #dce5f4 */; }
#colCenter #productView .similar dt h3 { display: inline }
#colCenter .pagerBox a:hover { background: orange /* #dce5f4 */; }

#colCenter ol {padding-left: 2em}

#colCenter form ul li input,
#colCenter form ul li textarea,
#colCenter form ul li select {background: #333; padding: 2px; color: #ddd; border: 1px solid #999}

.news h3 {color: #fff}
.news p {color: #eee}
.newsdate {border-top: 1px solid #333; margin: 5px 0}

.listedInfo h3 {background: transparent; border-bottom: 2px solid #500; margin: 0 0 10px 10px; padding: 5px 0; }
.listedInfo ul {list-style: none; }
.listedInfo ul li {display: block; clear:both; border-bottom: 1px dotted #444; padding-bottom: 2px}
.listedInfo ul li a {float: right}

#colCenter #productView #dynamic h3 {margin-left: 10px; padding: 10px 0; color: #fff}
#colCenter #productView #dynamic dl {margin: 10px 0 0 10px; border-bottom: 1px dotted #555; }
#colCenter #productView #dynamic dl dt {font-weight: normal; font-style: italic; border-top: 1px dotted #555; padding-top: 5px; color: #b00}
#colCenter #productView #dynamic dd {color: #eee; }
#colCenter #productView #dynamic form {margin-left: 10px}
#colCenter #productView #dynamic p {margin-left: 10px}
#colCenter #productView #dynamic #review {width: 95%; height: 100px}



.informations h3 {color: #EEE8AA; font-size: small}
.informations h3 span {font-size: x-small; font-weight: normal; color: #999; display: block;}
.informations p  {color: #ddd}
.informations a  {color: #eee}
.informations a:hover  {color: #fff}
.informations div  {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #666}

.news h3 {color: #EEE8AA}