* html *, body{font-family:Tahoma,Arial,Verdana; font-size:11px; background-color:#FFF}
body, img, form, #con{margin:0px}
body, img{padding:0px}
.cLeft { float:left; width:378px }
a{text-decoration:none; color:#000}
a:hover{text-decoration:underline}
img{border-style:none}
p{padding:5px; margin:5px}
ins{
   display:block;
   text-decoration:none;
   background:#F0F0F0 url(info-ins.png) no-repeat 99% 6px;
   border:1px solid #DFDFDF;
   margin-top:5px;
   margin-bottom:5px;
   padding:5px 10px;
   padding-right:30px;
}
noscript p{
   background-color:#c00;
   color:#fff;
   font-weight:bold;
   padding:5px;
}
.clear, .clean { clear:both }

.breadcrumbs
{
    font-size: 12px;    
    font-weight: normal;
}
.breadcrumbs a 
{
    color: #000 !important;
}
.sep
{
    color: #A2A2A2;
}

.levelUp {
    background: url("up.png") no-repeat scroll 0 0 transparent;
    float: right;
    margin-right: 8px;
    margin-top: 1px;
    height: 16px;
    width: 16px;
}

#main { width:1202px; margin:10px auto; background-color:#FFF; border:solid 1px #FFF }

/* TOP */
#top
{
    margin:0px;
    padding:0px;
    width:1202px;
}
#top_logo
{
    background: url(top.png) no-repeat;    
    height: 82px;
}
#top_left
{
    float: left;
    width:390px;
    height: 82px;
    
}
#top_center
{
    float: left;
    color: #FFF;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    width:410px;    
    height: 82px;    
    font-size: 15px;
}
#top_center div
{
    margin-top:20px;
}

#top_right
{
    float: left;
    width:390px; 
    height: 82px;
}
#top_login
{ 
    text-align: right;
    padding-top: 20px;
}
#top_panel
{ 
    text-align: right;
    padding: 10px;
    font-weight: bold;
}
#top_panel a
{
    color:#FAFAFA;
}
#top_searchInput
{
    border: none;
    background: url(search_left.png) no-repeat;
    height: 22px;
    padding:0px 0px 4px 6px;
    color:#222;
    font-size:11px;
    width: 150px;
    float: left;
}
#top_formSearch
{
    margin: 45px 0 0 10px;
}
#top_searchBtn
{
    border:none;
    background: url(search_right.png) no-repeat;
    float: left;
}


 
#top_btnRegister{background: url(buttons_dark.png) no-repeat -99px 0; width: 150px; height: 26px; float: right; text-align: center; padding-top: 8px; color: #FFF; font-size: 14px;}
#top_btnRegister:hover{background: url(buttons_dark.png) no-repeat -99px -34px; width: 150px; height: 34px;  text-decoration: none;}

#top_btnLogin { background: url(buttons_dark.png) no-repeat; width:99px; height: 26px; float: right; margin-right: 20px; padding-top: 8px; text-align: center; color: #FFF; font-size: 14px; }
#top_btnLogin:hover { background: url(buttons_dark.png) no-repeat 0 -34px; width:99px; height: 34px; text-decoration: none;}
#top_producers .top_producer { float: left; width: 100px; text-align: center; padding: 0 9px;}
#top_producers .top_producer a{ font-weight: normal}
#top_main_producers { margin-bottom: 10px; height: 45px;}
#top_producers_all { display: none; }


#top_menu
{
    height:27px;
    padding: 0 0 0 20px;
    font-size: 12px;
    background: url(top_menu.png) no-repeat;
}
#top_menu a {text-shadow:1px 1px 0 #FFFFFF; display:block; float:left; padding:7px 26px 0px 26px; height:23px; color:#333333; text-decoration:none}
#top_menu a:hover { color:#E33; text-shadow:none }
#top_menu .sep { float:left; width:13px; height:30px; background:url(separator.png) no-repeat center}
 
#top_bar_producers {margin:10px 0 0 0;  background-color: #FFFFFF;}
#top_producers {float:left; font-weight:bold; font-size:10px; padding:3px 0px 0px 10px; color:#000;}
#top_producers ul{ list-style: none; margin: 0px; padding: 0px; list-style: none outside none}
#top_producers ul li{ float:left; height: 30px; padding: 2px 0 2px 0; width: 197px; font-size: 12px; text-align: left; font-weight: normal; cursor: pointer;}

#top_bar_producers_expand { clear: both; width: 1200px; height: 20px;  }
#top_bar_producers_expand_line {height:7px; float: left; border-top:solid 1px #AAAAAA; width: 1070px; margin-top: 6px}
#top_bar_producers_expand_button {float:left; padding-bottom: 4px; color:#808080; cursor: pointer; margin: 0 0 0 10px;}


#top_producers .name { width:130px; float: right;  padding: 10px 0 0 0px; }
.list-producer-start {}
.list-producer-end {}
.list-producer-normal {}
.list-producer-image {height: 30px; width: 50px; float: left; margin-left: 2px;}

.producerImage {cursor: pointer;}

#top_bar { height:30px; background:url(top_bar_bg.png) top left repeat-x; border: solid 1px #AAA }
#logo_link { display:block; width:380px; height:90px; background-color:Transparent; }

#search { width:234px; margin:8px 0px 0px 20px; padding:0px; background:url(search_bar.png) top left no-repeat }
#search table { margin:0px; padding:0px; border:none; border-collapse:collapse; border-spacing:0px }
#search td { margin:0px; padding:3px 7px; border:none; vertical-align:top }
#search form { margin:0px; padding:0px 0px 0px 2px }
#search #fraza { background-color:#FFF; width:144px; height:auto; margin:0px; padding:0px; border:none; font-size:12px; font-weight:bold; color:#484747 }
#search #btnSearch { background:#A2A2A2; width:58px; height:auto; margin:0px; padding:1px 0px 0px 0px; border:none; font-size:12px; font-weight:bold; color:#484747; text-transform:uppercase }
#search #btnSearch:hover { color:#000 }
#search a { color:#999; float:right; text-decoration:none; margin-right:3px }
#search a:hover { color:#CCC; text-decoration:none }

#navigator { float:left; width:600px; height:20px; font-weight:bold; font-size:10px; padding:9px 0px 0px 10px; color:#000 }
#top_bar a { text-decoration:none; color:#000 }
#top_bar a:hover { color:#E00 }

#middle { padding:10px 2px; background-color:#FFF }

/* MIDDLE - LEFT */

#left { float:left; width:226px; }
#left div.title { width:200px; text-shadow:1px 1px 0px #000; height:22px; background:url(left_header.png) no-repeat; color:#FFF; padding:5px 0px 0px 11px; font-size:12px; margin:0px; margin-top:10px }
#left div.slider_toggle { width:200px; text-shadow:1px 1px 0px #000; height:22px; background:url(left_header_toggle.png) no-repeat; color:#FFF; padding:5px 0px 0px 11px; font-size:12px; margin:0px; margin-top:10px; cursor: pointer }
#left div.slider_out { width:200px; text-shadow:1px 1px 0px #000; height:22px; background:url(left_header_out.png) no-repeat; color:#FFF; padding:5px 0px 0px 11px; font-size:12px; margin:0px; margin-top:10px; cursor: pointer}
#left .menu_content { width:208px; background-color:#F5F5F5; border:#DCDCDC 1px solid; border-top:none; margin:0px; padding:10px 0px 3px 0px; }
#left .menu_static { padding-left:10px; width:194px; padding:7px }


#kosz { width:202px; background-color:#F5F5F5; border:#DCDCDC 1px solid; border-top:none; margin:0px; margin-bottom:10px; padding:10px 3px 3px 3px; }
#kosz table { width:100%; margin-bottom:10px }
#kosz th { text-align:left; font-weight:normal; width:120px; border-bottom:1px solid #DCDCDC }
#kosz td { text-align:right; border-bottom:1px solid #DCDCDC;  }
#kosz .price {font-weight:bold}
#btnKosz { margin: 0 5px 5px 0; background: url(buttons.png) no-repeat -114px 0px; width: 97px; float: right; height: 21px; }
#btnKosz:hover { background: url(buttons.png) no-repeat -114px -21px; width: 97px; float: right; height: 21px; }
 
#left .bag_list {  }
#left .bag_list table { width:100%; border-collapse:collapse; border-spacing:0px; }
#left .bag_list tr:hover { background-color:#DCDCDC }
#left .bag_list td { vertical-align:top; padding:2px 1px; border-bottom:1px solid #DCDCDC }
#left .bag_list_del { color:#C00 }

.big_button { float:left; height:21px; background:url(btn_left.png) top left no-repeat; padding-left:8px; font-size:11px }
.big_button_end { height:21px; background:url(btn_right.png) top right no-repeat; padding-right:10px; }
.big_button_txt { display:block; height:18px; padding:3px 3px 0px 3px; background:url(btn_bg.png) top left repeat-x; color:#333; font-weight:bold; text-decoration:none }
.big_button_txt:hover { color:#000; text-decoration:none }

#left form { padding-left:3px; padding-right:3px }
#left form select { width:100% }
#left ul { padding:0px 3px; margin:0px }
#left li { list-style:none }
#left li a { padding:8px 2px 8px 4px; display:block; border-bottom:1px solid #DCDCDC; font-size:12px }
#left li a:hover { text-decoration:none; background-color:#DCDCDC }
#left ul ul { list-style-type:none; margin:0px 0px 0px 8px; padding:0px }

#left .selected { font-weight:bold }
#left .boxContact { padding-left:5px }
/* MIDDLE - RIGHT */

#right { float:left; width:972px }
#banner { padding-bottom:10px }
#content {  }

#sort_panel { padding:3px 8px 7px 5px; margin:5px 0px; background-color:#F5F5F5; border:solid 1px #DCDCDC }
#sort_panel .sort_icon { display:block; float:left; width:30px; height:24px; margin:0px; background-position:0px 0px; background-repeat:no-repeat }
#sort_panel .sort_on { background-position: 0px -25px }
#sort_panel .sort_text { display:block; float:left; padding:6px 8px 0px 0px }
#sort_panel .sort_link { display:block; float:left; padding:5px 0px 0px 0px; font-size:12px }
#sort_panel .sort_sepa { display:block; float:left; width:2px; height:25px; margin:0px 5px;  background:url(sort_sep.png) top right no-repeat }
#sort_panel .sort_group { float:right; margin-left:30px; padding-top:7px }
#sort_panel .sort_asc { padding-right:14px; font-weight:bold; background:url(sort_up.png) right 3px no-repeat }
#sort_panel .sort_desc { padding-right:14px; font-weight:bold; background:url(sort_dn.png) right 3px no-repeat }
#sort_panel .select_group { float:left; margin-right:7px }
#sort_panel .select_text { color:#666; padding:0px 0px 0px 1px }
#sort_panel select { width:140px; padding:1px 1px; margin:0px }
#form-filter { float:left; margin:0; padding:0px }
#form-filter div { clear:none }

h1 { font-size:16px; font-weight:bold; padding:2px; margin:0px 0px 5px 0px; border-bottom:#C0C0C0 1px solid }
h2 { font-size:14px; font-weight:bold; padding:2px; margin:10px 0px 5px 0px; border-bottom:#C0C0C0 1px solid }
h3 { font-size:12px; font-weight:bold; padding:2px; margin:6px 0px 5px 0px; border-bottom:#C0C0C0 1px solid }

.paginator_table { width:100%; border:none }
.paginator_table td { border:none }
.paginator_info { text-align:right; padding:6px 3px 0px 0px }

#products {}

#products .btn_kup, #products .btn_opis, #products .btn_usun { height: 21px; float: left; cursor:pointer; margin:3px }
#products .btn_kup{background: url(buttons.png) -42px 0px no-repeat; width: 72px; }
#products .btn_kup:hover{background: url(buttons.png) -42px -21px no-repeat; width: 72px;}
#products .btn_opis{background: url(buttons.png) 10px 0px no-repeat; width: 52px;}
#products .btn_opis:hover{background: url(buttons.png) 10px -21px no-repeat; width: 52px;}
#products .btn_usun{ background:url(standard_buttons.png) 0px 0px no-repeat;  width:40px; text-align: center; padding-top:3px; height: 18px; }
#products .btn_usun:hover{ background:url(standard_buttons.png) 0px -21px no-repeat; text-decoration: none;}


#products .product {}
#products .productBox { position: relative; float:left; width:310px; height:175px; margin:4px; padding:1px; border:solid 1px #DCDCDC }
#products .productBox h3 { font-size:11px;  font-weight: normal; padding: 2px 9px 0 4px ; margin: 0px; color:#3A3A3A; text-align:right; border: none;}
#products .productBox h3 a{ color:#3A3A3A; font-size: 13px; }
#products .productBox .image {  float: left; }
#products .productBox .description { float: right; padding: 0px 10px 0 0; width: 130px}
#products .productBox .company { font-size:11px; color:#808080; text-align:right; height: 30px; }
#products .productBox .unit { font-size: 11px; color: #686868; text-align: right; }
#products .productBox .oldprice {font-size: 12px;}
#products .productBox .pimage { position: absolute; bottom: 15px; left: 5px; width:160px; height:120px; text-align:center; cursor:pointer }
#products .productBox .price { float: right; width:130px; height:32px; text-align:right; font-size:13px; position: absolute; bottom: 32px; }
#products .productBox .promo { color:#C00; }
#products .productBox .buttons { height:21px; width: 140px; position: absolute; bottom:10px; right: 0px;}
#products .productBox .adds { height:16px; font-weight:bold; color:#C00; margin-top:2px; padding-top:2px; text-align:center }

#products .productList { width:956px; margin-left:7px; font-size:12px }
#products .productList h3 { border:none; font-weight:normal;  padding:0px; margin:0px }
#products .productList th { height:30px }
#products .productList td { padding:0px; border-bottom:solid 1px #DCDCDC }
#products .productList tr { background-color:Transparent }
#products .productList tr:hover { background-color:#F0F0F0 }
#products .productList a { display:block; color:#000; padding:4px }
#products .productList a:hover { text-decoration:none }
#products .productList .oldprice {}
#products .productList .promo { font-weight:bold; color:#C00 }

#products .productLine { margin:4px 2px; padding:1px; border:solid 1px #DCDCDC }
#products .productLine .pimage { float:left; width:130px; height:100px; cursor:pointer }
#products .productLine .pimage img{ padding: 4px; }
#products .productLine .center { float:left; width:680px; height:90px }
#products .productLine h3 { border:none; font-weight:normal; padding:3px 0px 5px 0px; margin:0px }
#products .productLine .title { font-size:13px; color:#000; font-weight:bold }
#products .productLine .prolog { height:45px; padding-bottom:5px }
#products .productLine .banner { height:12px }
#products .productLine .price { float:right; text-align:right; font-size:12px; font-weight:bold; width:130px; height:56px; padding:5px 10px 0px 0px }
#products .productLine .promo { color:#C00; }
#products .productLine .oldprice { color:#000; font-weight:normal; font-size:11px;}
#products .productLine .buttons { margin-right: 5px; float:right; width:118px; height:60px; }
#products .productLine .btn_kup, #products .productLine .btn_opis { float:right}

#products .productBig { margin:10px 2px; padding:1px; border:solid 1px #DCDCDC }
#products .productBig .pimage { float:left; width:330px; height:250px; cursor:pointer }
#products .productBig .pimage img{ padding:5px; }
#products .productBig .right { float:left; width:540px; height:240px; padding-left:7px }
#products .productBig h3 { border:none; font-weight:normal; padding:5px 0px 5px 0px; margin:0px }
#products .productBig .title { font-size:14px; color:#000; font-weight:bold }
#products .productBig .prolog { height:80px; padding-right:20px }
#products .productBig .banner { height:30px }
#products .productBig .price { font-size:17px; font-weight:bold; width:200px; height:80px; padding:0px 0px 0px 20px }
#products .productBig .promo { color:#C00; }
#products .productBig .oldprice { color:#000; font-weight:normal; font-size:15px; padding: 10px 0 0 0; }
#products .productBig .buttons { width:150px; height:24px }
#products .productBig .btn_kup, #products .productBig .btn_opis { float:left }

#ajaxbag .productBag { margin:4px 2px; padding:1px; border:solid 1px #DCDCDC }
#ajaxbag .productBag .image { float:left; width:320px; height:240px; margin:0px 10px 0px 5px; cursor:pointer }
#ajaxbag .productBag .right { float:left; width:320px; height:250px; padding-left:7px }
#ajaxbag .productBag h3 { border:none; font-size:14px; font-weight:bold; padding:5px 0px 5px 0px; margin:0px }
#ajaxbag .productBag .title { font-size:14px; color:#000; font-weight:bold }
#ajaxbag .productBag .prolog { height:70px; padding: 0px 10px 5px 0px }
#ajaxbag .productBag .price { color:#C00; font-size:22px; font-weight:bold; width:200px; height:60px; padding:0px 0px 0px 20px }
#ajaxbag .productBag .info { color:#C00; height:38px; padding-left:20px }
#ajaxbag .productBag .promo { color:#C00; }
#ajaxbag .productBag .oldprice { color:#000; font-weight:normal; font-size:11px;}
#ajaxbag .productBag .buttons { height:24px; padding-left:20px;  }
#ajaxbag .productBag .form_text { width:30px; float:left }
#ajaxbag .productBag  input { width:36px; padding:1px; float:left; margin-left:10px }
#ajaxbag .productBag .btn_bag { display:block; float:left; width:120px; height:18px; padding: 3px 0 0 0; background:url(standard_buttons.png) -490px 0px no-repeat; text-decoration:none; text-align:center; margin-left:15px; }
#ajaxbag .productBag .btn_bag:hover { background:url(standard_buttons.png) -490px -21px no-repeat; text-decoration:none; }
#ajaxbag .productBag .btn_cancel { display:block; float:left; width:50px; height:18px; padding: 3px 0 0 0;  background:url(standard_buttons.png) -40px 0px no-repeat; text-decoration:none; text-align:center; margin-left: 10px;}
#ajaxbag .productBag .btn_cancel:hover { background: url(standard_buttons.png) -40px -21px no-repeat; text-decoration:none; }



.page { margin:10px; padding:0px; text-align:center;}
.page a { color:silver; text-decoration:none; font-size:8pt; padding:3px 5px; margin-right:1px; border:1px solid silver; }
.page a:hover,.page .selected{ color:#000; border-color:#000; text-decoration:none!important; }
.page span { padding:3px 5px; margin-right:1px; color:silver; border:1px solid silver; }

/* BOTTOM */

#bottom { color:#666; text-align: right; background-color:#000; padding:10px; border-radius:4px; }
#bottom a { color:#666 }

/* CONTENT */

#content { line-height:15px} 

#content a{color:#A00; text-decoration:none}
#content a:hover {text-decoration:underline}

#content div.goTop {background:url(anachorTop.png) no-repeat right center; padding-right:18px; text-align:right }
#content a.goTop {}

#content li a { background:none; padding:0px }
#content .btnKup,#content .btnOpis { display:block; width:50px; height:16px; color:#000; text-decoration:none; font-size:10px; text-transform:uppercase; text-align:center; cursor:pointer; }
#content .btnKup{ background-image:url(btn_kup.png) }
#content .btnKup:hover{background-image:url(btn_kupHov.png)}
#content .btnOpis{background-image:url(btn_opis.png)}
#content .btnOpis:hover{background-image:url(btn_opisHov.png)}

#main_banner{text-align:center; line-height:0px}
#main_banner a{padding:0px; margin:0px}

.mtSep { float:left; background:url(mtSep.jpg) no-repeat top left; width:2px; height:30px }

.tabV th{color:gray; border-bottom:1px solid gray; text-align:center; background-color:#EEE}
.tabV td{border-bottom:1px solid #efefef; padding:2px}
.tabV tr:hover td{background-color:#eee}
.tabH th{color:gray; text-align:right; padding-right:8px}

/* TABS */
.tabs_panel_group { margin:0px; padding:0px; width:965px; height:40px; background:url(tab_bg.png) repeat-x bottom left; padding-top:10px }
.tabs_panel { float:left; width:157px; height:40px; font-size:10px; list-style:none; cursor:pointer; color:#555; padding:7px 0px 0px 0px; background:url(tab_off.png) no-repeat left top; text-transform:uppercase; text-align:center; margin:0px 2px 0px 2px; }
.tabs_panel a { text-decoration:none }
.tabs_panel_selected { height:40px; background:url(tab_on.png) no-repeat top left; color:#000; font-weight:bold; }
.tabs_content_group { clear:both; padding:0px; margin:0px }
.tabs_content { padding:6px }

/* formularze */
form .req{color:#c00}
form .war{color:#E57D16}
input.text, textarea, select{
   font-size:11px;
   border:1px solid gray;
   padding-left:3px;
   margin:0px;
}
form div{clear:both; padding:2px}
form div input.text, form div select, form div textarea{float:left}
form div input.submit{margin-left:210px}
form div label{
	float:left;
	width:200px;
	padding-bottom:5px;
	padding-right:10px;
	display:block;
	clear:both;
	font-weight:bold;
	color:gray;
	text-align:right;
}
form th{text-align:right; padding-right:5px}
form .btn{clear:both; margin:8px 0px}
fieldset {border:1px solid gray}
legend{padding:0px 10px; font-weight:bold; color:gray}
input.submit{
   clear:both;
   width:120px;
   height:21px;   
   padding:0 0 2px 0;
   border-style:none;
   background:url(standard_buttons.png) -490px 0px no-repeat;
   color:#000;
   font-size:9px;
   text-transform:uppercase;
   cursor:pointer;
}
input.submit:hover{background:url(standard_buttons.png) -490px -21px no-repeat}

.formLong input.text, .formLong input.password{width:295px; padding: 3px;}
.formLong select{width:300px}
.fc-error p{padding:0px; margin:0px}

/* error i info */
.bErr, .bInf{margin-bottom:6px; padding:2px 2px 2px 6px}
.bInf{background-color:#EFF3FF; border:1px solid #DFE8FF}
.bErr p, .bInf p{
   padding-top:2px;
   padding-bottom:3px;
   padding-left:20px;
   padding-right:5px;
   margin:2px 0px;
}
.bErr p{color:#c00; background:url(error.png) no-repeat center left}
.bInf p{color:#264AB4; background:url(info.png) no-repeat center left}


/* IE HACK */
* html .TabbedPanels{float:left; width:780px}
* html .TabbedPanelsTabGroup{
   margin:0px;
   padding:0px;
   width:780px;
   height:40px;
}

a.long,a.longRed{
   display:block;
   background:url(standard_buttons.png) -490px 0px no-repeat;
   width:120px;
   height:18px;
   color:#000 !important;
   text-align:center;
   font-size:10px;
   text-transform:uppercase;
   margin:1px;
   padding: 3px 0 0 0;
}
a.long:hover,a.longRed:hover{text-decoration:none !important; background:url(standard_buttons.png) -490px -21px no-repeat}
a.longRed{color:#c00 !important}

#topRedHref{font-weight:bold; color:#d00 !important}

.drukIcon{
   display:block;
   height:16px;
   padding-left:20px;
   background:url(drukarka.png) no-repeat top left;
}

.red{color:#c00}

a.btnPromoMain{
   display:block;
   font-size:10pt;
   color:#c00;
   margin-top:10px;
   margin-bottom:10px;
   padding-left:30px;
   background:url(arrow.png) no-repeat 10px 0px;
}

a.rss_href{padding-left:20px; background:url(rss.png) no-repeat center left}

/* TABELA WYSYLKA */
.tabExpense th span {width:100%; font-size:7pt; color:#3F3F3F; font-weight:normal}
.tabExpense td { padding:4px 0px }

.promoBanner {}
.promoBanner a { margin-left:24px; }

#tbl-otheraddress td {border:none !important;}
.crossed
{
    text-decoration: line-through;
    color: #9F9F9F !important;
}
.text-shadow
{
    color:#fff;    
}
.menu-selected
{
    background-color: #c00;
    color:#fff;
}