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}

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;
}

table.prod-raty-info img {vertical-align: middle; margin-right: 2px; }
table.prod-raty-info td {color: #24487A; font-style: italic; font-weight: bold; font-family: arial, helvetica; font-size: 8pt; white-space: nowrap}

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.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;
}

/* 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:hover td {
	background: #deecf4;
}
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 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 tr.total td {
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
}



/* 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;
}