BODY 
{
  text-align: left;  
  font-family: Bookman Old Style;
  color: #99530E;  
  background: url("header.gif") white;
  background-repeat: repeat-x;
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-size: 10pt;
}

.page 
{
  padding: 0px;
  PADDING-RIGHT: 23px; 
  PADDING-LEFT: 23px; 
  MARGIN: 0px auto;
  height: 100%;
  WIDTH: 797px; 
  POSITION: relative;  
}



P {
    text-align: left;
    text-indent: 30px;
    font-size: 12pt;
}

P.gtypename
{
    margin: 3px;
    padding: 0px;
    border: 0px;
    text-align: left;
    text-indent:0px;
    font-size: 14pt;
    font-variant: small-caps;
}


P.gtypedescript
{
    margin: 3px;
    padding: 0px;
    border: 0px;
    text-align: left;
    text-indent:0px;
    font-size: 12pt;
}

p.navi
{
	font-family: Verdana;
    text-align: right;
    font-size: 8pt;
}


.header 
{	
	width: 797px;
	height:188px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: url("logo.gif");
	background-repeat: no-repeat;
}

.left_panel
{
    text-align: center;
    padding:0px;
    padding-top: 10px;
	padding-left:8px;
	padding-right: 2px;
	margin:0px;
	width: 155px;
	height: 100%;
	float: left;
}

.panelheader
{    
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 0px;
	border-right: 0px;
	border-color: #D99E33;
	background-color: #FF9933;
	color: white;
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
    width: 100%;
    font-size: 12pt;
    font-variant: small-caps;
}

.header_l
{    
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 0px;
	border-right: 0px;
	border-color: #D99E33;
	background-color: #FF9933;
	color: white;
    margin-left: auto;
    margin-right: auto; 
    text-align: left;
    width: 100%;
    font-size: 10pt;
}

.contentbg
{        
    padding: 0px;
    margin: 0px;
	width: 797px;
	height: auto;
	background: url("content.gif");
	background-repeat: repeat-y;
}

.content 
{
    position: relative;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 15px;
	margin: 0px;
	float: left;
	width: 597px;
	height: 100%;
	min-height: 300px;
}




.footer
{ 
	padding: 0px;
	clear: both;
	width: 797px;
	height: 92px;
	background: url("footer.gif") repeat-x ;
}

.footer P
{
    font-size: 12pt;
    text-align: center;
}


div.maintext
{
    text-align: left;
    border: 1px dotted #99530E;
    padding:10px;
}


div.userlogin
{
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    border: 0px;
}


div.userform
{
    width: 575px;
    padding: 10px;
    margin: 0px;
    text-align: center; 
    border: 1px dotted #99530E;
}

div.userform table td
{
    text-align: left;
}
    
div.userlogin table td
{
    text-align: right;
}

P.newsy
{
    text-align: left;
    text-indent: 10px;    
    font-size: 10pt;
}



div#infobox
{
	position: absolute;     
    text-align: center;
    left:-1000px;
    width: 400px; 
    top: 150px;
    height: auto;
    padding: 15px;
    border: 2px solid black; 
    background-color: #FF9933;
    z-index: 100;
}

div#infobox p
{
	text-indent: 0px;	
	text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12pt;
    color: white;
}

div#infobox  img.icon
{
	float:left;
	margin-top: 15px;
    margin-right: 10px;
	vertical-align: middle;
}

div#infobox a#okbtn
{
    display:inline;
    width:60px;
    color: white;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12pt;
    border:1px;
    border-style: outset;
}

div#infobox a#okbtn:hover
{
    display:inline;
    width:60px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12pt;
    color: white;
    border:1px;
    border-style: inset;
}

h1
{
   text-align: center;
   font-size: 16pt;  
   font-weight: normal;
   font-style: italic; 
}

h2
{
   font-size: 14pt; 
   padding: 0px;
   margin: 3px; 
   font-weight: normal; 
}

h3
{
   font-size: 10pt;  
   font-weight: normal; 
}

a:link, a:visited
{
    font-size: inherit; 
    border: 0px;
    color: #99530E;
    text-decoration: none;
}

a:hover
{
    color: white;
    text-decoration: none;
}

