﻿.field-validation-error { font-size: 9px; color: red; text-align: left; }
#panel { background:#ff6c00 url(../../gfx/folnet/panel.gif) left bottom no-repeat; width: 255px; padding: 0 0 14px 0; float: right; margin: 1px 0 28px 0; }
#panel ul { margin: 10px 0 5px 0; padding: 0; }
#panel a { color: #FFF; font-weight: bold; }
#panel li { float: left; margin-left: 20px; display: inline; line-height:14px; }
#panel li.basket { background: url(../../gfx/folnet/ik_basket.gif) 0 4px no-repeat;  padding: 0 0 0 35px;}
#panel li.login { background: url(../../gfx/folnet/ik_logowanie.gif) 0 2px no-repeat;  margin-right: 20px; padding: 0 0 0 25px; float: right;}
#panel span,#panel span a { color: #8e3d00; font-size: 9px; font-weight: normal;  }

 
#welcome { width: 671px; height: 131px; background: url(../../gfx/folnet/witamy.jpg) 0 0 no-repeat; float: left; color: #cbcbcc; }
#welcome p { width: 450px; padding: 55px 0 0 20px; line-height: 15px;}

#offer { width: 951px; margin-top: 10px; background: #70cf00 url(../../gfx/folnet/offer_top.gif) 0 0 no-repeat; clear: both; }/* margin-top: expression(-5+'px');*/
#offer .gfx1 { background: url(../../gfx/folnet/offer_bot.gif) left bottom no-repeat; }
#offer .gfx1 div { background: url(../../gfx/folnet/oferta.jpg) 8px bottom no-repeat; }
#offer a { color: #2a4b04;  }
#offer ul { margin: 0; padding: 15px 0 15px 191px; overflow: hidden;  width: 760px;} 
#offer ul li { margin: 0; padding: 0; background: url(../../gfx/folnet/sep2.gif) left bottom no-repeat; float: left; width: 190px; }
* html #offer ul li { height:1px; vertical-align:bottom; }
#offer ul li a { display:block; font: 11px Tahoma,Arial,  Helvetica,Verdana; padding: 4px 0 6px 20px; background: url(../../gfx/folnet/arrow.gif) 0 6px no-repeat; }

