* { padding: 0px; border-width: 0px; margin: 0px; font-family: 'Verdana', sans-serif; }
html { background: url('../images/background.gif') center; color: #600; font-size: 11px; }
body { position: relative; width: 551px; padding: 123px 30px 0px 199px; margin: 0px auto; }

/* links */

a { text-decoration: none; color: #900; }
a:hover { background-color: #FEFADA; }

/* inline elements */

acronym { border-bottom: 1px dashed #600; cursor: help; }
strong.companyName { text-transform: uppercase; }
strong.order { display: block; height: 30px; border: 2px ridge #E9B490; background-color: #FDF2DC; line-height: 30px; text-align: center; }
strong.order:hover { border-style: groove; }
strong.order a:hover { background-color: transparent !important; }

/* addresses */

address { margin: 20px 0px 20px 40px; font-size: 8pt; font-style: normal; }

/* forms */

fieldset { padding: 10px; border: 1px solid #600; margin: 10px; }
select, textarea, input { padding: 2px; border: 1px solid #E9B490; margin: 4px; background: #FDF2DC; font-size: x-small; vertical-align: middle; }
textarea:focus, input:focus { background: #FFF; }
input[type='password'], input[type='text'], input:not([type]) { width: 60px; }
input[type='submit'] { cursor: pointer; }
input.short { width: 20px; }
label { cursor: pointer; }
legend { padding: 0px 5px; }
option[selected] { background: #E9B490; }
textarea { width: 500px !important; height: 120px !important; display: block; }

/* headers */

h1, h3 { margin: 20px; }
h1 { display: none; font-size: x-large; }
h2 { color: #A90101; font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; margin: 0px 0px -6px -10px; }

/* images */

img { display: block; }

/* lists */

ol, ul { margin-left: 38px; }
li { list-style-type: none; }
fieldset ol, ul { margin-left: 15px; }
fieldset li { list-style-type: circle; }
ol li { list-style-type: decimal; }

ul.itemDisplay li { display: block; width: 160px; height: 160px; padding: 1px; margin: 5px; float: left; background-color: #FFEFCA; text-align: center; }
ul.itemDisplay img { padding-bottom: 5px; }
ul.itemDisplay em { font-size: 7pt; }

dl { margin: 20px; }
dd { margin: 10px; }
dt { margin: 10px 0px 10px 20px; }
dt:first-letter { font-size: larger; font-weight: bold; }

/* paragraphs */

p { margin: 20px; text-indent: 1em; }

/* preformatted text */

pre { padding: 10px 0px; border: 1px solid #600; border-width: 1px 0px; margin-left: 50px; font-family: 'Courier New', serif; }

/* tables */

table { width: 510px; margin: 10px; }
th, td { padding: 4px; text-align: left; }
th, td:first-child { background: #ECD39A; }

/* miscellaneous */

br.clear { clear: both; }

/* ID selectors */



ul.box { position: relative; }
ul.box label, ul.box input { position: absolute; }
ul.box label { left: 27px; }
ul.box input { left: 40px; width: 70px; }
ul.box input.image { padding-left: 20px; border-width: 0px; background: transparent left center no-repeat; color: #600; }

label.row1 { top: 0px; }
label.row2 { top: 25px; }
label.row3 { top: 50px; }

#loginBox { height: 75px; }
#loginBox input.image { background-image: url('../images/picLogin.gif'); }
#loginBox label.row3 { visibility: hidden; }
#loginBox label.row3 input { visibility: visible; }

#searchBox { height: 50px; }
#searchBox input.image { background-image: url('../images/picSearch.gif'); }

#vignette { position: absolute; left: 0px; top: 0px; overflow: hidden; }
#vignette img { float: left; }

#author { position: fixed; left: 4px; bottom: 2px; font-size: x-small; }
#author a { color: #997B4F; }

/* class selectors */

div.item * { overflow: hidden; }
div.item { position: relative; height: 120px; border: 1px solid #FFF; }

div.item div { padding: 10px; padding-left: 170px; height: 50px; overflow-y: auto; }
div.item h3 { padding-left: 170px; margin: 0px; background: #FFEAC1; font-size: 10pt; line-height: 20px; }
div.item img { position: absolute; left: 0px; top: 0px; border: 2px dotted #A90101; }
div.item input { display: block; margin: 0px; }
div.item li { position: absolute; bottom: 0px; width: 80px; height: 30px; background: #FFEAC1; font-size: x-small; text-align: center; }
/* div.item span { display: block; } */

li.order1 { right: 270px; }
li.order2 { right: 180px; }
li.order3 { right: 90px; }
li.order4 { right: 0px; }
li.order3 input { margin: 5px; }
li.order4 input { width: 80px; padding-top: 16px; border-width: 0px; background: url('../images/picCart.gif') center top no-repeat; color: #600; }

div.indexPage { background: red; margin: 0px auto; }

div.indexPageSection { position: relative; width: 250px; height: 200px; float: left; margin: 10px; background-color: #FFEFCA; background-repeat: no-repeat; }
div.indexPageSection h2 { display: none; }
div.indexPageSection p { margin: 120px 10px 10px 10px; font-size: 8pt; text-align: justify; text-indent: 0px; }
div.indexPageSection a { text-decoration: none !important; }

div.indexPageSection.kosmetyki { background-image: url('../graf/r-kosmetyki.gif'); }
div.indexPageSection.kadzidla { background-image: url('../graf/r-kadzidla.gif'); }
div.indexPageSection.olejki { background-image: url('../graf/r-olejki.gif'); }
div.indexPageSection.akcesoria { background-image: url('../graf/r-akcesoria.gif'); }
div.indexPageSection.stojaki { background-image: url('../graf/r-stojaki.gif'); }
div.indexPageSection.wyroby { background-image: url('../graf/r-wyroby.gif'); }
div.indexPageSection.spozywcze { background-image: url('../graf/r-spozywcze.gif'); }
div.indexPageSection.spozywcze, div.indexPageSection.kosmetyki { width: 121px; }
div.indexPageSection.spozywcze p, div.indexPageSection.kosmetyki p { text-align: left; }
div.indexPageSection.spozywcze { margin-right: 0; }

div#introduction { width: 525px; /*padding: 0px 320px 0px 10px; background-image: url('../graf/olejki.jpg'); background-position: right center; background-repeat: no-repeat; */}
div#introduction h3 { font-size: 8pt; }
div#introduction ul { list-style-type: disc; }
div#introduction li { margin-bottom: 10px; font-size: 8pt; text-align: justify; }

div.panel { width: 250px; float: left; padding-bottom: 20px; }
div.panel h3 { padding: 2px 0px 2px 20px; background-position: left top; background-repeat: no-repeat; font-size: 8pt; text-transform: uppercase; }
div.panel ol { margin-left: 60px; font-size: 8pt; }

div.olejki { background-image: none !important; background-color: #FFE4A6 !important; }
div.olejki h3 { background-color: #BDD0A9; background-image: url('../graf/oz.gif'); }
div.kompozycje h3 { background-color: #F4CFAC; background-image: url('../graf/or.gif'); }

div#kontakt { background-image: url('../graf/t_slon.jpg'); background-repeat: no-repeat; }

/* menu */

div#menu { position: absolute; top: 140px; left: 0px; width: 199px; }
div#menu h2 { margin: 20px 0px 10px 10px; font-size: 10pt; font-variant: small-caps; }
div#menu ul { margin: 0px; }

ul#menuSite li, ul#menuOnline li { width: 199px; font-size: 8pt; line-height: 25px; }
ul#menuSite a, ul#menuOnline a { display: block; }
ul#menuSite li, ul#menuOnline li { background: url('../images/menu.gif'); text-indent: 50px; }
ul#menuSite li a:hover, ul#menuOnline li a:hover { background-image: url('../images/menuHover.gif'); }
ul#menuSite li li, ul#menuOnline li li { background: url('../images/menuIndent.gif'); text-indent: 70px; }
ul#menuSite li li a:hover, ul#menuOnline li li a:hover { background-image: url('../images/menuIndentHover.gif'); }
ul#menuOnline { font-weight: bold; }

ul#menuShop { width: 150px; float: right; padding: 10px; border: 1px solid #FFF; border-right-width: 0px; background-image: url('../images/alpha50.gif'); }
ul#menuShop li { margin-bottom: 10px; }
ul#menuShop a:hover { display: block; width: 100%; background-color: #FFF; }
div#menuShop input { width: 20px; }

/* stojaki */

div#stojaki * { padding: 0px; margin: 0px; font-size: 8pt; }
div#stojaki strong { display: block; /* materialy: drewno, metal ... */ }
div#stojaki h3 { padding: 5px; background-color: #FEEDC7; font-size: 8pt; text-align: center; text-transform: uppercase; }
div#stojaki h4 { text-align: center; font-size: 9pt; }
div#stojaki ul { margin: 20px auto; /* text-align: center; */ }
div#stojaki li { background-color: #FEEDC7; }
div#stojaki ul ul li { text-indent: 5px; }
/* div#stojaki ul ul li { display: inline; } */

ul.standing, ul.tall { position: relative; width: 500px; }
ul.standing li, ul.tall li { position: absolute; }
ul.standing li li, ul.tall li li { position: static; }

ul.small { width: 120px; }

ul.standing { height: 250px; }
ul.standing li { top: 0px; width: 120px; }
ul.standing li.first { left: 0px; }
ul.standing li.second { left: 125px; }
ul.standing li.third { left: 250px; }
ul.standing li.fourth { left: 375px; }

ul.tall { height: 760px; background-image: url('../graf/t_ex.jpg'); background-position: 170px 0px; background-repeat: no-repeat; }
ul.tall li { width: 160px; }

ul.tall li.first, ul.tall li.fifth, ul.tall li.sixth, ul.tall li.seventh, ul.tall li.eigth { height: 320px; }

ul.tall li.first { left: 0px; top: 0px; }
li.trinity { height: 100px; left: 170px; }
li.trinity, li.trinity * { background-color: transparent !important; }
ul.tall li.second { top: 0px; }
ul.tall li.third { top: 100px; }
ul.tall li.fourth { top: 200px; }
ul.tall li.fifth { left: 340px; top: 0px; }

ul.tall li.sixth, ul.tall li.seventh, ul.tall li.eigth { top: 330px; }
ul.tall li.sixth { left: 0px; }
ul.tall li.seventh { left: 170px; }
ul.tall li.eigth { right: 0px; }
ul.tall li.ninth { left: 0px; bottom: -20px; width: 245px; }
ul.tall li.tenth { right: 0px; bottom: -20px; width: 245px; }

ul#menuCustomer { padding: 5px 0px; border-bottom: 1px solid red; margin: 0px; background-color: #FDF2DC; font-weight: bold; }
ul#menuCustomer li { display: inline; padding-left: 50px; }
ul#menuCustomer a { text-decoration: none !important; }
ul#menuCustomer a:hover { text-decoration: underline !important; }

div#wholesaleItems h3 { padding: 5px; border: 1px solid #808080; border-width: 0px 0px 1px 1px; font-size: 8pt; }

div#article a { text-decoration: underline; }


#wholesale_items ul {
	border-left: 1px solid #F9AE87;
	padding-left: 5px; }

#wholesale_items li {
	padding-left: 4px; 
	border-left-width: 8px;
	border-left-style: solid; }
#wholesale_items li.kad { border-left-color: #FFB05E; }
#wholesale_items li.ole { border-left-color: #FFC0CB; }
#wholesale_items li.sto { border-left-color: #6ED7DE; }
#wholesale_items li.akc { border-left-color: #AAE66F; }
#wholesale_items li.pre { border-left-color: #B0A7B8; }

#wholesale_items acronym { border-bottom-width: 0px; }
#wholesale_items input { width: 50px; }

li h4 { margin: 5px; }

#troublesome_section {
	background-color: #FFEFCA !important; background-image: url('http://www.ati108.pl/graf/r-olejki.gif') !important; }

ul.wholesale_menu li { margin: 5px 0px 0px 30px; list-style-type: circle; }
ul.wholesale_menu a { text-decoration: none !important; }

#article h4 { margin-left: 30px; }

p { text-align: justify; }
h2 { margin: 0px 20px 20px 20px; padding-top: 20px; }

/* strong.wholesale { font-size: larger; } */

#retail_menu {
	border: 1px solid #FFF;
	padding: 10px;
	background-image: url('../images/alpha50.gif'); 
/* background-image: url('http://www.ati108.pl/images/menuDetal.gif'); */
	font-size: 90%;
	margin: 10px 0px 10px 27px; }
#retail_menu li {
	list-style-type: disc;
	margin: 5px; }
#retail_menu h3 {
	margin: 5px; }

img.edit_item { position: static !important; display: inline; vertical-align: middle; }

#category_description {
	padding: 10px;
	background: #FFEDC7;
	cursor: pointer; }

#kontakt img {
	margin: -10px 0px -10px 12px; }

div.category_description li {
	margin-left: 30px;
	list-style-type: disc; }

marquee, marquee a { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #660000; 
	padding-right: 20px; 
	padding-left: 10px;
	margin-right: 20px;	
	margin-left: 10px;
	text-decoration: none !important;
	font-weight: bold; 
	background-color: #FCEFCF;
	/*background: url('../graf/t_marquee.gif');*/
	}

 marquee a:hover {
	color: red; 
	}

#footer { clear: both; padding: 5px; border-top: 1px solid #e9c48f; color: #e9c48f; }
#footer a { color: #db946c; }

#online, #online * { width: 195px; display: block; float: right; clear: both; padding: 0; border-width: 0; margin: 0; vertical-align: bottom; }