/* tymczasowo - tmp, do zrobienia - todo, do usunicia - deprecated, wersja kolorystyczna v_ */

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

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
        background-image:url('https://static.istore.pl/istore/9374/photos/original/605208.jpg');

}
a { color: #af1212; text-decoration: none;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, img {
	margin: 0;
	border: 0;
	padding: 0;
}

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 { width: 1338px; height: 254px; padding: 0px; background-image:url('https://static.istore.pl/istore/9374/photos/original/605244.jpg ');}
#header h1 { visibility:hidden;}
#header #advert { visibility:hidden; }
#header table img {display: block;}

/* TopMenu */
#topMenu { width: 1298px; height: 53px; padding-left: 40px;text-align: left; list-style: none; background-image:url('https://static.istore.pl/istore/9374/photos/original/603773.jpg'); }
#topMenu li { display: inline; line-height: 50px;}
#topMenu a { color: #fff; padding: 0 0 2px 6px; font-size: 10px; text-decoration: none; white-space: nowrap; }
#topMenu a:hover { font-weight: bold;}

/* ToolBox */
#toolBox { padding: 0px 10px; text-align: right;}
#toolBox p { position: relative; top: -73px; float: left; margin: 0 10px 0 0; font-size: 90%;}
#toolBox p label {  position: relative; top: -73px; vertical-align: baseline; }
#toolBox img { margin: 0 2px; vertical-align: middle; }
#toolBox label {  margin: 0 2px; }
#toolBox input { position: relative; top: -73px; font-size: 90%; }
#toolBox .login { color: #FFF; position: relative; top:38px; margin: 0; float: none; font-size: 90%; text-transform: none; display: none }
#toolBox .login span { padding: 0 5px; color: #888; }
#toolBox  input.loginUser { border: 1px solid #BFBFBF; width: 80px; } /* login */
#toolBox  input.submit { background-color: #d3d3d3; border: 1px solid #BFBFBF; width: 80px; } /* login */
#toolBox a:hover { text-decoration: none; }

/* Content */
/* #container { position: relative; top: -19px;width: 1338px; background-color: #FFF; } */
#container { clear:both;position: relative; background-color: #FFF; top: -14px; width: 1338px;}
#content { border: 5px solid #fff;}
#content td { vertical-align: top; }

/* Main content
============================================================ */
#colCenter { padding: 10px; }
#colCenter h2 { margin: 0 0 10px; padding: 2px 5px; font-size: 100%; text-transform: uppercase; }
#colCenter #breadCrumb { width: 60%; width: 50%px; margin: 0 0 10px; padding: 3px 5px; font-size: 10px; font-weight: bold; }
#colCenter #breadCrumb a { color: #000;}
#colCenter #breadCrumb a:hover { text-decoration: none; }
#colCenter #catDescription { margin: 0 0 5px; padding: 5px 10px; font-weight: normal; font-size: 90%; }


/* Info, Error, Warning Box
============================================================ */
.infoBox	{ margin: 0 0 10px; padding: 5px 10px 5px 50px; background: #fff url(https://img.istore.pl/img/client/version1/global/icoInfo.gif) 10px 8px no-repeat; }
.errorBox	{ margin: 0 0 10px; padding: 5px 10px 5px 50px; background: #fff url(https://img.istore.pl/img/client/version1/global/icoError.gif) 10px 8px 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%; }


/* 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 { float: right; position: relative; top: -28px; width: 30%; text-align: right; font-size: 90%; margin: 0; padding: 0 0 5px 0; }
#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: 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 { font-size: 80%; }
#colCenter #productList .tableView .addToBasket { line-height: 24px;background-image:url('http://static.istore.pl/istore/9374/photos/original/605534.jpg'); background-repeat: no-repeat; background-position: center; font-size: 9px; padding-right: 10px;}
#colCenter #productList .tableView .addToBasket a { color: #fff; padding: 3px 0 3px 26px; }
#colCenter #productList .tableView .addToBasket a:hover { hidden;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; 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; }
#colCenter #clientPage h1 { font-size: 14px; padding: 2px 0; }
#colCenter #clientPage h2 { font-size: 13px; margin: 0; padding: 2px 0; text-transform: none; background: none; color: #000; }
#colCenter #clientPage h3 { font-size: 12px; padding: 2px 0; }
#colCenter #clientPage ul { padding: 5px 0 5px 20px; }

/* Tre[ zwykBa
============================================================ */
#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 zestawieD */
#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 { padding: 5px; margin: 10px 0; text-align: left; }
#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; }


/* ZakBadki
============================================================ */
#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 {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: red; 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: 2px 20px; 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(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;
  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: 175px; }
#colRight { margin: 10px 10px 0 0; width: 180px; padding-top: 10px; }

/* Boxes globaly */
#colLeft .box { border: 5px #fff; border-style: none solid solid none; margin: 0; }
#colRight .box { margin: 0 10px 5px 0; }

.box { padding: 0 0 4px 5px; }
.box h4 { padding: 4px 0 10px 15px; font-size: 85%; font-weight: bold; text-transform: uppercase; }
.box ul { list-style: none; }
.box ul li { padding: 0 5px 2px 25px; background-image:url('http://static.istore.pl/istore/9374/photos/original/605524.jpg'); background-position: 12px; background-repeat: no-repeat;}
.box ul li a { font-size: 10px; text-decoration: none; color: #000;}
.box ul li a:active { text-decoration: underline; }
.box ul ul { padding: 5px 0 5px 15px; }
.box ul li.contactName { background-image: none;}

.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: 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 { font-size: 80%; }
.box div a:hover { text-decoration: none; }

/* Kategorie */
.box1 h4 { padding: 7px 0 4px 17px; font-size: 100%; font-weight: bold; text-transform: uppercase; }
.box1 ul { list-style: none; }
.box1 ul li { padding: 1px 0 3px; }
.box1 ul li a { font-size: 95%; }
.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 { 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; }

/* Kontakt */
#contacts li { padding: 5px 0; }
#contacts .contactName { padding: 0; font-weight: bold; }
#contacts .phone { padding-left: 25px; background: url(https://img.istore.pl/img/client/version1/global/telefon.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 { 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(https://img.istore.pl/img/client/version1/global/tapeTestIS.gif); }