/*******************************
          MAIN MANU
********************************/


ul.menu, ul.menu li {
	display: block;
	list-style: none;
	top:164px;
    left:300px;
	margin: 0;
	padding: 0;	
	font-size: 12pt;
}

ul.menu
{
	position: absolute;
	border-left: 1px solid;
	border-color: #D99E33;
}

ul.menu li 
{
	float: left;
	border-right: 1px solid;
	border-color: #D99E33;
}

ul.menu a:link, ul.menu a:visited {
	text-decoration: none;
	display: block;
	width: 95px;
	height: 21px;
	text-align: center;
	padding:0px;
	color: #996633;
}

ul.menu a:hover 
{
	background-color: #FF9933;
	color: white;
}



/*******************************
        GALLERY MENU
********************************/


ul.gmenu, ul.gmenu li 
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	width: 155px;
}

ul.gmenu
{
	border-top: 1px dotted;
	border-color: #D99E33;
}

ul.gmenu li 
{
	border-bottom: 1px dotted;
	border-color: #D99E33;
}


ul.gmenu a:link, ul.gmenu a:visited 
{
	text-decoration: none;
	text-indent: 10px;
	display: block;
	list-style: none;
    width: 155px;
	text-align: left;
	padding:0px;
	color: #996633;
}

ul.gmenu a:hover 
{
	background-color: #FF9933;
	color: white;
}



li.subtype a:link, li.subtype a:visited 
{
    display: block;
	text-indent: 20px;
	font-weight: normal;
	list-style: none;
}


/*****************************/


ul.list
{
    text-align: left;
    padding-left: 20px;
    font-size: 10pt;
    list-style: none;
}


img.product
{
    cursor: pointer;
    border: 2px solid #996633;
    margin: 2px;
}


img.icImage
{
    border: 1px solid #996633;
}

p#credits, p#credits a:link
{
    text-align: center;
    font-size: 8pt;
    color: #A7A7A7;
}

p#credits a:hover
{
    text-align: center;
    font-size: 8pt;
    color: #A7A7A7;
    text-decoration: underline;
}



/* Loader ****************/


#loader_preview
{
    text-align:center; 
    position: relative;
	width: 300px;
	display:block;
    padding:0px;
}


#preview
{
    padding-top: 20px;
    top: 50px;
    left: -1000px;
	z-index:100;
	position:absolute; 
	background-color: #FF9933;
	border: 2px solid black;
	height:auto;
	min-width: 300px;
	width: auto;
}

#prevX 
{
    display: block;
    position: absolute;
    display: block;
	width: 20px;
	height: 20px;
	float:right;
	top:0px;
	right:0px;
}

#prevX a:link ,#prevX a:visited
{
    display: inherit;
    font-family: Verdana;
    font-size: 12pt;
	width: 20px;
	height: 20px;
	font-weight: bold;
}

#prevX a:hover
{
    font-family: Verdana;
    font-size: 12pt;
	width: 20px;
	height: 20px; 
	font-weight: bold;
}

/* =============================== KOPERTA ===============================*/

div.koperta a:link, div.koperta  a:visited
{
    
    position: relative;
	background-image: url("kopertaoff.gif");
    width: 28px;
    height: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 16pt;
	display: block;
	cursor: pointer;
    margin-left: auto;
    margin-right: auto; 
}


div.koperta a:hover
{
    position: relative;
	background-image: url("kopertaon.gif");
    background-repeat: no-repeat;
    background-position: top center;
    width: 28px;
    height: 20px;
	display: block;	
	cursor: pointer;
    margin-left: auto;
    margin-right: auto; 
}



.page .shadow DIV 
{
  WIDTH: 23px; 
  BOTTOM: 0px; 
  BACKGROUND-REPEAT: repeat-y; 
  TOP: 0px
}


.page .shadow .left 
{
    POSITION: absolute;
    LEFT: 0px;
	BACKGROUND-IMAGE: url(l.png)
}
.page .shadow .right 
{
    POSITION: absolute;
    RIGHT: 0px;
	BACKGROUND-IMAGE: url(r.png)
}


/* =============================== PRODUCT VIEW ===============================*/

