div.javascript { position: absolute; top: 0px; left: 0px; color: red; font-size: 12px; border: 1px solid red; padding: 5px; background: #FFF; }

div.loader { background: url(../img/loader.gif) 50% 50% no-repeat; }
div.clear5 { clear: both; height: 5px; font-size: 5px; line-height: 5px; }
div.clear10 { clear: both; height: 10px; font-size: 10px; line-height: 10px; }
div.clear15 { clear: both; height: 15px; font-size: 15px; line-height: 15px; }
div.clear20 { clear: both; height: 20px; font-size: 20px; line-height: 20px; }
div.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
div.clear_line { clear: both; height: 0px; font-size: 0px; line-height: 0px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #8A8A8A; }
div.clear_line_margin { margin: 0px 40px 0px 30px; clear: both; height: 0px; font-size: 0px; line-height: 0px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #8A8A8A; }
div.clear_line5 { margin: 0px 5px; clear: both; height: 0px; font-size: 0px; line-height: 0px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #8A8A8A; }


td.center, th.center { text-align: center; }
td.left, th.left { text-align: left; }

div.left { float: left; }
div.right { float: right; }



div.message{ color:#5a82ac; font-size:11px; margin-bottom:5px; margin-top:5px; background:#f5f5f5 url(../images/message_dot.gif) 3px 3px no-repeat; border:1px solid #cccccc; padding:2px 2px 2px 20px; }
td.top { vertical-align:top;  }


span.button_round { cursor: pointer; }

span.cart a { color: #01883B; cursor: pointer; display: block; background: url(../img/cart_button_big.jpg) top left no-repeat; 
                    height: 20px; width: 40px; padding: 4px 0px 0px 30px; font-size: 11px; font-weight: normal; text-align: left; }
span.cart a:hover { color: #01883B; }
                    
span.cart_button_big { color: #01883B; cursor: pointer; display: block; background: url(../img/cart_button_pro.jpg) top left no-repeat; 
                    height: 20px; width: 89px; padding: 4px 0px 0px 27px; font-size: 11px; }

span.button_green { color: #FFFFFD; cursor: pointer; display: block; background: url(../img/button_green.gif) top left no-repeat; 
                    height: 18px; width: 86px; text-align: center; padding-top: 4px; }
span.button_yellow { color: #FFFFFD; cursor: pointer; display: block; background: url(../img/button_yellow.gif) top left no-repeat; 
                    height: 18px; width: 86px; text-align: center; padding-top: 4px; }

span.page_yellow { float: left; height: 18px; width: 18px; margin: 0px 2px; }
span.page_yellow a { display: block; color: #FFFFFD; background: url(../img/pages_yellow.gif) top left no-repeat;
                    height: 15px; width: 18px; text-align: center; padding-top: 3px; }
span.page_yellow a:hover { display: block; color: #FFFFFD; background: url(../img/pages_green.gif) top left no-repeat;
                    height: 15px; width: 18px; text-align: center; padding-top: 3px; }

span.page_green { float: left; height: 18px; width: 18px; margin: 0px 2px; }
span.page_green a { display: block; color: #FFFFFD; background: url(../img/pages_green.gif) top left no-repeat;
                    height: 15px; width: 18px; text-align: center; padding-top: 3px; }
span.page_green a:hover { display: block; color: #FFFFFD; background: url(../img/pages_yellow.gif) top left no-repeat;
                    height: 15px; width: 18px; text-align: center; padding-top: 3px; }

select.perpage { width: 60px; }

input.pro_cart { background: none; border: 0px; }
input.normal { width: 150px; background: #FFFFFF; border: 1px solid #8A8A8A; font: 11px Tahoma, sans-serif; margin:1px; padding: 3px 5px; }
textarea.tnormal { border: 1px solid #ECE9D8; border-left: 1px solid #778f9b; border-top: 1px solid #778f9b; background:#FFFFFF; color:#989B99; font: 11px Tahoma, sans-serif; margin:1px; padding:2px 4px 2px 4px; }
input.bnormal { border: solid 1px #8A8A8A;  font: 11px Tahoma, sans-serif; font-weight:bold; color:#ffffff; margin: 1px; background:#AC070B; padding:1px 4px 1px 4px;}
input.bnormalw { border:solid 1px #8A8A8A; font-size: 9px; font-weight:bold; margin: 1px; color:#FFFFFF; background:#DD0067; padding:1px 4px 1px 4px;}
.form_left{ background: #f6f6f6 ; text-align: right; padding: 1px 16px 1px 0px; font-weight: bold; }
.form_right { background: #f6f6f6 ;padding: 1px 16px 1px 20px; }

/*
input.buttom_filtre {background: url(../img/button_green_small.gif) top left no-repeat; border: 0px; height: 22px; width: 75px;
                        padding: 0px 0px 0px; color: #FFF; margin: 0px 5px; cursor: pointer; }
*/

input.input_text { border: 1px solid #ECE9D8; width: 120px; border-left: 1px solid #778f9b; border-top: 1px solid #778f9b; }

.border_top_silver { border-top:1px solid #E1E1E1; }
.border_bottom_silver { border-bottom:1px solid #E1E1E1; }
.border_left_silver { border-left:1px solid #E1E1E1; }
.border_right_silver { border-right:1px solid #E1E1E1; }

input.pro_filtr { border: 1px solid #F3F0E7; font-family:inherit; color:#989B99; background: #FFF; width: 75px; padding: 1px 4px 1px 4px; }
select.pro_filtr { border: 1px solid #F3F0E7; font-family:inherit; color:#989B99; background: #FFF; width: 90px; padding: 1px 4px 1px 4px; }

input.text { border:1px solid #8A8A8A; font-family:inherit; color:#989B99; width: 140px;  padding:1px 4px 1px 4px; }
textarea.coment { font-size:11px; width:400px; border:1px solid #8A8A8A; font-family:inherit; color:#989B99; padding:2px; font-family:inherit; }

/* PopUp Zdjecia */
table.powiekszenie{ background: white; }
div.powiekszenie { position: absolute; display: none; z-index:101; }
div.powiekszenie div.pasek{ height:16px; background:#f8f8f8; text-align:right; margin:5px 5px 1px 5px; }
div.powiekszenie .zamknij { text-align: right; margin-bottom: 0px; color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; background:#999999; padding:0px 6px 2px 6px; }
div.powiekszenie .zamknij:hover{ color:#C2C3C7; text-decoration:none; } 
div.ladowanie { background-color:#eeeeee; background-image:url(../images/loader.gif); background-position:50% 50%; background-repeat: no-repeat; margin:5px 5px 5px 5px; }
div.ladowanie .obrazek { background-position:50% 0;  background-repeat: no-repeat; cursor:pointer; }