/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Tahoma, Arial, Verdana, sans-serif; font-size : 10px; background: #ffffff; font-weight: bold; }
.stockWarning { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
	background-color: #614328;
  /*background-image: url('images/tlo2.gif');C4D391
	background-repeat: repeat;*/
	color: #000000;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

IMG {
border: 0px;
border-color: #c0c0c0;
}

2222topmenu {
  width: 100%;
  height: 30px;
  font-size: 12px;
  font-family: tahoma; 
  color: #5E3915;
  padding: 0px;
  margin: 0px;
  background-color: #B4CC6C;
  border-right: 8px solid #B4CC6C;
	border-left: 8px solid #B4CC6C;
}

.topmenu {
  color: #414141;
  font-size: 12px;
  font-family: tahoma; 
  text-align: left;  
  width: 100%;
  height: 29px;
  padding-left:20px;  
  background: #614328;
 /* border: 2px  dotted #FFA800;
  background-image: url('images/topmenu.gif');
  background-repeat: no-repeat;*/
}

.top {
  background-color: #FFF;
  font-size: 11px;
  font-family: tahoma; 
  padding-top: 5px;
  padding-bottom: 2px;
  border-right: 0px solid #B4CC6C;
	border-left: 0px solid #B4CC6C;
	border-top: 0px solid #B4CC6C;
}

.ramka_sklep {
	background: White;
	border-right: 2px solid #C4C4C4;
	border-left: 2px solid #C4C4C4;
	border-bottom: 2px solid #C4C4C4;
	border-top: 2px solid #C4C4C4;
}

.animefoto {
  float: left;
  text-align: center;  
  width: 750px;
  height: 300px;
}

.hometext {
  float: left;
  text-align: center;  
  width: 750px;  
}

.maintext {
  float: left;
  text-align: center;  
  width: 230px;
  padding: 5px;  
  font-size: 12px;
  font-family: tahoma;
  line-height: 18px;
  color: #584F45;
  text-align: left;
}

.kreska {
  width: 10px;
  height: 120px;
  margin-top:20px;
  padding-bottom: 20px;  
  background-image: url('images/kreska.gif');
  background-repeat: no-repeat;
  float: left;
}

.menutop {
  width: 978px;
  height: 50px;
  float: left;  
}

.banertop {
  width: 978px;
  height: 120px;
  background-image: url('images/banertop.gif');
  background-repeat: no-repeat;
  float: left;  
}

A {
  color: #954C95;
  text-decoration: none;
}

A:hover {
  color: #954C95;
  text-decoration: underline;
}

A.jasnelinki {
  color: #5E3915;
  text-decoration: none;
  font-size: 11px;
}

A.jasnelinki:hover {
  color: #5E3915;
  text-decoration: underline;
  font-size: 11px;
}

A.meniutop {
  color: #ffffff;
  text-decoration: none;
}

A.meniutop:hover {
  color: #70A027;
  text-decoration: none;
}

/* Formularze */

form {
	display: inline;
}

textarea {
  width: 100%;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  border: 1px solid #c0c0c0;
}

input.inputField {
    font-family: Tahoma;
    font-size: 11px;
    border: 1px solid #c0c0c0; 
    background-color: white;
	  padding:2px;
   }
   
input.radio {
	font-size: 11px;
    color: #000000
}
   
select.pullDown {
	background-color: #ffffff; 
    font-weight: normal; 
    font-size: 11px; 
    color: black;
	border: 1px solid #c0c0c0;
}

/* Formularze - koniec*/

TR.header {
  
}

TR.headerNavigation {

}

TD.headerNavigation {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  /*border-top: 1px solid #6E0000;
  border-bottom: 1px solid #6E0000;*/
  color: #6E0000;
  font-weight : normal;
}

TD.headerPowitanie {
  font-family: Tahoma;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  /*background: #5E3915;
  border-top: 0px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;*/
  width: 770px;
  background-image: url('images/menu.gif');
  background-repeat: no-repeat;
  color: #5E3915;
  font-weight : normal;
}

A.headerNavigation { 
  color: #6E0000; 
}

A.headerNavigation:hover {
  color: #6E0000;
}

TD.headerNavigation2 {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation2 { 
  color: #ffffff; 
}

A.headerNavigation2:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {

}

TD.footer {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #5E3915;
  font-weight: bold;
  height: 25px;
 /* border-bottom:1px solid #6E0000;*/
  border-top:1px solid #B4CC6C;
}

/*
.topmenu {
  font-family: Tahoma;
  color: #5E3915;
  font-size: 12px;
  text-align: center;
  padding: 0px;
  margin-bottom: 15px;
}*/


.infoBox {
padding:0px;
}

.infoBoxContents {

  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
}

.infoBoxNotice {
  background: #c0c0c0;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
/*  background-image: url(images/infobox/infobox_heading.gif);*/
  color: #F8F2BC;
}

TD.infoBox, SPAN.infoBox {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  width: 100%;
  border: 0px;
  border-style: solid;
  border-color: #ffffff;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #F8F2BC;
  color: #6E0000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TD.productListing-data2 {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  width: 30%;
}

A.product_listing_name {
  font-weight: normal;
  font-size: 11px;
}

A.pageResults {
  color: #006699;
}

A.pageResults:hover {
  color: #006699;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #6E0000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight:bold;
}

SPAN.greetUser {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #006699;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #006699;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #eeeeee; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #eeeeee; }

.checkoutBarFrom, .checkoutBarTo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

TD.category_desc {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

#button {
padding: 0px;
font-size:11px;
font-family:  Tahoma, Arial, Verdana;
background-color: #ffffff;
color: #000000;
}

#button ul {
list-style: none;
margin: 0px;
padding: 0px;
border-top: 1px solid #c0c0c0;
}
		
#button li {
border-bottom: 1px solid #c0c0c0;
margin: 0;
width: 100%;
}

#button li a {
display: block;
padding: 3px;
border-left: 0px solid #c0c0c0;
border-right: 0px solid #c0c0c0;
background-color: #eeeeee;
color: #006699;
text-decoration: none;
width: 100%;
}

