help/***********************
 * LogiShop Layout CSS
 ************************/
body {
}
#main_shadow {
	width: 980px;
	margin:0 auto;
	height: 100%;
}
#main {
	position:relative;
	width: 980px;
	margin: 0 auto;
	/*border-left:1px solid blue;	border-right:1px solid blue;*/
}
#header {
	height: 80px;overflow:hidden;
}
	#header h1 {margin:0;} 
	#header h1 span { display:none; }
	#logo {
		float: left;
		padding:14px 0 0 0px;
		position: relative;
	}
		#logo_link {
			display:block;
			background:url(/images/logo.png) no-repeat top left;
			width:202px;height:54px;
		}
		#logo_link span {
			display:none;
		}
	#logo h1, #logo h2 {
		position: absolute;
		top: 80px;
	}
	#logo-help
	{
		font-family: trebuchet ms;
		font-size:  13px;
		float: right;
		margin: 3px 0 0 0;
		width: 516px;
		color: #6AC834;
	}
	
		ul.basic_pages {
			margin:0; 
			padding: 0 0; 
			float:right;
		}
		ul.basic_pages {
			list-style:none;
			margin:8px 3px 0 0;
		}
		ul.basic_pages li {padding:0;margin:0; color: #616161; display:inline}
		ul.basic_pages li span { padding:0 2px; }
		ul.basic_pages a { font:11px tahoma; color: #616161; }
		
		div.top_contact {
			float:right;margin:12px 5px 0 0;
		}
		div.top_contact a {
			display:block;float:left;
			margin: 0 0 0 8px;
			font:17px tahoma;color:#46A800;
		}

/********************
 * SEARCH BAR
 ********************/

#menu_bar
{
	height: 40px;
	background: url(/images/menu_bar_bg.png) no-repeat top left;
}
	#menu_bar div.search_left {
		float:left; width:345px;
		background: url(/images/search_bar_zoom.png) no-repeat 17px 13px;
		height:36px;overflow:hidden;
	}
	
	#menu_bar div.search_left form {
		margin:0 0 0 49px;
	}
	
	#menu_bar #search_keywords
	{
		background: url(/images/search_bar_keywords.png) no-repeat 0 0;
		margin:10px 0 0 0;
	  	font:12px tahoma;
	  	padding:3px 3px;
	  	width: 144px;
	  	height: 20px;
	  	color: #979797;
	  	border:none;
	  	overflow:hidden;
	}
	
	#menu_bar input#sbb
	{
		display:block;
		margin:10px 0 0 0;
	}
	#menu_bar #sadv
	{
		display:block;
		margin:10px 0 0 1px;
	}	
	#menu_bar div.left {
		margin-left:1px;
	}

/* nawigacja do logowania */
	#logo
	{
		font-family: tahoma;
		font-size: 11px;
		color: #C72B7E;
	}
	
	#user_box
	{
		position:absolute;top:0;right:0;
		background:url(/images/breadcrumb_bg.png) white no-repeat top right;
		text-align:right;
		padding:0 0 0 5px;
		margin: 0 6px 0 0;
		font-family: arial;
		font-size: 12px;
		color:black;
	}

	#user_box a, #user_box span
	{
		display:inline-block;
		font:11px tahoma;
		line-height:39px;height:39px;
		color:black;
	}

	#user_box a.login_link
	{
		padding: 0 36px 0 0;
		background:url(/images/icon_key1.png) no-repeat 130px 10px;
	}
	
	#user_box a.signout_link
	{
		padding: 0 30px 0 2px;
		background:url(/images/icon_key1.png) no-repeat 51px 10px;
	}

	#user_box a:hover
	{
		text-decoration: underline;
	}


	/***********************
	 * breadcrumb
	 ***********************/

div#breadcrumb
{ 
	position:relative;
	height: 36px;
	background:url(/images/breadcrumb_bg.png) no-repeat 0 0;
	padding:0 5px 0 6px;
	color:#999;
	font-size:12px;
}
	div#breadcrumb ul { }
	div#breadcrumb ul li {
		display:block;float:left;
	}
	div#breadcrumb ul li a, div#breadcrumb ul li span {
		display:block;float:left;
		color:#767676; line-height:39px;
	}
	div#breadcrumb ul li img {
		display:block;float:left;
		margin:12px 12px 0 12px;
	}
	div#breadcrumb ul li img.home_image {
		margin:12px 4px 0 11px;
	}
	
#content
{
}

#content_main
{
	float:left;
	width:780px;
}


div#bottom
{
	margin-top: 1em;
}

#footer
{
	width: 972px;
	margin: 0 auto 20px auto;
	font:11px 'trebuchet ms'; color:#525252;
}

	#footer a {	color: #525252; }

	#footer div.wrapper	{
		padding: 0 18px;
	}
	
	#footer p {
		line-height: 1em;
	}

	#footer p.left { float:left;width: 50%; }
	#footer p.right { float:right;width: 50%;text-align: right; }
	
