* { padding: 0px; border-width: 0px; margin: 0px; }

html { background: url('../images/backgroundHtml.jpg'); color: #666; font-family: 'Verdana', sans-serif; font-size: 10pt; line-height: 15pt; }
body { background: #FFF url('../images/backgroundBody.jpg') no-repeat; }

a { color: #EFA52E; text-decoration: none; }
a:hover { color: red !important; text-decoration: none; }

img { vertical-align: middle; }
address { font-style: normal; }
strong.requiredField { font-weight: bold; color: red; cursor: help; }

form { margin: 20px 0px; }

/* mess warning! */

.interface, .interface * {
	width: auto !important;
	padding: 0 !important;
	border-width: 0 !important; 
	margin: 0 !important; 
	background: none !important;
}

.interface { position: absolute; border: 1px solid #B0E0F5 !important; background: url('../images/tForm.gif') !important; }
.interface th { text-align: left; }
.interface p { padding: 4px !important; font-size: 8pt !important; color: #001E6A; font-family: 'Arial'; line-height: 10px; margin: 4px; white-space: nowrap; }
.interface a { color: #0074bc; font-weight: bold; }
.interface legend, .interface label.submit { display: none; }
.interface label { color: #001E6A; cursor: pointer; font-size: 8pt !important; font-weight: normal; }
.interface input { width: 90px !important; border: 1px solid #AFDFF5 !important; background: white !important; font-size: 8pt !important; }

input.submit { width: 78px !important; height: 19px; border-width: 0 !important; background-image: url('../images/submitLog.gif') !important; color: #0074BC !important; cursor: pointer; font-size: 9pt !important; font-weight: bold; }

#loginForm { left: 220px; top: 5px; width: 280px !important; }
#searchForm { right: 5px; top: 65px; width: 180px !important; }

/*
form.interface p { margin: 0px; }
form.interface input { width: 80px; margin: 0px; border: 1px solid #0074BC; background: #FFF; opacity: 1; text-align: center; }
form.interface input:focus { opacity: 1; }
*/




fieldset { position: relative; padding: 10px; border: 1px solid #F0E2CC; margin: 20px 0px; }
fieldset li input { position: absolute; left: 200px; }
form.normal_lists * { position: static !important; }
input, textarea, select { padding: 2px; border: 1px solid #EFA52E; background: #EFF9FF; color: #666; font-family: 'Verdana', sans-serif; font-size: 8pt; }
input:focus, textarea:focus, select:focus { background: #FFF; }
textarea { width: 500px; }
textarea.large { height: 100px; }
textarea.medium { height: 50px; }
textarea.small { height: 20px; }
select[multiple] { height: 200px; }
legend { margin: 5px; color: #EFA52E; font-size: 11pt; }

h1 { display: none; }
h2, h3 { margin-left: 10px; padding-bottom: 0px; color: #EFA52E; margin-bottom: 0px; }
h2 { padding-top: 20px; padding-bottom: 10px; font-size: 13pt; }
h3 { font-size: 12pt; margin-bottom: 0px; }

p { margin: 10px 10px 20px 10px; }
p.adminQuickMenu { width: 140px; float: left; padding: 5px; border: 1px solid #808080; margin: 5px 30px 30px 5px; background: #EEE; text-align: center; }
p.itemAscendants { margin-top: 10px; font-size: 8pt; }
p.itemPhoto { float: right; }

ol { margin: 20px 0px; }
li { margin-left: 20px; list-style-image: url('../images/arrowSmall.gif'); }

dd { margin: 0px 0px 20px 15px; }

.contactSubsection { position: relative; width: 330px; height: 350px; overflow: hidden; float: left; padding: 10px; margin: 10px; border: 1px solid #F0E2CC; }
.contactSubsection > * { margin: 5px; }
.contactSubsection fieldset { padding: 0px; border-width: 0px; margin: 0px; }
.contactSubsection h2 { margin: 5px; font-size: 10pt; }
.contactSubsection textarea { width: 100%; }

.mapContainer { overflow: scroll; width: 700px;}

hr { margin: 10px 0px; border-top: 1px solid #EFA52E; }

table { width: 100%; margin-bottom: 20px; background: #EFF9FF; empty-cells: show; }
table, td { border: 1px solid #5CABDC; }
th { background: #0074BC; color: #FFF; font-size: smaller; font-weight: bold; line-height: 120%; }
td, th { padding: 3px; }
td.center { text-align: center; }
td input { width: 30px; }
th { text-align: center; }
tbody tr:hover { background: #FFF; }

pre { padding: 10px; border: 1px dashed #EFA52E; border-right-width: 0px; margin: 20px; font-family: 'Courier New', serif; }
pre table { white-space: normal; } /* tabele historii zamowien */

#recommendation { display: none; }
#recommendation p { margin: 0px; }
#recommendation h3 { text-align: center; }

#article { margin: 10px; }

#recommendation.wide { width: 170px; height: 100%; display: block; float: left; }
#recommendation.wide div { position: absolute; left: 0; top: 145px; /*z-index: 200;*/ }
#article.narrow { margin-left: 180px; }

#about { float: right; margin: 0px 0px 20px 20px; }
#about a { border-width: 0px; }
#about li { list-style-type: none; }

#footer { z-index: 1; position: relative; width: 780px; height: 20px; background-color: #666; }
#author, #w3c { z-index: 1; position: absolute; top: 0px; line-height: 20px; color: #FFF; font-size: 7pt; }
#author { left: 10px; }
#w3c { right: 5px; }

/*
#menu { z-index: 20; position: absolute; left: 0px; top: 115px; width: 780px; }
#menu a { text-decoration: none; }
#menu li { position: relative; display: block; margin: 0px; list-style-image: none; }
#menu > li { height: 30px; float: left; line-height: 30px; }
#menu > li ul.items { position: absolute; left: 200px; top: 0px; width: 200px; display: none; }
#menu > li > ul.items { left: 0px; top: 30px; }
#menu > li:hover { background: #0074BC; } Opera fix - it does not hover elements with no background?
#menu li:hover > ul.items { display: block; }
#menu { background: #0074BC; }
#menu .arrow { background-image: url('../images/arrowBlue.gif'); background-position: center right; background-repeat: no-repeat; }
#menu > li { padding: 0px 8px; border-right: 1px solid red; color: #FFF; font-size: 7pt; font-weight: bold; }
#menu > li > a { border-width: 0px; color: #FFF; font-size: 7pt; font-weight: bold; line-height: 30px; }
#menu > li > a:hover { color: #FFB744; }
#menu > li li { margin-bottom: 2px; color: #666; font-size: 10pt; font-weight: normal; line-height: 18px; }
#menu ul.items { border: 1px solid #01558A; background-color: #FFF; }
#menu ul.items a { display: block; border-width: 0px; color: #0074BC; font-size: 7pt; text-align: left; }
#menu ul.items a:hover { color: #EFA52E; }
#menu ul.items li { display: block; padding-left: 8px; margin-left: 0px; background-color: #FDDEA1; background-color: #FEF6E7; cursor: w-resize; font-size: 6.5pt; }
*/

div.news { padding: 20px; border: 1px solid #666666; margin: 10px 15px; background-image: url('../images/backgroundNews.jpg'); background-position: bottom right; background-repeat: no-repeat; }
div.news h3 { margin: 0px; margin-bottom: 10px; }
div.news div { font-size: 8pt; text-indent: 300px; }
div.news img { float: right; margin: 10px; }

p#newsLatestBefore, p#newsLatestAfter { font-size: 8pt; font-weight: bold; color: #EFA52E; }
p#newsLatestBefore { margin-bottom: -10px; }
p#newsLatestAfter { margin-top: -10px; text-align: right; }
p#newsLatestAfter a { padding-left: 10px; background: url('../images/arrowOrange.gif') left center no-repeat; }

#recommendation h2 { display: none; }
#recommendation div { width: 150px; padding: 10px; background: #E4E4E4; }
#recommendation div * { font-size: 7.5pt; line-height: 11pt; }
#recommendation div h3 { margin: 5px; color: #0074BC; font-size: 7pt; line-height: 15pt; font-weight: bold; }
#recommendation div img { display: block; width: 150px; margin-top: 10px; }
#recommendation div strong { display: block; margin-bottom: 10px; font-weight: bold; }



#adminMainMenu { width: 100%; clear: both; margin: 0px; }
#adminMainMenu * { font-size: 8pt; }
#adminMainMenu td { text-align: center; }

.grey { color: #000000 !important; }

#article ul.items a { color: #EFA52E !important; background-image: none; }

p.mail_sent_info { padding: 5px; border: 1px solid #F0E2CC; margin: 10px; background: #FFF; font-family: 'Courier New', serif; font-weight: bold; text-align: center; }
p.mail_sent_info.failure { color: #F00; }
p.mail_sent_info.success { color: #008000; }




#counter { font-size: smaller; }
#counter * { padding: 0; border-width: 0; margin: 0; }

#counter ol { border-bottom: 1px solid #EEE; }
#counter ol li { display: inline; }
#counter ul { padding: 10px; border: 1px solid #CCC; border-width: 0 0 1px 1px; margin-bottom: 10px;  margin-left: 40px; }
#counter h2 { margin: 20px; }
#counter q { font-weight: bold; }

div.counter_record_title a.outer { padding: 4px !important; border: 1px solid gray !important; font-size: 8pt !important; }
div.counter_record_title, div.counter_record_title * { font-size: 12pt !important; }
div.counter_record_title strong { color: red; }
div.counter_record_totals { border-bottom: 1px solid #EEE !important; }

#calculator { position: absolute; right: 0px; top: 0px; padding: 10px; background: white; color: black; }
#calculator strong { color: red; }
#calculator em, strong.countable { cursor: pointer; }

#counter_summary { background: black; color: white; font-size: 7pt; line-height: 20px; }
#counter_summary * { display: inline; }
#counter_summary abbr { cursor: help; }

div.counter_header * { margin: 5px; }
h3.counter_type { margin: 20px; }

/* menu - nowe (jedyne oprocz common.js miejsce zwiazane z menu)*/

#menu, #menu * { z-index: 20; margin: 0; list-style-image: none; list-style-type: none; }

ul.navigation { position: absolute; left: 0; top: 115px; width: 100%; background: #0074BC; color: white; font-size: 8pt; font-weight: bold; }
li.navigation { position: relative; float: left; padding: 0 3px; border-right: 1px solid white; line-height: 30px; }

ul.category { position: absolute; left: 0; top: 30px; width: 170px; display: none; background: white; color: black; font-size: 7pt; font-weight: normal; }
ul.category.extendee { display: block; }
li.category { padding: 0 4px; margin-top: 2px !important; background: #FDDEA1; line-height: 17px; }
li.category.extender { position: relative; background-color: #FFB744 !important; }
li.category.first { margin-top: 0 !important; }
li.category.has_categories { background: #FDDEA1 url('http://www.zeni-med.com.pl/images/arrowBlue.gif') 95% center no-repeat; }

ul.category ul.category.extendee { left: 100%; top: 0; }

li.navigation a { color: white; }
li.category a { color: #0074BC; }

table.cart_table.user tbody th { width: 125px; }
table.cart_table th.total { padding-right: 10px; text-align: right; }

div.mail { position: absolute; background: white; font-size: 9pt !important; }
div.mail caption { text-align: left; padding: 10px; }
div.mail table { margin: 0px; }

table, table * { font-size: 9pt !important; }

table.mailing, table.mailing * { font-size: 7pt !important; }
table.mailing { width: 100%; }
table.mailing td { text-align: center; }
table.mailing td.long { text-align: left; }
table.mailing td * { padding: 0; margin: 0; }
table.mailing td ul {list-style-type: none; }
table.mailing td li { /* white-space: nowrap; */ }
table.mailing td strong { font-weight: bold; }
table.mailing tbody th { background: #0074BC; color: white; position: relative; }
table.mailing tbody th * { padding: 0; margin: 0; display: block; line-height: 90%; }
table.mailing li { cursor: help; list-style-image: none; list-style-type: none; }
table.mailing th a { color: white; text-decoration: underline; }
table.mailing th a:hover { color: white; text-decoration: none; }
table.mailing td.other img { display: block; padding: 5px 0; }
table.mailing input { background: transparent; border-width: 0; vertical-align: middle; }
table.mailing caption strong { cursor: pointer; }

table.mailing td.user_add { background: #FFF5F5; color: maroon; }
table.mailing td.user_remove { background: #F5FFF5; color: green; }
.user_add label, .user_remove label { cursor: pointer; }

fieldset.mailing { padding: 0; font-size: smaller; }
fieldset.mailing * { position: static; }
fieldset.mailing ol { margin-left: 20px; }
fieldset.mailing #page { width: 50px; }

div.hr { border: 1px solid #A7CADF; border-width: 0 0 1px 0; }
div.recipients { width: 200px; height: 200px; position: absolute; right: 10px; top: 150px; overflow: auto; border: 1px solid #CCC; margin: 10px 0; font-size: 8pt; }

textarea.mailer { width: 500px; }
p.mail_sent_info.mailer { width: 495px; } /* weird fixed both here and for IE */

#newsbox { position: relative; width: 575px; height: 25px; float: right; overflow: hidden; margin: 10px auto; background: #EFA52E; font-size: 13pt; line-height: 25px; white-space: nowrap; }
#newsbox a { color: white; text-decoration: underline; }
#newsbox a:hover { color: black !important; }
#newsbox strong { position: absolute; left: 150px; }

p.order_miniform input
{
	display: inline !important;
	width: 75px !important;
	height: 20px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: white !important;
	line-height: 20px !important;
	vertical-align: middle !important;
}

#recommendation h3, #recommendation h3 *
{
	line-height: 140% !important;
}

#recommendation h3
{
	margin-bottom: 20px !important;
}