form {margin: 0}

#tooltips {position: absolute; top: 0; left: 0}
div.tooltip {position: absolute; top: 0; left: -999px; width: 250px; background: #FFFBD3; border: 1px solid #181100; color: #181100; padding: 2px; font-size: 8pt}
span.tooltipcontrol img {vertical-align: middle; margin-left: 7px}

#cookie-info {
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 7px 10px;
}
#cookie-info input {
	float: right;
	margin-top: -4px;
}

form.ask-about-product {margin-top: 1em; margin-bottom: 0.5em}

div.compatible-products {
	margin-top: 1em;
}
div.compatible-products p {
	margin-top: 1em !important;
}

span.prod-description-image-link a {
	opacity: 0.35;
}

div.card-policy {text-align: center; font-weight: bold}
div.card-policy-warning {color: red; text-decoration: underline}
div.card-policy textarea {width: 80%; background-color: white; color: black}
div.card-policy-checkbox label {font-weight: bold}

div.form-error {color: red; font-size: 120%; font-weight: bold; text-align: left; margin: 0.5em 0}

div.info {color: green; font-size: larger; font-weight: bold; text-align: center; margin: 1em 0}

div.last-searches {margin: 3px 2px 6px 13px}
div.last-searches img {margin-right: 4px}

/* SL3 progress preview */
div.sl3-preview {
	padding: 10px;
	margin-bottom: 10px;
	background: url('/www/images/sl3-bg.jpg') #DFDFDF 50% 50%;
	font-size: 8pt;
	color: black !important;
}
div.sl3-preview h2 {
	text-align: center;
	padding: 0 0 7px 0 !important;
	margin: 0 !important;
}
div.sl3-preview h2 a {
	font-size: 10pt;
	color: blue !important;
	font-weight: bold;
	text-decoration: underline !important;
}
div.sl3-preview h3 {
	text-align: center;
	padding: 0 !important;
	margin: 5px 0 !important;
	font-size: 9pt;
}
div.sl3-preview div.progress {
	width: 300px;
	padding: 5px;
	background: #c0c0c0;
	margin: 0 auto 10px auto;
	box-shadow: 1px 0 6px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}
div.sl3-preview div.progress span {
	background: black;
	display: block;
	height: 5px;
	background: #999;
	border-radius: 4px;
	box-shadow: 1px 0 6px rgba(0, 0, 0, 0.1);
}
div.sl3-preview div.more-info {
	padding-top: 8px;
}
div.sl3-preview a {
	color: black !important;;
	text-decoration: underline !important;;
}

/* cart progress bar */
div.cart-progress {
	margin: 5px 0 10px 0;
}
div.cart-progress h3 {
	margin: 0;
	padding: 4px 0 8px 0;
	font-size: 9pt;
	text-align: center;
}
div.cart-progress div.bar {
	position: relative;
	margin-left: 57px;
	width: 421px;
	height: 31px;
	padding: 0 2px;
	background: url('/www/images/order-progress-bar.png') 0 0 no-repeat;
}
div.cart-progress div.step {
	position: relative;
	height: 16px;
	line-height: 16px;
	top: 2px;
	background: red;
	color: white;
	font-weight: bold;
	font-size: 8pt;
	text-align: right;
}
div.cart-progress div.step span {
	padding: 0px 7px 0;
}
div.cart-progress div.step.s1 {
	background: none;
	color: red;
	text-align: left;
}
div.cart-progress div.step.s2 {
	width: 136px;
}
div.cart-progress div.step.s3 {
	width: 276px;
}
div.cart-progress ul {
	width: 552px;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 0 0 -8px !important;
	overflow: hidden;
}
div.cart-progress ul li {
	float: left;
	width: 122px;
	padding: 0 5px;
	margin: 0 !important;
	padding: 0 5px !important;
	color: #888;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	cursor: default;
}
div.cart-progress ul li.s1 {
	width: 110px;
}
div.cart-progress ul li.s2 {
	width: 140px;
}
div.cart-progress ul li.s3 {
	width: 140px;
}
div.cart-progress ul li.current {
	color: red;
}



/* cart */
ul.user-settings {margin: 15px 0 0 15px !important}