#content_center
{
	float:right;
	width:575px;
	padding:0;margin:0 9px 0 10px;
}
	
div.bottom_links {
	padding:10px 0;
}

#left-bar
{
	width:186px;
	float:left;
}

	/*#left-bar .header a
	{
		color: #7b7b7b;
	}*/

div.left-box
{
	background:url(/images/left_box.png) #D4D4D4 no-repeat 0 10px;
	clear: both;
	margin-bottom:10px;
}

	div.left-box .content {
		padding: 5px 5px 5px 5px;
		background:url(/images/left_box_bottom.png) no-repeat bottom left;
	}

#right-bar
{
	width: 200px;
	float:right;
}

div.left-box div.header, div.right_box div.header
{
	text-transform:uppercase;
	font:12px tahoma;
	color:black;
	padding:0 0 0 9px;
	height: 40px;line-height:40px;
	font-weight: normal;
}

div.left-box div.header a, div.left-box div.header h3, div.right_box div.header a, div.right_box div.header h3
{
	display:block;
	font:12px tahoma;
	color:black;
	font-weight: normal;
	margin: 0; line-height:40px;
}

div.left-box div.header {
	background:url(/images/left_box_header.png) no-repeat 0 0 ;
}
div.right_box div.header {
	background:url(/images/right_box_header.png) no-repeat 0 0 ;
}

div.cart_icon {
	background:url(/images/icon_cart.png) no-repeat 147px 10px ;
}
div.later_icon {
	background:url(/images/icon_later.png) no-repeat 155px 10px ;
}
div.dark-header {
	background:url(/images/right_box_header_dark.png) no-repeat 0 0 !important;
}
div.contact_icon {
	background:url(/images/icon_phone.png) no-repeat 163px 7px;
}
div.news_icon {
	background:url(/images/icon_news.png) no-repeat 151px 7px;
}
div.newsletter_icon {
	background:url(/images/icon_newsletter.png) no-repeat 155px 13px;
}
div.kurier_icon {
	background:url(/images/icon_kurier.png) no-repeat 133px 14px;
}
div.producer_icon {
	background:url(/images/icon_producer.png) no-repeat 143px 9px;
}



#items {
	color:#5B5B5B;
}
#items .hr {
	background:url(/images/cart_hr.png) no-repeat 0 8px;height:18px;margin-left:10px;
}

div.left-box div.header h2, div.right_box div.header h2
{
	display:none;
}
	
div.right_box {
	margin-bottom:10px;
	clear: both;
	background:url(/images/right_box.png) #D4D4D4 no-repeat 0 0;
}

	div.right_box .content {
		padding: 5px 5px 5px 5px;
		background:url(/images/right_box_bottom.png) no-repeat bottom left;
	}

	div.right_box div.box_icon
	{
		margin: 2px 0 0 0;
		float: right;
	}
	div.right_news_item { 
		margin:3px 3px;
		line-height:15px; 
	}
	div.right_news_item .date { 
		font:12px tahoma;
		color:#727272;background:url(/images/news_arrow.png) no-repeat 0 2px;
		padding:0 0 0 19px;
	}
	div.right_news_item h4 {
		padding:0 0 0 19px;
	} 
	
	div.right_box div.cart_icon	{
		/*background: url("/images/icons/basket_go.png") no-repeat 70px 0;*/
	}
	
	div#newsletter_box div.content {
		line-height:15px; 
	}

#compare_box {
	background-position: 0 -30px;
}

/******************
 * MENU CSS STYLE *
 ******************/
