body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px; padding: 0px; background-color: #FFFFFF; background-image: url(../gfx/bg_main.gif); }

p, form { padding: 0px; margin: 0px; }
a { text-decoration: none; color: #0000FF; }
a:hover { color: #FF0000; }

a img { border: 0px; }

div#hideWindow { display: none; position: absolute; float: left; top: 0px; left: 0px; z-index: 100; background: #666666; opacity: 0.60; filter: alpha(opacity=60); }
div#fotoPopup { display: none; position: absolute; float: left; padding: 20px; cursor: pointer; z-index: 101; background: #FFFFFF; border: 2px solid #C58989; }

div#topBackground { position: absolute; width: 100%; background-image: url(../gfx/bg_top.gif); background-position: center top; background-repeat: repeat-x; }
div#mainContainer { float: left; position: relative; width: 966px; margin-left: -483px; padding-bottom: 30px; left: 50%; }
div#logoContainer { float: left; width: 966px; height: 213px; overflow: hidden; }
div#menuContainer { float: left; width: 966px; height: 42px; overflow: hidden; background: url(../gfx/topmenu.jpg) left top no-repeat; }
div#pageContainer { float: left; width: 966px; background: url(../gfx/bg_page_middle.gif) repeat-y; }
div#pageFooter { float: left; width: 856px; height: 47px; text-align: center; overflow: hidden; padding: 28px 30px 0px 30px; }
div#pageContainer div#backgroundTop     { float: left; width: 966px; background: url(../gfx/bg_page_top.gif) no-repeat; }
div#pageContainer div#backgroundBottom  { float: left; width: 966px; background: url(../gfx/bg_page_bottom.gif) left bottom no-repeat; }
div#pageContainer div#backgroundPadding { float: left; width: 916px; padding: 0px 24px 0px 26px; }

div#pagePartner { float: left; width: 966px; text-align: center; margin-top: 30px; padding: 5px; background: #FFFFFF; border: 1px solid #000000; }

div#pageMenu { float: left; width: 251px; padding-bottom: 30px; }
div#pageContent { float: left; width: 665px; padding: 5px 0px 8px 0px; }
div#pageFooter { float: left; width: 856px; height: 47px; text-align: center; overflow: hidden; padding: 28px 30px 0px 30px; }

div#pageFooter p { padding: 1px; font-size: 11px; font-weight: bold; text-align: left; }
div#pageFooter p.links { float: left; clear: left; color: #4E4F4A; }
div#pageFooter p.links a { color: #4E4F4A; }
div#pageFooter p.links a:hover { color: #000000; text-decoration: underline; }
div#pageFooter p.copy { float: left; color: #9D6A3F; }
div#pageFooter p.stg { float: right; font-size: 10px; font-weight: normal; color: #000000; padding: 8px 0px 0px 0px; }
div#pageFooter p.stg a { color: #BC1D1A; }
div#pageFooter p.stg a:hover { text-decoration: underline; }

div#pageContent div#contentBar { display: inline; float: left; width: 649px; height: 26px; margin-left: 9px; overflow: hidden; background: url(../gfx/navibar.gif) no-repeat; }
div#pageContent div#contentText { float: left; width: 665px; }

div#contentBar div.navi, div#contentBar div.sort { height: 35px; overflow: hidden; font-size: 10px; color: #4F3E2E; }
div#contentBar div.navi { float: left;  padding: 7px 0px 0px 10px; }
div#contentBar div.sort { float: right; padding: 7px 10px 0px 0px; }

div#contentBar a { color: #523E33; font-weight: bold; }
div#contentBar a:hover { color: #FFFFFF; }

div#menuContainer div.icon { float: right; width: 259px; height: 42px; overflow: hidden; padding-right: 25px; }
div#menuContainer div.icon a { display: inline; float: left; width: 75px; height: 35px; margin: 3px 0px 0px 6px; background-repeat: no-repeat; background-position: left top; }
div#menuContainer div.icon a:hover { background-position: left bottom; }
div#menuContainer div.icon a.cart { background-image: url(../gfx/button_cart.gif); }
div#menuContainer div.icon a.user { background-image: url(../gfx/button_user.gif); }
div#menuContainer div.icon a.help { background-image: url(../gfx/button_help.gif); }

div#menuContainer div.menu { float: left; height: 42px; overflow: hidden; padding-left: 25px; }
div#menuContainer div.menu a { display: inline; float: left; width: 50px; height: 32px; margin: 5px 10px; overflow: hidden; background-position: left top; background-repeat: no-repeat; }
div#menuContainer div.menu a:hover { background-position: left bottom; }
div#menuContainer div.menu a.home { background-image: url(../gfx/menu_new_home.jpg); width: 74px; }
div#menuContainer div.menu a.onas { background-image: url(../gfx/menu_new_onas.jpg); width: 82px; }
div#menuContainer div.menu a.oferta { background-image: url(../gfx/menu_new_oferta.jpg); width: 69px; }
div#menuContainer div.menu a.promocje { background-image: url(../gfx/menu_new_promocje.jpg); width: 93px; }
div#menuContainer div.menu a.kontakt { background-image: url(../gfx/menu_new_kontakt.jpg); width: 93px; }

div#pageMenu div.menuBox { display: inline; position: relative; float: left; width: 242px; margin: 10px 0px 0px 8px; background-position: left center; background-repeat: repeat-y; background-image: url(../gfx/menu_normal_middle.jpg); }
div#pageMenu div.menuBox p.title { float: left; width: 242px; height: 38px; padding: 4px 0px 0px 0px; text-align: center; font-weight: bold; font-size: 11px; color: #F4E6BF; background-position: left top; background-repeat: no-repeat; background-image: url(../gfx/menu_normal_top.jpg); }
div#pageMenu div.menuBox div.menuContent { float: left; width: 242px; padding-bottom: 18px; background-position: left bottom; background-repeat: no-repeat; background-image: url(../gfx/menu_normal_bottom.jpg); }
div#pageMenu div.menuBox div.menuContent div.links { float: right; width: 237px; overflow: hidden; padding: 5px 0px 8px 0px; }
div#pageMenu div.menuBox div.menuContent div.links a { display: block; white-space: nowrap; padding: 4px 0px 5px 30px; font-size: 11px; font-weight: bold; text-decoration: none; color: #E5DDC6; background-repeat: no-repeat; background-position: left top; background-image: url(../gfx/menu_normal_link.jpg); }
div#pageMenu div.menuBox div.menuContent div.links a:hover { color: #000000; background-position: left bottom; }
div#pageMenu div.menuBox div.menuContent div.links div.sub { padding: 0px 0px 5px 15px; }
div#pageMenu div.menuBox div.menuContent div.tekst { color: #FEEECD; text-align: justify; padding: 0px 20px 5px 20px; }

div#pageMenu div.colorDark div.menuBox { background-image: url(../gfx/menu_dark_middle.jpg); }
div#pageMenu div.colorDark div.menuBox p.title { background-image: url(../gfx/menu_dark_top.jpg); }
div#pageMenu div.colorDark div.menuBox div.menuContent { background-image: url(../gfx/menu_dark_bottom.jpg); }
div#pageMenu div.colorDark div.menuBox div.menuContent div.links a { background-image: url(../gfx/menu_dark_link.jpg); }
div#pageMenu div.colorDark div.menuBox div.menuContent div.links a:hover { color: #FFFF00; }

div#pageMenu div.colorRed div.menuBox { background-image: url(../gfx/menu_red_middle.jpg); }
div#pageMenu div.colorRed div.menuBox p.title { background-image: url(../gfx/menu_red_top.jpg); }
div#pageMenu div.colorRed div.menuBox div.menuContent { padding-bottom: 27px; background-image: url(../gfx/menu_red_bottom.jpg); }

a.more { float: right; width: 41px; height: 34px; overflow: hidden; background-position: left top; background-repeat: no-repeat; background-image: url(../gfx/button_more.gif); }
a.more:hover { background-position: left bottom; }

p.price { float: right; font-size: 16px; font-weight: bold; color: #B88D49; }
p.price span { font-size: 12px; font-weight: normal; }

div.productBigBox { display: inline; position: relative; float: left; width: 321px; height: 277px; overflow: hidden; margin: 8px 0px 0px 8px; text-align: center; background: url(../gfx/product_big_box.jpg) no-repeat; }
div.productBigBox img { display: inline; margin: 30px 0px 0px 0px; }
div.productBigBox div.text { position: absolute; bottom: 0px; left: 0px; width: 301px; height: 30px; padding: 10px; overflow: hidden; text-align: left; }
div.productBigBox div.text a.name { display: block; color: #FFF9DF; font-size: 11px; font-weight: bold; padding-bottom: 3px; }
div.productBigBox div.text a.name:hover { text-decoration: underline; }
div.productBigBox div.text a.next { float: right; margin-top: 5px; color: #FFFFFF; }
div.productBigBox div.text a.next:hover { color: #FFEAD2; }
div.productBigBox div.text p.price { float: left; font-size: 14px; padding: 0px 3px 0px 3px; background: #FFFDED; border: 1px solid #D8C393; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.productBigBox div.text p.price span { font-size: 10px; }

div.productSmallBox { display: inline; position: relative; float: left; width: 212px; height: 177px; overflow: hidden; margin: 8px 0px 0px 7px; text-align: center; background: url(../gfx/product_small_box.jpg) no-repeat; }
div.productSmallBox img { display: inline; margin: 5px 0px 0px 0px; height: 100px; }
div.productSmallBox div.text { position: absolute; bottom: 0px; left: 0px; width: 192px; height: 34px; padding: 10px; overflow: hidden; text-align: left; }
div.productSmallBox div.text a.name { display: block; color: #FFF9DF; font-size: 10px; font-weight: bold; padding-bottom: 5px; }
div.productSmallBox div.text a.name:hover { text-decoration: underline; }
div.productSmallBox div.text a.next { float: right; margin-top: 8px; color: #FFFFFF; }
div.productSmallBox div.text a.next:hover { color: #FFEAD2; }
div.productSmallBox div.text p.price { float: left; font-size: 14px; padding: 0px 3px 0px 3px; background: #FFFDED; border: 1px solid #D8C393; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.productSmallBox div.text p.price span { font-size: 10px; }

div.strony { display: inline; float: left; clear: both; width: 649px; height: 18px; padding: 3px 0px 0px 0px; margin: 8px 0px 0px 7px; overflow: hidden; font-size: 11px; font-weight: bold; text-align: center; color: #333333; background: url(../gfx/strony_bg.jpg) no-repeat; }
div.strony a { color: #FFFFFF; }
div.strony a:hover { color: #7C593B; }
div.strony img { display: inline; margin: -2px 10px 0px 10px; vertical-align: middle; border: 0px; visibility: hidden; }
div.strony a img { visibility: visible; }

div.pageBox { float: left; width: 665px; margin-top: 8px; background: url(../gfx/box_middle.gif) repeat-y; }
div.pageBox div.bgTop { float: left; width: 665px; background: url(../gfx/box_top.gif) left top no-repeat; }
div.pageBox div.bgBottom { float: left; width: 665px; background: url(../gfx/box_bottom.gif) left bottom no-repeat; }

div.pageColumns { float: left; width: 665px; }
div.pageColumns div.column { display: inline; float: left; width: 321px; margin: 10px 0px 0px 8px; background: url(../gfx/column_middle.gif) repeat-y; }
div.pageColumns div.column div.bgTop { float: left; width: 321px; background: url(../gfx/column_top.gif) left top no-repeat; }
div.pageColumns div.column div.bgBottom { float: left; width: 321px; background: url(../gfx/column_bottom.gif) left bottom no-repeat; }

div.messageBox { display: inline; float: left; width: 310px; margin: 5px 0px 0px 5px; background-repeat: repeat-y; background-image: url(../gfx/message_light_middle.gif); }
div.messageBox div.imgTop { float: left; width: 310px; background-position: left top; background-repeat: no-repeat; background-image: url(../gfx/message_light_top.gif); }
div.messageBox div.imgBottom { float: left; width: 310px; background-position: left bottom; background-repeat: no-repeat; background-image: url(../gfx/message_light_bottom.gif); }

div.lightColor, div.darkColor { float: left; padding-bottom: 5px; }

div.lightColor div.messageBox { background-image: url(../gfx/message_light_middle.gif); }
div.lightColor div.messageBox div.imgTop { background-image: url(../gfx/message_light_top.gif); }
div.lightColor div.messageBox div.imgBottom { background-image: url(../gfx/message_light_bottom.gif); }

div.darkColor div.messageBox { background-image: url(../gfx/message_dark_middle.gif); }
div.darkColor div.messageBox div.imgTop { background-image: url(../gfx/message_dark_top.gif); }
div.darkColor div.messageBox div.imgBottom { background-image: url(../gfx/message_dark_bottom.gif); }

div.newsContent { float: left; width: 290px; padding: 13px 10px 13px 10px; }
div.newsContent p.title { font-weight: bold; font-size: 11px; color: #664D2F; }
div.newsContent p.title span { float: right; font-weight: normal; font-size: 10px; }
div.newsContent div.content { padding: 5px 0px 0px 0px; font-size: 11px; color: #716245; text-align: justify; }
div.newsContent div.content img { display: inline; float: left; width: 120px; height: 90px; margin: 0px 5px 2px 0px; border: 3px solid #AE9986; }

a.buttonNext { float: right; padding: 2px 20px 2px 0px; font-size: 11px; text-decoration: none; color: #7C573A; background-position: right top; background-repeat: no-repeat; background-image: url(../gfx/button_next.gif); }
a.buttonNext:hover { background-position: right bottom; color: #000000; }

a.buttonBack { float: left; padding: 2px 0px 2px 20px; font-size: 11px; text-decoration: none; color: #7C573A; background-position: left top; background-repeat: no-repeat; background-image: url(../gfx/button_back.gif); }
a.buttonBack:hover { background-position: left bottom; color: #000000; }

div.contentBox { float: left; width: 625px; padding: 10px 20px 10px 20px; }

div.infoBox { float: right; width: 380px; background: url(../gfx/info_middle.gif) repeat-y; }
div.infoBox div.imgTop { float: left; width: 380px; background: url(../gfx/info_top.gif) left top no-repeat; }
div.infoBox div.imgBottom { float: left; width: 380px; background: url(../gfx/info_bottom.gif) left bottom no-repeat; }
div.infoBox div.content { float: left; width: 350px; padding: 18px 15px 18px 15px; }
div.infoBox div.content p.title { font-weight: bold; font-size: 11px; color: #C9654B; }
div.infoBox div.content div.text { font-size: 11px; color: #786952; padding: 5px 0px 5px 0px; line-height: 16px; }

div.fotoBox { float: left; width: 240px; text-align: center; overflow: hidden; }
div.fotoBox img { margin: 5px; }

div.rowElement { float: left; width: 625px; overflow: hidden; }
div.rowElement div { float: right; text-align: center; overflow: hidden; }
div.rowElement div.action { width: 40px; }
div.rowElement div.input  { width: 80px; }
div.rowElement div.suma   { width: 80px; }
div.rowElement div.text   { width: 335px; text-align: left; }
div.rowElement img.thumbnail { float: left; display: inline; margin: 0px 0px 0px 15px; width: 50px; height: 50px; }

div.tableHeader, div.tableContent, div.tableFooter { float: left; padding: 0px; margin: 0px; }

div.tableHeader div.rowElement { padding: 5px 0px 5px 0px; }
div.tableHeader div.rowElement div { font-weight: bold; color: #999999; }

div.tableContent div.rowElement { height: 50px; background: url(../gfx/row_bg.gif) no-repeat; }
div.tableContent div.rowElement div { height: 26px; padding-top: 11px; color: #9F835C; }
div.tableContent div.rowElement div.text { height: 32px; padding-top: 5px; }
div.tableContent div.rowElement div.input { height: 27px; padding-top: 10px; }
div.tableContent div.rowElement div.action { height: 28px; padding-top: 9px; }

div.tableFooter div.rowElement { height: 34px; background: url(../gfx/row_down_bg.gif) no-repeat; }
div.tableFooter div.rowElement div.summary{ width: 112px; height: 34px; overflow: hidden; color: #9F835C; }

div.tableContent div.rowElement div.input input { width: 30px; text-align: center; font-size: 10px; margin: 0px; }
div.tableContent div.rowElement div.action a { display: inline; margin-left: 10px; float: left; width: 20px; height: 19px; overflow: hidden; background-image: url(../gfx/button_cart_delete.gif); background-repeat: no-repeat; background-position: left top; }
div.tableContent div.rowElement div.action a:hover { background-position: left bottom; }
div.tableContent div.rowElement div.text a { display: block; color: #4E1D07; }
div.tableContent div.rowElement div.text a.name { font-weight: bold; color: #CA644D; }
div.tableContent div.rowElement div.text a:hover { text-decoration: underline; }

div.backgroundBox { display: inline; margin: 0px 0px 0px 14px; float: left; width: 638px; background: url(../gfx/content_bg_middle.gif) repeat-y; }
div.backgroundBox div.imgTop { float: left; width: 638px; background: url(../gfx/content_bg_top.gif) left top no-repeat; }
div.backgroundBox div.imgBottom { float: left; width: 638px; background: url(../gfx/content_bg_bottom.gif) left bottom no-repeat; }
div.backgroundBox h1 { float: left; font-size: 13px; font-weight: bold; margin: 0px; padding: 6px 0px 6px 10px; color: #4F3D2F; background: url(../gfx/content_title.gif) left top no-repeat; }
div.backgroundBox h1 span { padding: 6px 12px 6px 0px; background: url(../gfx/content_title.gif) right top no-repeat; }
div.backgroundBox div.content { float: left; width: 638px; }
div.backgroundBox div.content div.padding { float: left; width: 618px; padding: 10px; }

.textField { border: 1px solid #4F3D2F; margin: 1px; }
input.button { border: 1px solid #000000; background: #4F3D2F; color: #FFFFFF; font-weight: bold; padding: 0px 10px; }
table.styleTable { }
table.styleTable td.valueName { font-weight: bold; text-align: right; color: #4F3D2F; }
table.styleTable tr.row_1 td { background: #FFFFFF; }
table.styleTable tr.row_2 td { background: #CCCCCC; }
form.menuForm { color: #FFFFFF; padding: 10px 20px; }
form.menuForm input.button { margin-left: 80px; }
form.menuForm p { text-align: right; }
form.menuForm a { text-decoration: none; color: #999999; }
form.menuForm a:hover { color: #000000; }

div.smallTitleBox { float: right; width: 374px; background: url(../gfx/content_small_bg_middle.gif) repeat-y; }
div.smallTitleBox div.imgTop { float: left; width: 374px; background: url(../gfx/content_small_bg_top.gif) left top no-repeat }
div.smallTitleBox div.imgBottom { float: left; width: 374px; background: url(../gfx/content_small_bg_bottom.gif) left bottom no-repeat; }
div.smallTitleBox h2 { float: left; font-size: 11px; font-weight: bold; margin: 0px; padding: 8px 0px 8px 10px; color: #4F3D2F; background: url(../gfx/content_title.gif) left top no-repeat; }
div.smallTitleBox h2 span { padding: 8px 12px 8px 0px; background: url(../gfx/content_title.gif) right top no-repeat; }
div.smallTitleBox div.content { float: left; width: 366px; }
div.smallTitleBox div.content div.padding { float: left; width: 346px; padding: 10px; }

form.productAction { color: #663300; padding: 10px; }
form.productAction p { padding: 2px; }
form.productAction input { vertical-align: middle; }

a.buttonBuy { float: right; width: 121px; height: 34px; overflow: hidden; background-image: url(../gfx/button_buy.gif); background-repeat: no-repeat; background-position: left top; }
a.buttonBuy:hover { background-position: left bottom; }

a.buttonSetCart { float: right; width: 134px; height: 34px; overflow: hidden; background-image: url(../gfx/button_cart_update.gif); background-repeat: no-repeat; background-position: left top; }
a.buttonSetCart:hover { background-position: left bottom; }

a.buttonOrder { float: right; width: 131px; height: 34px; overflow: hidden; background-image: url(../gfx/button_order.gif); background-repeat: no-repeat; background-position: left top; }
a.buttonOrder:hover { background-position: left bottom; }


div.orderSteps { float: left; width: 620px; background: url(../gfx/order_steps_bg.gif) no-repeat center bottom; }
div.orderSteps div { float: left; width: 124px; height: 50px; }
div.orderSteps div p { width: 118px; height: 30px; color: #8B8B8B; text-align: center; font-size: 12px; font-weight: bold; overflow: hidden; }
div.orderSteps div.current { background:  url(../gfx/order_steps_current.gif) no-repeat center bottom; }
div.orderSteps div.done { background:  url(../gfx/order_steps_done.gif) no-repeat center bottom; }

a.sortASC, a.sortDESC {
	float: left;
	font-size: 10px;
	padding: 0px 5px 0px 15px;
	background-repeat: no-repeat;
	background-position: top left;
}

a.sortASC:hover, a.sortDESC:hover { background-position: bottom left; }
a.sortASC { background-image: url(../gfx/sort_asc.gif); }
a.sortDESC { background-image: url(../gfx/sort_desc.gif); }

a.buttonOrderBack, a.buttonOrderNext {
	width: 77px;
	height: 23px;
	background-repeat: no-repeat;
	background-position: left top;
}

a.buttonOrderBack:hover, a.buttonOrderNext:hover {
	background-position: left bottom;
}

a.buttonOrderBack {
	float: left;
	background-image: url(../gfx/order_back.gif);
}

a.buttonOrderNext {
	float: right;
	background-image: url(../gfx/order_next.gif);
}


div.orderBox {
	float: left;
	width: 645px;
	background: url(../gfx/step_middle.gif) repeat-y;
}

div.orderBox div.bgTop {
	float: left;
	width: 645px;
	background: url(../gfx/step_top.gif) left top no-repeat;
}

div.orderBox div.bgBot {
	float: left;
	width: 645px;
	background: url(../gfx/step_bottom.gif) left bottom no-repeat;
}