html>body #button li a {
		width: auto;
}

#button li a:hover {
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
background-color: #c0c0c0;
color: #333333;
}
        
#button li.selected  a {
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
background-color: #666666;
color: #ffffff;
} 
			   
/* POLECAMY na głównej */
			   
A.featured {
	font-size: 13px;
	font-family: Tahoma, Arial, Verdana;
	color: #990033;
}

TD.featuredText {
	font-size:11px;
	font-family: Tahoma, Arial, Verdana;
	color: #000000
}

.featuredHeading {
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana;
	color: #666666;
	background: #eeeeee;
	border: 1px solid #c0c0c0;
}	

.featuredBorder {
	border:1px solid #c0c0c0;
}

/* POLECAMY na głównej - koniec */

/* PROMOCJE na głównej */

A.promocje {
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana;
	color: #990033;
}

TD.promocjeText {
	font-size:11px;
	font-family: Tahoma, Arial, Verdana;
	color: #000000
}

.promocjeHeading {
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana;
	color: #ffffff;
	background: #006699;
	border: 1px solid #006699;
}

/* PROMOCJE na głównej - koniec */

TABLE.categ {
  border: 0px;
  border-spacing: 0px;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TD.categ {
     vertical-align: top;
}

A.inactiveNavigation {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight : normal; 
  color: #666666; 
}

A.inactiveNavigation:hover {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight : normal; 
  color: #666666;
}

TD.inactiveNavigation {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #666666;
  background: #eeeeee;
  font-weight : normal;
  cell-spacing: 10px;
}

A.activeNavigation {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight : bold; 
  color: #ffffff; 
}

TD.activeNavigation {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #ffffff;
  background: #FF9900;
  font-weight : normal;
  cell-spacing: 10px;
}

/* Karta produktu */

TD.productInfoHeading {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5E3915;
	background: #B4D77B;
	padding: 5px;
}

.productInfoBorder {
	border: 0px solid #954C95;
	background: White;
}

TD.extraFields {
	background: #B4D77B;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
}

TD.productOptions {
  background: #B4D77B;
  font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
}

.ramka_zdjecie {
	border: 0px solid #F8F2BC;
	width: 200px;
}

/* Karta produktu - koniec*/

A.tabsNavigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold; 
  color: #006699; 
}

A.tabsNavigation:hover {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold; 
  color: #006699;
}

TD.tabsNavigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight : bold;
}

#thecategories a:hover {
	background-color: #6E0000;
	color: #F8F2BC;
	text-decoration: none;
}

.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}

#thecategories {
	position: relative;
	top: -9px;
	margin-bottom: -16px;
	width: 100%;
}

.activelink {
	display: block;
	font-weight: bold;
}

#thecategories a {
	display: block;
	padding-bottom: 2px;
	padding-top: 1px;
	width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
	padding-left: 20px;
}

#thirdcat a {
	padding-left: 35px;
}

#fourthcat a {
	padding-left: 50px;
}

#fifthcat a {
	padding-left: 65px;
}

.tlf {background-image: url(images/zakladki/l_off.gif); }
.tlo {background-image: url(images/zakladki/l_on.gif); }
.trf {background-image: url(images/zakladki/r_off.gif); }
.tro {background-image: url(images/zakladki/r_on.gif); }
.tff {background-image: url(images/zakladki/off_off.gif); }
.tfo {background-image: url(images/zakladki/off_on.gif); }
.tof {background-image: url(images/zakladki/on_off.gif); }
.tmf {background-image: url(images/zakladki/m_off.gif); }
.tmo {background-image: url(images/zakladki/m_on.gif); }
.tabsOff           { font-size: 11px; text-decoration: none;padding: 0 0 4 0; font-family: Tahoma, Verdana, Arial, sans-serif;font-weight:bold}
.tabsOff a:link, .tabsOff a:visited { color: #006699; }
.tabsOff a:hover   { color: #006699; text-decoration: underline;}
.tabsOff a:active  { color: #006699; }
.tabsOn            { font-size: 15px; font-weight: bold; padding: 0 0 4 0;}
.tabsOn a:link, .tabsOn a:visited, .tabsOn a:hover, .tabsOn a:active  { color: #ffffff; text-decoration: none;} 



#lightbox{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 0%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* menu Solid - Show Sub-categories  Star */
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
	display: block;
	vertical-align: middle;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	height: 12px;
	text-decoration: none;
	border: 1px solid White;
}

a.menucateg:hover {
border: solid 1px #F8F2BC;
background-color:#6E0000;
text-decoration: none;
font-weight: bold;
color: #F8F2BC;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
	display: block;
	vertical-align: middle;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	height: 12px;
	text-decoration: none;
	border: 1px solid White;
}

a.menusubcateg:hover {
border: solid 1px #F8F2BC;
background-color:#6E0000;
text-decoration: none;
color: #F8F2BC;
}
/* menu Solid - Show Sub-categories  End */


TD.pollBoxRow {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  border-color: #eeeeee;

  border-style: solid;

  border-width: 1px; 

}

TD.pollBoxText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  border-color: #eeeeee;

  border-style: solid;

  border-width: 1px; 

}

TR.pollOptRow {

  background: #f1f9fe;

}

TR.pollFooter {

  background: #f1f9fe;

}