#upper_menu
{
	margin-bottom:10px;
	position:relative;
}

	#upper_menu .header {
		background:url("/images/upper_menu_header.png") repeat-x 0 0;
		height:40px;overflow:hidden;
	}
	#upper_menu .brand_0 {
		background:url("/images/menu_department_1_hover.png") repeat-x 0 0;
	}
	#upper_menu .brand_1 {
		background:url("/images/menu_department_2_hover.png") repeat-x 0 0;
	}
	#upper_menu .brand_2 {
		background:url("/images/menu_department_3_hover.png") repeat-x 0 0;
	}
	#upper_menu .brand_3 {
		background:url("/images/menu_department_4_hover.png") repeat-x 0 0;
	}

	#upper_menu .header h3 { margin:0 0 0 7px; }
	#upper_menu .header h3, #upper_menu .header h3 a {
		font:11px tahoma;color:white;line-height:40px;
		text-transform:uppercase;
	}

	#upper_menu ul	{
		position:relative;
		width: 100%;
	}
	
	#upper_menu li	{
		display: block;
		margin: 0;
		background:url(/images/upper_menu_li.png) repeat-x #DFDFDF 0 0 ;
		font:11px tahoma; line-height:30px;
	}
	
	#upper_menu li a {
		display: block;
		color: #4C4C4C;
		padding: 0 0 0 9px;
	}
	#upper_menu li a:hover, #upper_menu li a.on {
		background:#44A220;
		color:white; text-decoration:none;
	}
	#upper_menu .brand_0_list li a:hover, #upper_menu .brand_0_list li a.on { background:#F4A313; }
	#upper_menu .brand_1_list li a:hover, #upper_menu .brand_1_list li a.on { background:#14A6D4; }
	#upper_menu .brand_2_list li a:hover, #upper_menu .brand_2_list li a.on { background:#C15B6E; }
	#upper_menu .brand_3_list li a:hover, #upper_menu .brand_3_list li a.on { background:#DA534B; }

	#upper_menu li:first-child	{
		background-image:none;
	}
	
	#upper_menu ul.lev2 {
		background:#F3F3F3;
		padding:8px 0 12px 0;
	}
	
	#upper_menu ul li.lev1 a {
		font-weight:bold; padding: 7px 0 7px 9px;
		font:11px tahoma; line-height:16px;
	}
	#upper_menu ul li.lev2 {
		background:#F3F3F3;
		font-weight:normal;
	}
	
	#upper_menu ul li.lev2 a {
		background:#F3F3F3;line-height:20px;
		padding: 0 0 0 20px;color:black;
	}
	#upper_menu ul li.lev2 a:hover, #upper_menu ul li.lev2 a.on {
		color:#0000ee
	}
	#upper_menu ul li.noborder {
		background-image:none;
	}

#menu
{
	float:right; width:635px;
	position:relative; margin:0;
	z-index:9;
}

#menu ul
{
	margin: 0;
	padding: 0;
	z-index:1;float:right;
}

#menu ul li a
{
	display: block;	text-decoration:none;
	color: #696969;
	font:10px tahoma; text-transform:uppercase;
}

	/************ POZIOM 1 - MENU HORYZONTALNE **************/

#menu ul.level1 li.level1
{
	float:left;
  	text-align: center;
  	display: block;
  	border-left:1px solid white;
  	max-height:40px;max-width:180px;overflow:hidden;
}

#menu ul.level1 li.level1 a {
  	padding:0 14px;line-height:40px;
  	background:url(/images/menu_department.png) repeat-x 0 0;
}
	#menu ul.level1 li.level1:first-child {
		/*border-left:none;*/
	}

#menu ul.level1 li.level1 a:hover, #menu ul.level1 li.level1 a.on
{
  	background: #FF8401;
  	color: white;
  	text-decoration: none;
}

#menu ul.level1 li#department_0 { width:130px; }
#menu ul.level1 li#department_1 { width:132px; }
#menu ul.level1 li#department_0 a { line-height:16px;padding:4px 8px; }
#menu ul.level1 li#department_1 a { line-height:16px;padding:4px 8px; }

#menu ul.level1 li#department_0 a:hover, #menu ul.level1 li#department_0 a.on { background:url(/images/menu_department_1_hover.png) repeat-x 0 0; }
#menu ul.level1 li#department_1 a:hover, #menu ul.level1 li#department_1 a.on { background:url(/images/menu_department_2_hover.png) repeat-x 0 0; }
#menu ul.level1 li#department_2 a:hover, #menu ul.level1 li#department_2 a.on { background:url(/images/menu_department_3_hover.png) repeat-x 0 0; }
#menu ul.level1 li#department_3 a:hover, #menu ul.level1 li#department_3 a.on { background:url(/images/menu_department_4_hover.png) repeat-x 0 0; }

#menu ul.level1 > li.level1 a {
  	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }



	/************ POZIOM 2, 3, ... - MENU ROZWIJANE **************/


#menu ul.level2, #menu ul.vert {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	border-left:1px solid #E4E4E4;	
	border-right:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	border-top:1px solid #E4E4E4;
}

#menu ul.level2 li.level2, #menu ul.vert li.vert
{
	width: 255px;
	display: block;
	padding: 0;
	margin: 0;
	background: #E9E9E9;
}

#menu ul.level2 li.level2 a, #menu ul.vert li.vert a
{
	font:12px tahoma;
	text-align:left;
	text-transform:none;
	background: url(/images/menu_item_border.png) no-repeat 9px 28px; 
	color:#505050;
	padding:0 12px !important; line-height:26px !important; height:30px;
	margin-top:0px;
	/*border-bottom:1px solid #DCDCDC; border-top:1px solid #F5F5F5;*/	
}
#menu ul.level2 li.level2:first-child a, #menu ul.vert li.vert:first-child a {
}
#menu ul.level2 li.level2 a:hover
{ 
	/*border-top:1px solid #F4A313; border-bottom:1px solid #F4A313;*/	
	background: #F4A313 !important;
  	color: white;
  	margin-top:-2px;line-height:30px !important;height:32px;
}
#menu ul.level2 li.level2:first-child a:hover {
	margin-top:0;line-height:26px !important;height:30px;
}
#menu ul.level2 li.last_item a {
	background:none;
}