#bonus { width: 951px; background: #FFF url(../../gfx/folnet/white_top.gif) 0 0 no-repeat; clear: both; margin-top: 15px; }
#bonus .gfx1 { background: url(../../gfx/folnet/white_bot.gif) left bottom no-repeat; padding: 15px 18px; overflow: hidden; width: 915px;}
.product { overflow: hidden; padding: 15px 0 0 0;}
.product li { background: url(../../gfx/folnet/dots.gif) left bottom repeat-x;  padding: 20px 0 20px 0px; list-style-type: none; }
.product li img { margin-left: 0px; float: left; border: 1px solid #f1f1f1; }
.product li h1 img { margin-left: 0px; float: right ; border: 0;}
.product .desc { padding: 0 0 0 60px; margin-left: 0px; }
.price { color: #000; padding: 0;}
.price span { font-weight: bold; }
#bonus .desc { line-height: 14px; }
#photo { float: right; text-align: right; }
#bigger { display: block; background: url(../../gfx/folnet/zoom.gif) right bottom no-repeat; padding: 0 0 22px 0;  }
#bigger img { border: 1px solid #efefef; }
#maininfo { padding: 0 0 20px 0; }

#promocje,#nowosci,#polecamy { width: 280px; float: left; margin-right: 35px;}
#promocje { background: url(../../gfx/folnet/hd_promocje.gif) 0 0 no-repeat; }
#nowosci { background: url(../../gfx/folnet/hd_nowosci.gif) 0 0 no-repeat; }
#polecamy { background: url(../../gfx/folnet/hd_polecamy.gif) 0 0 no-repeat; margin-right: 0;}

#promocje li, #nowosci li, #polecamy li { height: 140px; }

#profile,#login { background: url('../../gfx/folnet/sep.gif') right center no-repeat; }
#profile a { padding-left: 3px; }

li#gotobasket { padding-right: 0; }
li#temp { padding-right: 3px; }
#gotobasket a { background: url('../../gfx/folnet/basket.gif') 0 0 no-repeat; padding-left: 24px;  }


#hiddenCart { z-index: 2; }
.more_info { font-size: 9px; background-color: #ffcc33; color: #000; width: 253px; text-align: left; border: 1px solid #01461a; border-collapse:collapse; }
.more_info td, .more_info th { border: 1px solid #01461a;  padding: 1px 4px; }
.more_info a { color: #000; font-weight: normal; }


/* SORT  //////////////////////////////////////////////////// */
/*.nav { width: 100%; padding: 0; font-size: 0.8em; background: #ed1c24 url('../../gfx/folnet/pag.gif') 0 0 repeat-x; }	*/
.num_navi,.changeView,.sort { float: left; }
.num_navi, .changeView{ padding: 10px 10px 10px 0; margin: 0; }
.num_navi { background-image: none; }
.prev { background: url(../../gfx/folnet/loc2.gif) left center no-repeat; padding-left: 8px; }
.next { background: url(../../gfx/folnet/loc.gif) right center no-repeat; padding-right: 8px; }

.numbers a { padding: 2px 5px; }
.numbers span.last a { background-image: none; }
.numbers span.sel a { background-color: #ce9f87; color: #FFF; }
.sort { margin: 0; background: url(../../gfx/folnet/news_sep.gif) left center no-repeat; float: right; }
.sort form { display: inline;	vertical-align:middle; float: left;	}
.sort label { padding: 10px 15px; float: left; display: block; }
.sort select { display: inline; margin: 8px 0 0 0;	padding: 0;	font-size: 9px; }
a.up, a.down { background: url(../../gfx/folnet/up_down.gif) 0 0 no-repeat; width: 60px; height: 14px; display: block; float: left; margin-top: 5px; }
a.down { background: url(../../gfx/folnet/up_down.gif) 0 -100px no-repeat; }
.up span, .down span  { display: none; }
.changeView { margin-left: 0px; padding-left: 20px; background: url(../../gfx/folnet/news_sep.gif) left center no-repeat; }
.changeView label { padding: 0; float: left; display: block; margin-right: 15px; }
a.cols, a.rows { background: url(../../gfx/folnet/rows_cols.gif) 0 -110px no-repeat; width: 40px; height: 14px; display: block; float: left; }
a.rows { background: url(../../gfx/folnet/rows_cols.gif) 0 0 no-repeat;}
.changeView a span, .changeView a span  { display: none; }

/* Product  ///////////////////////////////////////////////////////////////////////////////////  */
#addtobasket  { padding: 10px 0 20px 0; background: url(../../gfx/folnet/dots.gif) left top repeat-x; } 
#addtobasket .button { width: 165px; height: 28px; background: url('../../gfx/folnet/addToCart.gif') 0 0 no-repeat; border: none; outline-style: none;}
#addtobasket .num { width: 55px; margin: 0 0px 0 0; text-align: center;}
#addtobasket label { font-size: 9px; }
#question { float: right; display: block; background: url('../../gfx/folnet/zapytaj.gif') 0 0 no-repeat; width: 165px; height: 28px; text-indent: -5000px; margin-top: 0px;}
#addtobasket p { background: url('../../gfx/folnet/uwaga.gif') 0 5px no-repeat; padding: 0 0 5px 20px;  }

/* CATEGORY LIST  ////////////////////////////////////////////////////////////////////////////////  */
#categoryList { height: 400px; overflow:auto; margin: 5px 0 0 0; }



/* TABELA KOSZYK */
.basket td { padding: 4px 5px 3px 5px; border: 1px dotted #ffb61a; }
.head td { background: #fefefe url(../../gfx/folnet/bg_th.gif) left bottom repeat-x; padding: 3px 8px 3px 8px; color: #000; text-align: center; border: 1px solid #CCC; font-weight: bold;   }
.head a { color: #990000; text-decoration: underline; float:left; }
.num, .basket .num input { width: 40px; margin: 0 5px; padding: 0 3px 0 1px; font-size: 11px; text-align: right; border: 1px solid #CCC;}
.money { background-color: #E0E0E0; }
td.money_sum { background-color: #E0E0E0; font-weight: bold; }


/* TABELA PORďż˝WNAWCZA */
.compare td,
.compare th { padding: 5px 5px 7px 5px; }

/* PROFIL UZYTKOWNIKA */
.orders td,
.orders th { padding: 6px; font-size: 9px; text-align: left; }
.orders { font-size: 9px; margin: 10px; border-collapse: collapse; }
.info .info { margin: 0; width: auto; }	
.orders p { font-size: 9px; }
.orders h5 { color: #8bd618;  font-size: 12px;  margin: 0 0 3px 0; }

/* INSANE */
/* start for JS:changeElementVisibility(elementName) */
.hide { display: none; }
tbody.show { display: table-header-group; }
/* tbody version for IE */
tbody.ieshow { display: block; }
span.shortPrice input { width: 40px; margin-right: 18px; }
table.advSearch { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; }
table.advSearch tr.buttons { text-align: center; }
table.advSearch th { padding: 4px 24px 4px 0; font-weight: bold; text-align: left; }
table.advSearch td { padding: 4px 0; }
table.advSearch td table.checkboxes { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; }
table.advSearch td table.checkboxes td { padding: 2px 8px 2px 0; }
table.advSearch td table.checkboxes td.ch { vertical-align: middle; }
table.advSearch td table.checkboxes td.split { padding-left: 40px; }
.staticInfo { padding: 20px 10px; text-align: center;	}
.staticInfo p { margin-bottom: 20px; font-weight: normal; text-align: center; }
.stat { text-align: center; }
.stat a img { border: 0px; }
.small { font-size: 9px; font-weight: normal; }
#reg { height: 408px; overflow:auto; margin: 5px 0 0 6px; padding: 0 10px 0 0; }
#reg ol { padding: 5px 0 5px 20px; margin: 0 0 20px 0; }
#reg li { padding: 0 15px 8px 23px; line-height: 15px; }
#reg .norm li { padding-bottom: 2px; }

/*Profile Menu*/
.profileMenu { border-bottom: 2px solid #c7c7c7; padding:  0 0 9px 0; line-height: 14px; margin-top: 15px;}
.profileMenu li { background-image: none !important; padding: 0 !important; margin: 0 !important; display: inline;}
.profileMenu a { background-color: #FF6C00; margin: 0 3px 0 0; border: 1px solid 00669a; border-bottom: none; color: #FFF; font-weight: bold;  padding: 7px 10px 8px 10px; }
.profileMenu a.selected { background-color: #FFF; border: 1px solid #c7c7c7; border-bottom: #FFF; color: #666; }
.profileMenu li a  { color: white; }

table.max { width: 100%; margin: auto; }


/*KROKI KOSZYK */
#steps { background: url(../../gfx/folnet/dot.gif) left top repeat-x; padding-bottom: 10px; overflow: hidden; width: 100%; }
.step { width: 120px; float: left; margin-right: 15px; border-top: 5px solid #CCC; padding-left: 5px; }
#steps .selected { border-top: 5px solid #ff6c00; }
#steps p { font-size: 9px; line-height: 14px; padding: 0; color: #999; }
#steps h3 { color: #999; font-size: 11px; padding: 0 0 5px 0; text-align: left; margin: 0;  }
#steps .selected { color: #CCC; }
#steps .selected h2 { font-weight: bold; color: #2e2d78; }

td.num img { vertical-align: middle; border: none; }



/* ORDER DETAILS - classes and ids should not be overridden due to proper printing */
#order { font-size: 11px; }
#order table { margin: 0; padding: 0; font-size: 10px; width: 100%; }
#order tr.noborder td { border: 0; }
#order th, #order td { border: 0; padding: 3px 4px; }
#order td.first { text-align: center; font-weight: bold; }

#order .fl { float: left; }

#order .hr { margin: 16px 0; border-bottom: 1px dashed #999; }
#order .sep { margin: 16px 0; }

#order .half { width: 49.5%; margin: 0; padding: 0; }
#order .left { float: left; }
#order .right { float: right; }

#order .cart { table-layout: fixed; }
#order .cart td { border: 1px solid #ddd; }
#order .twrapper { width: 100%; }

/* Add project specific definitions here. */
@media screen {
	#order th, #order td { border: 1px solid #ddd; }
}
#order th { background: #111; color: #fff; }
#order .hr { border-top: 0; }
#order .print { float: right; }
#order .print a img { border: 0; }

.zagiel { text-align: center;  }
.zagiel img { margin: 20px 0; }
p.zagiel a { background: url(../../gfx/folnet/calculate.gif) left bottom no-repeat; padding: 2px 0 2px 20px; font-weight: bold; color: #153566;}
p.zagiel { text-align: left; }
p.zagiel a { /* add some code here */ }
.zagiel_info { border-top: 1px solid #CCC; padding-top: 10px; }
.zagiel_info a { background: url(../../gfx/folnet/raty.gif) left bottom no-repeat; padding: 2px 0 2px 20px; font-weight: bold; color: #153566; }
