div.hr {height: 1px; background-color: black; margin: 5px 0; overflow: hidden; }
div.hr hr {display: none}

table.menu td.active a {font-weight: bold}

table.buy-button-section td {padding: 0px 4px}
input.koszykimg {border: none; vertical-align: -20%}
input.buy-text-button {border: none; padding: 0; height: 1.3em; background: transparent}

td.prawa_top div.hr {display: inline-block; width: 96%}

td.koszyk_belt {font-size: 14px; text-transform: uppercase; font-weight: bold}

td.product_header {padding-top: 4px}

a.product_header_koszyk:link, a.product_header_koszyk:visited {font-weight: bold}

td.koszyk_underline, td.koszyk_underlineleft {border-bottom: 1px solid black}

td.opis_koszyk, td.koszyk_underline, td.koszyk_underlineleft {padding-top: 4px; padding-bottom: 4px; font-weight: bold}

td.koszyk_underlineleft {font-weight: normal}

/* cart1 */
td.product_header div.product-params {
	margin-bottom: 0.5em;
}

td.cart_buttons input {
	margin: 5px 0;
}

/* cart2 */
td.koszyk_underlineleft div.product-params {
	margin-left: 1.5em;
}

div.product-params {
	font-weight: normal;
}

input.totalBox {
	width: 8.5em;
	text-align: right;
	margin: 3px 0;
}

table.cart2_table {width: 96%; margin: 0 auto}
table.cart_data input[type=text], table.cart_data textarea {width: 200px}
table.cart_data select {width: 270px}

input[type="submit"][disabled] {
	color: #aaa !important;
	cursor: default;
}


input.ilosc {text-align: center}

td.header_zaplata {font-size: larger; font-weight: bold; white-space: nowrap}
td.cena_big {text-align: center; font-size: larger; font-weight: bold; color: navy; white-space: nowrap}

td.product_header_form {font-weight: bold; font-size: 12px; background: black; color: white; padding-top: 1px; padding-bottom: 1px}

td.td.koszyk_underlineleft2 {text-align: left}

td.delivery_info a:link, td.delivery_info a:visited {text-decoration: underline; font-weight: bold}
td.delivery_info p {margin: 2px 0}

#remote-areas-option p {color: red; text-align: left}

div.vacation_info {background: yellow; padding: 10px; font-size: 9pt}



#address-confirm {
	border: 10px solid steelblue;
}
#address-confirm h2 {
	margin: 10px 0 15px 0;
}
#address-confirm table {
	margin-top: 10px;
}
#address-confirm td {
	padding: 5px 3px;	
}
#address-confirm td.zipcode {
	white-space: nowrap;
	padding-right: 1em;
} 
#address-confirm td.city {
	width: 100%;
} 
#address-confirm td div.label {
	color: #888;
}
#address-confirm td div.value {
	font-weight: bold;
	font-size: 10pt;
}
#address-confirm p.buttons {
	text-align: center;
	margin-top: 16px;
}

/* CART - COD AGREEMENT */
#COD-agreement > div {border: 3px solid red; padding: 10px; background: #F8F8F8; margin: 0 0 15px 0}
#COD-agreement h3 {margin: 0 0 0.7em 0; font-size: 10pt}
#COD-agreement p {font-size: 8pt; line-height: 150%; color: black; padding: 0.4em 0}
#COD-agreement p.COD-agreement-sentence {color: red; font-weight: bold}
#COD-agreement p.COD-agreement-sentence strong {text-decoration: underline}