#menu ul.level1 li#department_1 ul.level2 a:hover, #menu ul.level1 li#department_1 ul.level2 a.on { background: #14A6D4 !important; }
#menu ul.level1 li#department_2 ul.level2 a:hover, #menu ul.level1 li#department_2 ul.level2 a.on { background: #C15B6E !important; }
#menu ul.level1 li#department_3 ul.level2 a:hover, #menu ul.level1 li#department_3 ul.level2 a.on { background: #DA534B !important; }


	/************ POZIOM OSTATNI **************/

#menu ul.last li.last
{
	/* display: block; ?? */
	width: 257px;
	padding: 0;
	margin: 0;
}

#menu ul.last li.last a
{
	text-align:left;
}

/*******************************
 * strony tekstowe (pages)
 *******************************/

div#pages
{
	margin:0 0;
	height: 148px;
	background: url("/images/pages_bg.png") #CECECE repeat-x 0 0 ;
	border:1px solid #C5C5C5;
}

	div#pages .header
	{
	}
	
	div#pages h5
	{
		font-family: 'trebuchet ms';
		text-transform: uppercase;
		color: #4E4E4E;
		font-size: 12px;
		margin:0 0 4px 0;
	}
    div#pages h5.help-file {
        background: url(/images/icons/elico.png?v=10) no-repeat 0 0;
        text-transform: none;
        font-size:16px;
        padding-left: 38px;
        line-height: 32px;
    }
	div#pages .hr {
		background: url('/images/pages_content_bg.png') repeat-x; 
		margin: 8px 8px 0 7px;
		padding: 15px 0 0 0;
	}
	div#pages div.column { 
		float: left; width: 220px; margin:14px 0 0 0;
		padding:15px 0 15px 20px;height: 85px;
		overflow:hidden; 
		background:url(/images/pages_column.png) repeat-y 0 0; 
	}
	div#pages div.first { 
		margin-left:10px;
		background:none;
	}

	#pages ul {  }
	#pages ul li { line-height:24px; }
	#pages ul li a { 
		font-size: 11px; color: #4E4E4E;
		 
	}

/********************************
 * newsletter
 ********************************/

div.newsletter
{
	float:left;
	width:575px;
	margin:10px 0 10px 0;
}
	div.newsletter .header
	{
		font-size:15px;font-weight:bold;padding:5px 15px;
	}

	div.newsletter .content
	{
		background: url('/images/newsletter_content_bg.png') repeat-x; 
		margin: 0 5px 0 7px;
		padding: 5px 0 10px 0;
	}
	div#newsletter_signout .content, div.newsletter_light .content {
		background:none;
	}
	div.newsletter .button {
		font-weight:bold;
	}
	div.newsletter a.details {
		font-weight:bold; color:#E386B2;
		margin-right:20px;
	}
	div.newsletter .form-error { margin-left:0; }

	div.newsletter p label { display:inline-block;width:100px; }
	div.newsletter_light p .button { margin-left:103px; }

div.platnosci {
	text-align:center;
}

/***************
 * jQuery tooltip
 ***************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div, #tooltip p { margin: 0;padding:0; }
#tooltip h3 { color: black;font-size: 12px; }

div#transport ul {
	margin:8px 0 5px 9px;
}
div#transport ul li {
	padding:0 0 0 19px;
	background:url(/images/news_arrow.png) no-repeat 0 5px;
}
div#transport ul li a {
	color:#4E4E4E;font:12px tahoma;line-height:19px;font-weight:bold;
}

/**
 * artyku� seo na g��wn�
 */
#home_description {
	position:absolute;
	width:750px;height:120px; overflow-y:hidden;
	top:855px;left:0;
}

ul.right_menu {
	width: 188px;
}

ul.right_menu li{
	display: block;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #d8d8d8;
}

ul.right_menu a{color: #555;display:block;}

#producer_select { color:#969696;border:1px solid #CFCFCF;font-size:11px; }

/**
 * Lukas
 */
.lukas_oblicz {
	background:url(/images/lukas_oblicz.png) no-repeat 0 0;
	width:127px;height:28px;
	display:block;
}
.lukas_oblicz:hover {
}
.lukas_application_submit {
	background:url(/images/lukas_wniosek.gif) no-repeat 0 0;
	width:236px;height:39px;
	display:block;
	border:none;
	margin:0 auto;
}
.lukas_application_submit:hover {
	background-position:0 -42px;
}