.payment-selection label.checked {font-weight: bold}
p.cart-alert {color: red; font-weight: bold; margin: 0.3em 0 0.6em 0}
p.cart-alert, div.cart-payment-description {padding-left: 5px; margin-left: 0}

div.pay_again_info {margin: 1em 0; font-size: 110%; color: red}
div.discount_info {margin: 1em 0; font-size: 110%; color: red; background: #ffffcc; border: 2px solid black; padding: 1em}

div.delivery-option {margin: 2px 0 0 0}
div.delivery-option input[type=radio] {width: 20px; padding: 0; margin-left: 0; margin-right: 0}
div.delivery-option p.delivery-info {margin: 0 0 0 20px; color: #0577be}
div.delivery-option.delivery-NA, div.delivery-option.delivery-NA p.delivery-info {color: #888}

div#insurance {margin: 10px 0}

input.pay-button, button.pay-button {
	font-size: 10pt !important;
	padding: 5px !important;
	background: red !important;
	color: white !important;
	font-weight: bold !important;
	height: auto !important;
	border: 3px outset #888 !important;
}

div.payment-info {
	color: #c63908;
}

/* saved carts */
table.saved-carts {
	width: 100%;
	margin: 10px 0;
	border-top: 1px solid #ccc;
}
table.saved-carts > tbody > tr > td,
table.saved-carts > tbody > tr > th {
	padding: 6px 4px;
	border-bottom: 1px solid #ccc;
}
table.saved-carts tr.selected td {
	background: #deecf4;
}
table.saved-carts tr:hover td {
	background: #deecf4;
}
table.saved-carts tr.selected a.cart-link {
	font-weight: bold;
}
table.saved-carts a.cart-link span.cart-name {
	font-style: italic;
}
table.saved-carts div.controls {
	float: right;
}
table.saved-carts div.preview {
	padding-left: 22px;
}
table.saved-carts table.preview {
	width: 100%;
	margin: 6px 0;
}
table.saved-carts table.preview th,
table.saved-carts table.preview td {
	padding: 2px 6px;
	vertical-align: top;
}
table.saved-carts table.preview tbody tr.item td {
	border-top: 1px dotted #888;
}
table.saved-carts table.preview tbody tr:first-child td {
	border-top: none;
}
table.saved-carts table.preview tr th:first-child {
	text-align: left;
}
table.saved-carts table.preview span.not-available {
	color: red;
	font-style: italic;
}
table.saved-carts table.preview .qty {
	text-align: center;
}
table.saved-carts table.preview .price {
	text-align: right;
	white-space: nowrap;
}
table.saved-carts table.preview .price .discount {
	color: #ff6600;
}
table.saved-carts table.preview del {
	color: #777;
}
table.saved-carts table.preview tr.total td {
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
}
table.saved-carts table.preview tr.total.discount td {
	font-weight: normal;
}
table.saved-carts div.message {
	border: 1px dashed #888;
	padding: 2px 4px;
	margin-top: 3px;
	font-style: italic;
	background: white;
}
table.saved-carts div.message strong {
	font-style: normal;
}


table.saved-carts fieldset.discount-fields {
	position: relative;
	width: 90%;
	padding: 14px 10px 10px 10px;
	margin: 0 auto 25px auto;
	background: #cbdeec;
	border: 1px solid #888;
}
table.saved-carts fieldset.discount-fields legend {
	position: absolute;
    top: -8px;
    left: 1em;
	background: #cbdeec;
	border: 1px solid #888;
	margin: 0;
	padding: 0 3px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}
table.saved-carts fieldset.discount-fields div.discount-info {
	font-weight: bold;
	margin: 0.3em 0;
}
table.saved-carts fieldset.discount-fields input[type=text] {
	width: 55ex;
}
table.saved-carts fieldset.discount-fields input[type=submit] {
	margin-top: 8px;
	font-weight: bold;
	font-size: 110%;
}



/* search history */
table.history-table td {padding: 2px 6px 2px 0; vertical-align: top}

div.search_history {float: left; width: 290px}
div.search_history table {width: 285px}
div.search_history td.firstCol {white-space: nowrap}
div.search_history td.phrase {width: 100%}
div.search_history_popular td.firstCol {text-align: right}
div.search_history h2, div.search_history_popular h2 {margin: 0 0 1em 0; font-size: 10px}

/* product versions */
table.wersje-prod {margin: 3px 0 5px 0}
table.wersje-prod td {text-align: left; font-weight: bold; color: black}
table.wersje-prod h2 {font-size: 8pt; margin: 0.2em 0 0.1em 0}
table.wersje-prod h3 {font-size: 8pt; color: #555; margin: 0.4em 0 0.1em 0}
table.wersje-prod select {width: 235px; font-weight: normal; font-size: 8pt}
table.wersje-prod ul {padding-left: 2em; margin: 0.5em 0 0.2em 0; font-weight: normal}
table.wersje-prod td.wyjasnienia {padding-top: 0.7em}


/* global message */
div.global-message {font-weight: bold; font-size: 110%; padding: 4px 6px; margin-bottom: 8px}
div.global-message.ok {background: #00A600; color: white}
div.global-message.error {background: red; color: white}
div.global-message.alert {background: orange; color: black}
div.global-message ul {margin: 0 0 0 1em; padding: 0}

td.medium-ad img {border: 1px solid black; margin-bottom: 2px}
td.medium-ad a {color: black}



/* articles */
table.article {width: 95%; border: 1px solid #888; background: #eee; margin: 20px auto 0px auto !important}
table.article th, table.article tr.article-foot td {background: #ddd}
table.article th {text-align: left}
table.article th, table.article td {padding: 3px}
table.article th a {font-weight: bold}


/* Standardowy formularz */
table.standard-form td {padding: 4px}
table.standard-form td.label {width: auto; text-align: right}
table.standard-form td div.field-error {color: red; font-weight: bold}


/* kalkulator wysylki */
body.delivery-calc {padding-top: 2px}
table.delivery-calc ul.additional-payments {padding: 0 0 0 2em; margin: 0}
table.delivery-calc td {vertical-align: top}
table.delivery-calc p.additional-payments {margin: 0; padding: 0}


/* order history & pay again */
div.order {margin: 3em 0}
table.order-items {width: 100%; margin: 1em 0 1em 0; border-top: 1px solid #555; border-left: 1px solid #555}
table.order-items th {text-transform: uppercase; }
table.order-items td, table.order-items th {background: #CDDAE3; padding: 4px; border-right: 1px solid #555; border-bottom: 1px solid #555}
table.order-items td a {color: #234075}
table.order-items td.order-sum {text-align: right}
table.order-items tr.not-available td, table.order-items td.not-available a {color: red; font-size: italic}
table.order-items div.old-value {color: red}


table.transaction-status {margin: 1em 0; border-top: 1px solid #555; border-left: 1px solid #555}
table.transaction-status th, table.transaction-status td {background: #CDDAE3; padding: 4px; border-right: 1px solid #555; border-bottom: 1px solid #555}



/* reklama popup */
#popup-ad {
	position: fixed;
	top: 0;
	left: -1000px;
	z-index: 1000;
	width: 210px;
	border: 2px solid black;
	padding: 0 0 3px 0;
	background: white;
	text-align: center;
}
* html #popup-ad {position: absolute;}


#popup-ad a {
	color: black;
	text-decoration: none;
	display: block;
}

#popup-ad img {
	border: none;
}

#popup-ad div.popup-header {
	text-align: center;
	text-transform: uppercase;
	color: #444;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 5px 0;
}

#popup-ad #popup-close {
	display: none;
	position: absolute;
	top: -1px;
	right: -1px;
	color: red;
	font-size: 18px;
	font-weight: bold;
	font-family: arial, helvetica;
	background: white;
	border: 1px solid black;
	padding: 0 4px 0 4px;
}

#popup-ad #popup-close span {
	display: block;
	margin-top: -0.17em;
}

#popup-ad div.ad-image {
	margin-bottom: 10px;
}

/* Blackout popup */
div.blackout {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
div.blackout-content {
	position: fixed;
	top: 50%;
	margin: -174px auto 0 auto;
	width: 540px;
	height: 300px;
	padding: 16px;
	border: 8px solid darkred;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/* search tips */
#search-tips {
	position: absolute;
	z-index: 1000;
	
}

#search-tips ul {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 1px;
	width: 320px;
	overflow: auto;
	list-style-type: none;
	border: 1px solid #666;
	background: white;
	text-align: left;
}

#search-tips li {
	background: white;
	padding: 2px;
	cursor: pointer;
}

#search-tips li.odd {
	background: #e5eef7;
}

#search-tips li.highlight {
	background: #0e7ec2;
	color: white;
}

#search-tips li.more {
	text-align: right;
	font-weight: bold;
}

/* Compatibility table */
table.compat {
	border-spacing: 0;
	margin-top: 10px;
	width: 100%;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
}
table.compat th {
	padding: 5px 8px;
	background-color: #46659C;
	color: white;
}
table.compat th,
table.compat td {
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
}
table.compat th,
table.compat td,
table.compat div,
table.compat a {
	font-size: 110%;
}
table.compat th.howto {
	background-color: #fffce3;
	color: #dd0000;
	text-align: left;
	font-weight: normal;
}
table.compat th.howto p {
	padding: 0;
	margin: 0.6em 0;
	font-size: 100%;
}
table.compat td {
	width: 50%;
	padding: 5px;
	vertical-align: top;
}
table.compat td ul.list {
	padding: 0 !important;
	list-style-type: none !important;
}
table.compat td ul.list li {
	margin: 0 0 0 3px !important;
	padding: 0.2em 0 0.2em 2px;
}
table.compat td ul.list.mfgs a {
	display: block;
	font-weight: bold;
	line-height: 18px;
}
table.compat td ul.list.mfgs li {
	font-weight: bold;
	min-height: 18px;
	padding: 0 26px 0 2px;
}
table.compat td ul.list li.selected {
	background: url('/www/images/compat-selected-mfg.png') #e5eef7 right 50% no-repeat;
}
table.compat td .loading {
	visibility: hidden;
}
table.compat div.compat-info {
	margin: 5px 0 10px 0;
	border: 1px solid #888;
	padding: 4px;
	background-color: #a3f3ac;
	border-radius: 4px;
}
table.compat div.compat-info.not-compatible {
	background-color: pink;
	color: #330000;
}
table.compat div.compat-info.not-compatible a {
	color: #330000;
}
table.compat div.compat-info a {
	text-decoration: none;
}
table.compat div.compat-info a:hover {
	text-decoration: underline;
}
table.compat div.compat-info ul {
	list-style-type: disc;
	padding-left: 1.5em !important;
}
table.compat div.compat-info ul li {
	line-height: 105%;
	margin: 5px 0;
}


/* galerie na str. produktu */
div.gallery div.row {
	margin: 25px 0;
	overflow: hidden;
}
div.gallery div.row div.photo {
	float: left;
	text-align: center;
}
div.gallery div.row div.photo img {
	vertical-align: bottom;
	border: 1px solid #888;
}
div.gallery div.row div.photo div.description {
	padding: 0 10px;
}


/* strona zdjecia */
div.gallery-photo img {
	max-width: 100%;
}
div.gallery-photo div.description {
	margin-top: 3px;
}
div.gallery-photo div.links {
	margin-top: 2em;
}

/* galeria */
#gallery-blackout-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1000;
}
div.gallery-blackout {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ddd;
	opacity:.92;
	filter: alpha(opacity=92);
}
 
div#gallery-blackout-content {
	position: relative;
	top: 0;
	margin: 0 auto 0 auto;
	width: 540px;
	height: 300px;
	z-index:1002;
}
div#gallery-top {
	margin: 0 0 3px 2px;
	height: 1px;
}
img#gallery-image {
	background: #666;
	border: 2px solid #444;
}
div#gallery-blackout-content img {
	display: block;
	cursor: pointer;
}
div#gallery-blackout-content img#gallery-close {
	position: absolute;
	top: -16px;
	right: 0;
}
div#gallery-blackout-content img#gallery-left {
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -25px;
	padding: 10px 7px 10px 0;
}
div#gallery-blackout-content img#gallery-right {
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -25px;
	padding: 10px 0 10px 7px;
}
div#gallery-blackout-content #gallery-img-caption {
	text-align: center;
	color: black;
	font-size: 10pt;
	margin-top: 2px;
	min-width: 100px;
}
div#gallery-blackout-content #gallery-img-caption span {
	background: #dfdfdf;
	padding: 1px 5px;
}
