/*** BODY ***/
body { font-size: 11px; font-family: Arial, verdana; color: #5D5955; background: #B2885F url(../images/pagebg.jpg) top center; margin: 0px; }
div { margin: 0px; padding: 0px; border: none; }
img { margin: 0px; padding: 0px; border: none; }
td { font-size: 11px; font-family: Verdana, Arial; color: #999;  }
li { }
h1 { margin: 0px 0px 0px 0px; font-size: 18px; font-weight: normal; color: #767922; font-family: arial, verdana; }
h2 { margin: 0px;}
h3 { margin: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #FFF; font-family: verdana; }
p { margin: 0px; padding: 0px; border: none; line-height: 140%; }
.clear { clear: both; }
.toright { text-align: right; }
.toleft { text-align: left; }
.tocenter { text-align: center; }
.topmargin { margin-top: 8px; }
.mbottom { margin-bottom: 8px; }
.ppadding { padding: 1px 0px 3px 0px; }

/*** LINKI ***/
a { color: #747721; text-decoration: underline; }
a:hover { color: #A4A757; text-decoration: none; }
a.button { width: 100px; height: 27px; background: url(../images/button.png) no-repeat 0px 0px; padding-top: 8px; text-align: center; font: bold 13px arial; color: #FFF; display: block; text-decoration: none; }
a.button:hover { background: url(../images/button.png) no-repeat 0px -27px; font: bold 13px arial; color: #FFF; }

/*** ALERT ***/
div.alert { margin: 10px auto; padding: 20px; font-size: 12px; font-weight: bold; text-align: center; width: 400px; font-family: arial; background: #FFFFDD; color: #CA0000; border: 1px solid #CA0000; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 12px; padding: 4px; font-family: Arial; background: #FFF url(../images/xform/xform-element-input.gif) repeat-x left bottom; border: 1px solid #A4A4A4; }
input:focus, textarea:focus, select:focus { background: #FFFFDD; border: 1px solid #000; }
input.checkbox { margin: 4px 0px; padding: 0px; border: none; background: none; }
textarea { width: 350px; height: 100px; }
input.button { background: url(../images/button.png) no-repeat 0px 0px; cursor: hand; width: 100px; height: 27px; font-size: 12px; font-weight: bold; font-family: arial; color: #FFF; border: none; padding-top: 2px;}
input.button:hover { background: url(../images/button.png) no-repeat 0px -27px; }
input.button2 { background: url(../images/button2.png) no-repeat 0px 0px; cursor: hand; width: 100px; height: 27px; font-size: 12px; font-weight: bold; font-family: arial; color: #FFF; border: none; padding-top: 2px;}
input.button2:hover { background: url(../images/button2.png) no-repeat 0px -27px; }

/*** xFORM ***/
table.xForm { margin: 0px auto; background: #FFF; border-collapse: collapse; }
table.xForm td { padding: 4px; background: url(../images/xform/xform-element-bg.gif) repeat-x left bottom; }
table.xForm td.caption { width: 200px; border-bottom: 1px solid #EEE; font-size: 12px; font-weight: bold; font-family: arial; color: #86602F;}
table.xForm td.info { border-bottom: 1px solid #EEE; width: 20px; }
table.xForm td.element { border-bottom: 1px solid #EEE; }
table.xForm td.errorIcon { border-bottom: 1px solid #EEE; width: 14px; }
table.xForm div.errorInfo { color: #CA0000; font-size: 10px; padding: 0px; margin: 0px; }
table.xForm div.infoText { display: none; background: #FFFFDD; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #BBB; margin: 4px 0px; }
table.xForm table.nobg tr td { background: none; }

/*** TABLES ***/
tr.head td { height: 20px; border-bottom: 1px solid #999; font-size: 16px; font-family: Arial, Verdana; color: #767922; font-weight: bold; }
tr.field td { height: 20px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; border-right: 1px solid #777; padding: 2px; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; }
tr.panel td { height: 25px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; font-size: 13px; color: #FFF; font-weight: bold; text-align: left; padding: 0px; }
tr.bright td { background: #FFF; font-size: 10px; border-bottom: 1px solid #DDD;}
tr.dark td { background: #F5F5F5; font-size: 10px; border-bottom: 1px solid #DDD; }
tr.info td { color: #CA0000; font-weight: bold; }

/*** GALLERY ***/
div#gallery { margin: 10px 0px 0px 0px; padding: 0px; }
div#gallery a { float: left; padding: 2px; }
div#gallery a img { border: 1px solid #888; }

/*** PATH ***/
div#path { width: 670px; height: 25px; border-bottom: 1px solid #BBB; }
div#path ul { margin: 0px; padding: 0px; list-style: none; }
div#path ul li { margin: 0px; padding: 0px; float: left; }
div#path ul li a { display: block; padding: 2px 10px; background: url(../images/point.gif) no-repeat 0px 50%; }
div#path ul li a:hover { background: url(../images/point.gif) no-repeat 1px 50%; }

/*** WEBTON ***/
div#bottombox { clear: both; width: 890px; padding: 5px; margin: 1px auto; text-align: center; }
div#bottombox a.tworzenie { color: #AAA; text-decoration: none; font-size: 9px; }
div#bottombox a.stron { color: #686B19; font-size: 10px; }


/*** LAYOUT ***/

#topbox {
	margin: 0px auto;
	width: 988px;
	height: 233px;
	}

#menubox {
	margin: 0px auto;
	width: 988px;
	height: 40px;
	background: url(../images/menubg.gif) repeat-x;
	}

#mainbox {
	width: 988px;
	margin: 0px auto;
	background: url(../images/contentbg.gif) repeat-y;
	}


#menutopshadow {
	width: 940px;
	margin: 0px auto;
	height: 20px;
	background: url(../images/menutopshadow.gif) repeat-x;
	}

#leftside {
	width: 200px;
	float: left;
	}

#rightside {
	width: 200px;
	float: right;
	}

#rightside .panelhead2 h2:hover {
	color: #A4A757;
	text-decoration: underline;
	}

#centerside {
	margin: 0px auto;
	width: 560px;
	}

#searchbox {
	float: right;
	width: 380px;
	height: 40px;
	background: url(../images/searchbg.gif);
	margin: 0px;
	padding: 0px;
	border-left: 1px dotted #EDEDE4;
	}

#searchbox table {
	color: #FFF;
	width: 380px;
	height: 40px;
	background: url(../images/menuend.jpg) no-repeat top right;
	}

#menubox ul, #menubox ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#menubox ul {

	}

#menubox ul li {
	float: left;
	height: 40px;
	line-height: 40px;
	border-right: 1px dotted #EDEDE4;
	}

#menubox ul li.menustart {
	width: 28px;
	height: 40px;
	background: url(../images/menustart.jpg);
	}

#menubox ul li a {
	font: bold 11px arial;
	color: #FFF;
	padding: 0px 10px;
	text-decoration: none;
	line-height: 40px;
	}

#menubox ul li a:hover {
	color: #DEE095;
	}

.panelhead {
	height: 55px;
	background: url(../images/panelheadbg.jpg) no-repeat;
	}

.panelhead2 {
	height: 55px;
	background: url(../images/panelheadbg2.jpg) no-repeat;
	}

.panelhead h2, .panelhead2 h2{
	text-align: center;
	padding-top: 10px;
	color: #5D5955;
	font: bold 15px arial black, verdana;
	}

.panelbox {
	background: #F7F7F7 url(../images/panelbottom.jpg) no-repeat left bottom;
	padding-bottom: 24px;
	}

.panelbox2 {

	background: #F7F7F7 url(../images/panelbottom2.jpg) no-repeat left bottom;
	padding-bottom: 24px;
	}

.panelbox div {
	padding: 1px;
	border-left: 1px solid #A2A19F;
	border-right: 1px solid #A2A19F;
	}

.panelbox div.maska {
	height: 100px;
	overflow: hidden;
	border-left: 1px solid #A2A19F;
	border-right: 1px solid #A2A19F;
	position: relative;
	}

.panelbox div.maska img
{
	padding: 4px;
	border: 1px solid #BBB;
	background: #EEE;
}

.panelbox2 div.maska {
	height: 100px;
	overflow: hidden;
	border-left: 1px solid #A2A19F;
	border-right: 1px solid #A2A19F;
	position: relative;
	}

.panelbox2 div.maska img
{
	padding: 4px;
	border: 1px solid #BBB;
	background: #EEE;
}

#idSpecial { position: relative; top: 0px;}
#idNew { position: relative;  top: 0px;}
#idExpected { position: relative;  top: 0px;}
#idLatest { position: relative;  top: 0px;}

ul.leftmenu, ul.leftmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

ul.leftmenu li {
	padding: 2px;

	}

ul.leftmenu li a {
	font: normal 11px arial, tahoma;
	color: #6F6B68;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/leftpoint.gif) no-repeat 2px center;
	border-bottom: 1px dotted #B6B6B6;
	display: block;
		}

ul.leftmenu li a:hover {
	color: #757822;
	}


#koszykbox {
	height: 122px;
	background: url(../images/koszykbox.jpg) no-repeat;
	color: #FFF;
	}

#koszykbox table {
	width: 170px;
	height: 80px;
	margin: 0px auto;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	}

#koszykbox table tr td {
	color: #FFF;
	padding-top: 30px;
	}



#loginbox {
	height: 122px;
	background: url(../images/loginbox_en.jpg) no-repeat;
	color: #FFF;
	}


#bottombox {
	text-align: center;
	padding-top: 13px;
	width: 940px;
	height: 60px;
	margin: 0px auto;
	background: url(../images/bottombg.jpg) repeat-x;
	}



.itemlistbox {
	width: 518px;
	padding: 20px;
	margin: 0px auto;
	border: 1px solid #A1A1A1;
	position: relative;
	top: 0px;
	left: 0px;
	}

.c1 {
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	left: -1px;
	background: url(../images/c1.gif) no-repeat;
	}

.c2 {
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	right: -1px;
	background: url(../images/c2.gif) no-repeat;
	}

.c3 {
	width: 18px;
	height: 18px;
	position: absolute;
	bottom: -1px;
	left: -1px;
	background: url(../images/c3.gif) no-repeat;
	}

.c4 {
	width: 18px;
	height: 18px;
	position: absolute;
	bottom: -1px;
	right: -1px;
	background: url(../images/c4.gif) no-repeat;
	}

.itemscalebox {
	width: 120px;
	padding: 20px;
	margin: 0px auto;
	border: 1px solid #A1A1A1;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	}



.scalelink a {
	color: #747721;
	font: bold 20px arial black, verdana;
	text-decoration: none;
	}

.whitetxt {
	font: bold 11px verdana;
	color: #FFF;
	}

a.register {
	font: bold 11px arial, verdana;
	color: #FFAB0A;
	line-height: 27px;
	text-decoration: underline;
	}

a.adv {
	font: normal 11px arial, verdana;
	color: #FFAB0A;
	text-decoration: underline;
	}

a.register:hover, a.adv:hover {
	color: #FFF;
	}

.itembox {
	width: 155px;
	float: left;
	display: inline;
	height: 150px;
	padding: 10px 4px;
	margin: 2px 2px;
	text-align: center;
	border: 1px solid #EEE;
	}

.itembox img
{
	background: #F6F6F6;
	padding: 5px;
	border: 1px solid #EEE;
}

.itembox p {
	font: normal 11px arial, verdana;
	color: #767922;
	padding: 1px 0px 4px 0px;
	}

a.itemname {
	color: #845F2F;
	font: bold 11px arial, tahoma;
	text-decoration: none;
	}

.mini {
	margin: 8px 0px;

	}

#itemlist {
	width: 520px;
	margin: 20px auto;
	}








.sub {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-left: 10px;
	}

.sub li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	}

ul.leftmenu li ul.sub li a {
	background: url(../images/leftsub.gif) no-repeat left center;
	color: #7D5728;
	}

ul.leftmenu li ul.sub li a:hover {
	color: #757822;
	}


.captionbox {
	background: url(../images/points.gif) no-repeat 0px 10px;
	padding: 8px 40px;
	margin-bottom: 15px;
	margin-top: 5px;
	}

.price {
	color: #737621;
	font: bold 14px trebuchet ms, verdana;
	}

.price-new {
	color: #F00;
	font: bold 14px trebuchet ms, verdana;
	}

.price-old {
	color: #000;
	font: bold 12px trebuchet ms, verdana;
	}

.price-on-list{
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #999;
	}

.price-new-on-list{
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #F00;
	}

.price-old-on-list{
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #000;
	}

ul#loggedmenu, ul#loggedmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #FFF;
	}

ul#loggedmenu li a {
	color: #FFB432;
	text-decoration: none;
	}

ul#loggedmenu li a:hover {
	color: #FFF;
	}

#loggedbox {
	width: 170px;
	margin: 0px auto;
	padding-top: 30px;
	}

#loggedbox p {
	text-align: center;
	color: #FFF;
	padding-bottom: 6px;
	}

#iconlist {
	width: 510px;
	margin: 0px auto 20px auto;
	}

#iconlist ul, #iconlist ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#iconlist ul li {
	float: left;
	width: 125px;
	height: 90px;
	padding-top: 10px;
/*	background: url(../images/iconbg.gif) no-repeat;  */
	text-align: center;
	margin-right: 2px;
	margin-bottom: 2px;
	}

.tocenter {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	}

.itemphotobox
{
	width: 120px;
	float: left;
}
.itemphotobox img
{
	background: #F6F6F6;
	padding: 5px;
	border: 1px solid #EEE;
}
.itemdescbox
{
	width: 370px;
	float: right;
}
.pics img
{
	margin: 4px 4px 0px 0px;
}


.producerIcon
{
	margin: 5px 0px;
	padding: 0px;
	width: 120px;
	height: 120px;
	text-align: center;
	float: left;
}


#centerside h1
	{
		padding-bottom: 3px;
		margin-bottom: 3px;
	}