div.productview
{
	position: relative;
    width: 590px;
    max-width:590px;
    padding: 0px;
    margin: 0px;
    text-align: left; 
    padding: 3px;   
    border: 1px dotted #EC9F00;
}

div.productview table.prodattrib
{
    width: 100%;
    font-family: verdana;
	font-size: 10pt;
}

div.productview table.prodattrib td.prices
{	
    text-align: right;
    padding: 0px;
    padding-right: 5px;
}

div.productview table.prodattrib td.attrib
{	
    color: #00CC00;
    font-weight: bold;
    text-align: left;
    padding: 0px;
    padding-left: 5px;
}

div.productview table.prodattrib img
{
    vertical-align: middle;
    
}

.productview .newprice
{	
	font-family: verdana;	
	font-size: 12pt;
	color: #EA1328;
	font-weight: bold;
}

.productview .oldprice
{		
	font-family: verdana;	
	color: #EA1328;
	text-decoration: line-through;
}


div.productview .images
{
    text-align: center;
    padding: 5px;
    border: 0px;
}

div.productpreview
{
    margin: 0px;
    text-align: center;
    padding: 3px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px dotted #D99E33;
}

div.productpreview p
{
    padding: 0px;
    margin: 0px;
    color: inherit;
    text-align: right;
    font-size: inherit; 
}


div.commentdiv img
{
    vertical-align: middle;
}

div.cartdiv
{
	position: absolute;
	width: 200px;
	top:164px;
	left:35px;
	text-align: left;
	border: 0px;
}

div.cartdiv img
{
	vertical-align: middle;
	border: 0px;
}

p#cartprice
{
	font-size: 10pt;
	padding:0px;
	margin:0px;
	border:0px;
	text-indent: 0px;
	text-align: left;
}


table.cartview
{
    font-family: verdana;
	padding: 2px;
	width: 100%;
}

table.cartview img
{
	border: 0px;
}

table.cartview td
{
	font-size: 10pt;
	text-align: left;
	padding: 2px;
	padding-left: 3px;
	padding-right:3px;
}

table.cartview tr
{
	background-color: #FAF0CB;
}

table.cartview tr.head
{
	background-color: #56A963;
	color: white;
}


table.cartview a:hover
{
	color: #56A963;
	text-decoration: underline;
}


div.cartbuttons
{
    font-family: verdana;
	font-weight: bold;
	font-size: 12pt;
	padding: 3px;
	margin: 5px;
	float:right;
}

div.cartbuttons img
{
	border: 0px;
	vertical-align: middle;
}

div.cartbuttons a:hover
{
	color:#56A963; /*#99530E;*/
    text-decoration: underline;
}



/* =============================== GALLERY VIEW ===============================*/

div.gview
{
    text-align: center;
    border: 1px dotted #EC9F00;
}

table.gview
{
    text-align: center;
    width: 100%;
    padding:3px;
    margin:0px;
    border:1px dotted #99530E;
}


table.gview td
{
	width: 33%;
    vertical-align: bottom;
    padding:10px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin:0px;
    border-bottom: 1px dotted #99530E;
}

table.gview p
{
    padding: 0px;
    margin: 0px;
    color: inherit;
    text-align: right;
    font-size: 10pt; 
}

table.gview p.cellprice
{
    font-family: verdana;	
	font-size: 10pt;
	color: #EA1328;
	font-weight: bold;	
    text-align: center;
    text-indent: 0px;
    padding: 0px;
    margin: 0px;
    border:0px;
}

table.gview p.oldprice
{
    font-family: verdana;
    text-align: center;
    font-size: 10pt;
    text-decoration: line-through;
    text-indent: 0px;
    padding: 0px;
    margin: 0px;
    border:0px;
} 

/* =============================== MAIL FORM ===============================*/

div.mailform
{
    text-align: center;
    border: 1px dotted #99530E;
    padding:20px;
}

div.mailform p
{
    text-align: center;
}

table.mailform
{
    text-align: center;
    width: 100%;
    padding:3px;
    margin:0px;
    border:0px
}

table.mailform td
{
    vertical-align: top;
    text-align: left;
}

ul#oferta_punkty {
    margin: 0;
    padding: 0;
    font-size: 12pt; 
    list-style:none
}