/* CART - ORDER CONFIRMATION */
table.order-sent-data, table.order-sent-products {width: 100%; margin-top: 1em; border: 1px dotted #888; padding: 5px 10px; background: #eee}
table.order-sent-data th, table.order-sent-products th {color: #46659c; font-size: 11px}
table.order-sent-data td {vertical-align: top; padding: 3px 2px}
table.order-sent-data td.label {width: 25%}
table.order-sent-data td.value {width: 75%; font-weight: bold}

table.order-sent-products tr.product td {font-weight: bold}
table.order-sent-products td.product-name {width: 50%}
table.order-sent-products td.total {text-align: right}
table.order-sent-products td.total.total-all {font-weight: bold}

p.order-confirm-link {margin: 1em 0; text-align: center; font-size: 12px}
p.order-confirm-account-created {margin: 1em 0; font-size: 11px; font-weight: bold; color: darkred}


span.new-product-icon {color: white; background-color: red; padding: 0px 4px; font-family: arial, helvetica; font-size: 7.5pt; font-weight: bold; cursor: default}


/* Strona z produktem - warianty */
div.wersje-prod {border: 2px solid transparent; padding: 2px 3px}
div.wersje-prod table {text-align: left}
div.wersje-prod table h2 {font-size: 10pt; margin: 0 0 8px 0}
div.wersje-prod.versions-form-error {border: 2px solid red !important; background: white}
div.wersje-prod.versions-form-error  table h2 {color: red}
div.wersje-prod ul.wersje {list-style-type: none; padding: 0; margin: 0 0 10px 0}
div.wersje-prod ul.wersje  li {padding: 0; margin: 0}
div.wersje-prod ul.wersje  li.disabled {color: #888}

div.version-description {margin-top: 1em; border-top: 1px solid #aaa; padding-top: 1em}

div.oblicz-rate {margin-bottom: 3px}
div.oblicz-rate a {font-weight: bold; font-size: 110%; text-transform: uppercase; text-decoration: underline }




form.list-view-options {text-align: right; margin: 8px 0 5px 0}
form.list-view-options div.products-per-page {margin-bottom: 8px}
form.list-view-options select {margin-left: 6px}

/* widok lisy prod.: obrazki */
table.images-product-list {width: 100%}
table.images-product-list td {width: 33%; padding: 25px 5px; text-align: center; vertical-align: top; font-size: 11px}
table.images-product-list td a {cursor: pointer; text-decoration: none}
table.images-product-list td a:hover {background: none}
table.images-product-list td span.product-image {display: inline-block; position: relative; border: 1px solid #888; }
table.images-product-list td span.product-image span {display: table; border-spacing: 0; vertical-align: middle; height: 110px; padding: 0; margin: 0}
table.images-product-list td span.product-image img {display: block; vertical-align: bottom; border: none}
table.images-product-list td span.product-name {display: inline-block; min-height: 3.5em; margin-top: 3px}
table.images-product-list td a:hover span.product-name {text-decoration: underline}
table.images-product-list td div.price {padding: 3px 0; font-weight: bold}
table.images-product-list td form.buy-button select {padding: 0; margin: 0; height: 1.6em}
table.images-product-list td form.buy-button input[type=image] {vertical-align: -20%}
table.images-product-list td form {min-height: 2em}
table.images-product-list td div.availability-info {min-height: 2em}

/* widok lisy prod.: same nazwy */
table.short-list {width: 100%; margin: 1.5em 0 1em 0; border-spacing: 0}
table.short-list td, table.short-list th {padding: 2px 6px; line-height: normal; border-bottom: 1px solid white; border-right: 1px solid white;}
table.short-list td {height: 2.4em}
table.short-list td.price {text-align: right; white-space: nowrap}
table.short-list td.add-to-cart {padding-left: 10px; width: 65px}
table.short-list td.add-to-cart input[type=image] {vertical-align: -20%}

/* opis popup do skroconych widokow */
/* compact-view-list moze byc do table, gdzie jest popup lub do div generowanego przez js */
.compact-view-list div.popup-info {position: absolute; top: 0; left: -2000px; width: 450px; background-color: #eceef1; border: 1px solid #888; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -0-border-radius: 5px ; padding: 10px}
.compact-view-list div.popup-image {float: left; padding: 0 8px 5px 0}
.compact-view-list div.popup-image img {border: 1px solid #888}
.compact-view-list div.popup-info h3 {font-size: 12px; margin: 0; padding: 0 0 8px 0}

div#product-popup-container { /* added just after <body> by js */
	position: absolute;
	height: 1px;
	top: 0;
	left: -16px; /* left offset */
	z-index: 1000;
}

div#product-popup-container.images-product-list {
	margin-top: 0px; /* top offset */
}	
div#product-popup-container.short-list {
	margin-top: 0px; /* top offset */
}	


