/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2009 Krzysztof Debinski / IstotneInformacje.pl
*/

body {margin: 8px 0 16px; padding: 0; text-align: center; font-family: arial,tahoma; background: #eff;}
a {text-decoration: none; color: #035;}
a:hover {text-decoration: underline;}
img {border: none;}
p, ul, ol, address, fieldset *, legend, th, td, caption {font-style: normal; font-size: 12px;}
th, td {padding: 2px 4px;}
legend {font-weight: bold; margin: 0 0 4px;}
fieldset {padding: 10px;}
table {border-collapse: collapse;}
.fclr {clear: both;}

#all {width: 1000px; margin: 0 auto;}

#head {clear: both; position: relative;}
#head ul {padding: 0 20px 4px; margin: 0; list-style-type: none;}
#head li {display: inline; padding: 0; margin: 0 4px;}
#head li, #head a {color: #888;}
#head form {position: absolute; width: 280px; left: 700px; top: 115px; text-align: right;}
#head form a {color: rgb(24,73,149); text-decoration: underline;}
#head1 {float: left;}
#head2 {float: right;}
#head3 {position: absolute; width: 280px; left: 680px; top: 40px; text-align: right;}
#head3 li {display: block; font-weight: bold}
#head3 a {color: rgb(24,73,149); text-decoration: underline;}
#head3 a:hover, #head form a:hover {text-decoration: none;}

#top {clear: both; height: 187px; background-image: url(../gfx/bg-top.jpg); overflow: hidden;}
#top img {float: left; margin: 0 20px 0 60px;}

#c1, #c3 {float: left; width: 200px;}
#c2 {float: left; width: 560px; padding: 0 20px; text-align: left;}
#c1, #c2, #c3 {padding-top: 10px; padding-bottom: 20px;}

#trail {clear: both; margin: -8px 0 8px; padding: 0 10px 7px; text-align: left; background: rgb(255,102,0); color: #fff;}
#trail a {color: #fff; text-decoration: underline;}

#foot {clear: both; height: 50px; background-image: url(../gfx/bg-foot.jpg);}
#foot hr {display: none;}
#foot p {padding: 16px 0 0; margin: 0;}
#foot p, #foot a {color: #fff;}

.box {clear: both; margin: 0 0 8px; padding: 0 0 16px; text-align: left; background: #fff url(../gfx/bg-box-foot.jpg) scroll repeat-x left bottom; border: 1px solid rgb(24,73,149);}
.box * {font-size: 12px;}
.box h2 {height: 21px; font-size: 12px; margin: 0; padding: 6px 20px 0; background: rgb(24,73,149) url(../gfx/bg-box-head.jpg) scroll no-repeat left top; border-bottom: 3px solid rgb(255,102,0);}
.box h2, .box h2 a {color: #fff;}
.box h3, .box h3 a {color: rgb(24,73,149);}
.boxpad {padding: 5px 10px 10px;}
.box ul, .box ol {margin: 0; padding: 0 0 0 16px;}
.box ul ul {padding-bottom: 8px;}
.box .more {clear:both; text-align: right; margin: 0; padding: 8px 0 0;}
.box  .current {font-weight: bold;}

.center {text-align: center;}

#cats h3 * {font-size: 14px !important;}
#cats ul * {font-size: 14px !important; line-height: 16px;}

#c2 h1 {font-size: 22px; margin: 0 0 16px; padding: 0 0 2px; color: rgb(24,73,149); border-bottom: 3px solid rgb(255,102,0);}
#c2 h2 {font-size: 18px;}
#c2 h3 {font-size: 12px;}

.shopnav {text-align: center; background: #cef; padding: 8px;}

#product {}
#product .img {float: right; width: 150px; padding: 10px; margin-left: 10px; background: #fff; border: 1px solid #ddd; text-align: center; font-size: 12px;}
#product .desc {clear: both;}
#product .desc p, #product .desc ul, #product .desc ol {font-size: 12px !important;}
#product .price {font-size: 20px; font-weight: bold;}

fieldset table {clear: both;}
fieldset th, td {padding: 2px 4px;}
fieldset th {text-align: right; width: 100px;}
fieldset td {text-align: left;}

#indexProductListCatDescription {padding: 0 0 16px;}
#productListing th, #productListing td {padding: 2px 4px;}
.productListing-odd, .rowOdd{background: rgb(255,250,255);}
.normalprice {color: #f00; text-decoration: line-through;}
.productSpecialPrice {color: #f00; font-weight: bold;}
.main {padding: 8px;}

.itemtab {clear: boh; margin: 0 0 8px; padding: 10px; background: #fff url(../gfx/bg-box-foot.jpg) scroll repeat-x left bottom; border: 1px solid #dee;}
.itemtab .img {width: 100px; float: left; text-align: center; margin: 0 16px 4px;}
.itemtab .desc {float: left; width: 400px;}
.itemtab .desc h3 {margin: 0; padding: 0 0 8px;}
.itemtab .desc p {margin: 0; padding: 0 0 16px;}
.itemtab .info {clear: both;}
.itemtab .detail {float: left; width: 126px; text-align: center;}
.itemtab .price {float: left; width: 180px; font-size: 16px; text-align: right; font-weight: bold;}
.itemtab .buy {clear: right; float: right; text-align: right; margin-top: 12px;}
.itemtab .buy form {display: inline; margin: 0; padding: 0;}
.itemtab .buy .itembtn {margin-bottom: -6px;}

.boxitem {clear: both; text-align: center; padding: 8px 0 16px;}

.banner {clear: both; padding: 0 0 16px; text-align: center;}

#cartContentsDisplay {}
#cartContentsDisplay td, #cartContentsDisplay th {padding: 4px 4px; vertical-align: top; border-top: 1px solid #eee;}
.cartProductDisplay {text-align: center;}

.navSplitPagesResult, .navSplitPagesLinks {clear: both; text-align: center; font-size: 12px; padding: 8px; background: #cef;}

.item {float: left; width: 154px; height: 150px; padding: 10px; margin: 0 5px 8px; overflow: hidden; text-align: center; font-size: 12px; background: #fff url(../gfx/bg-box-foot.jpg) scroll repeat-x left bottom; border: 1px solid #dee;}
.item .img {display: block; width: 100px; height: 80px; margin: 0 auto 4px;}

#addimg {clear: both;}
.additionalImages {float: left; width: 154px !important; height: 100px; padding: 10px; margin: 0 5px 8px; overflow: hidden; text-align: center; font-size: 12px; background: #fff url(../gfx/bg-box-foot.jpg) scroll repeat-x left bottom; border: 1px solid #dee;}
.additionalImages .img {display: block; width: 100px; height: 80px; margin: 0 auto 4px;}

table.conditions {margin: 0 auto;}
table.conditions th {background: #ddd;}
table.conditions th, table.conditions td {border: 1px solid #bbb;}

table.shipmethods {margin: 0 auto; border-collapse: collapse;}
table.shipmethods td {padding: 6px 4px; border-bottom: 1px solid #ddd; vertical-align: top;}

.messageStackError {color: #f00; padding: 8px; font-size: 12px; font-weight: bold; border: 1px solid #f00; background: #fcc; text-align: center;}
.messageStackSuccess {color: #0c0; padding: 8px; font-size: 12px; font-weight: bold; border: 1px solid #0f0; background: #cfc; text-align: center;}

#footads {clear: both; padding: 8px 0; text-align: center;}
#footads div {display: inline; margin: 0 8px;}
#footads img {margin: 4px; border: none;}

#topads {position: absolute; width: 280px; left: 710px; top: 80px; text-align: right;}
#topads div {display: inline; margin: 0 8px;}
#topads img {margin: 4px; border: none;}

.ads p, .ads p a {color: #88a; font-size: 12px; padding: 4px 8px 0;}

.boxad {text-align: center; clear: both; padding: 8px 0; overflow: hidden;}
.boxad img {width: 164px; padding: 5px; background: #fff; border: 1px solid #ccc;}

#PPECbutton {clear: both; text-align: center; padding: 16px 0;}

#produkt_dnia {
	width: 518px;
	border: 1px solid rgb(24,73,149);
	background: #fff;
	margin: 20px 0;
	padding: 20px;
}

	#produkt_dnia h1 {
		font-size: 20px;
		color: #ff6600;
		border-bottom: 3px solid #55a;
	}
	#produkt_dnia p {
		font-size: 14px;
		color: #777;
		text-align: justify;
	}
	
	.produkt_dnia_cena {
		font-size: 16px;
		color: #f00;
	}

.index_day_promo_image {
	float: left;
	margin-right: 20px;
}