/***********************
 * LogiShop Layout CSS
 ************************/
body
{
	background: #ffffff;
  	font-family: Arial, Verdana, sans-serif;
  	font-size: 11px;
	width: 100%;
}
 
#main_shadow_wrapper
{
}

#main_shadow
{
	width: 1000px;
	margin:0 auto;
	background: url(/images/bg_shadow.png) #ffffff;
	background-repeat:repeat-y;
	height: 100%;
}

#main
{
	width:972px;
	margin: 0 auto;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

#header 
{
}

/* nwigacja górnego helpa */
#top_help
{
	height:34px;
	font-family: tahoma;
	font-size:11px;
	color:#ffffff;
	background-image:url(/images/top-bg.png);
	background-repeat:repeat-x;
	border-bottom:1px solid #000000;
}
	#top_help ul.help {text-align:left; margin:0; padding: 0 10px; float:left;}
	#top_help ul {list-style:none;}
	#top_help ul li {padding:0; display:inline}
	#top_help ul li a {}
	#top_help a:hover {}
	
	#top-left-help
	{
		width: 650px;
		float: left;
		color: #BEA17B;
		text-align:center;
	}
	
	#top-left-help ul
	{
		margin: 10px 8px 0 10px;
	}

	#top-left-help ul a
	{
		color: #BEA17B;
	}

	#top-right-login
	{
		width: 320px;
		height:34px;
		float: right;
		font-size:12px;
		border-left: 1px solid #262626;
	}
	
	#top-right-login div.user_box
	{
		float:right;
		text-align:right;
		background:url(/images/icons/icon_key.gif) no-repeat;
		background-position: right center;
		padding: 0 24px 0 0;
		margin: 9px 6px 0 0;
	}
	
	#top-right-login a
	{
		color: #DCDCDC;
	}

	#top-right-login a:hover
	{
		text-decoration: underline;
	}


#logo-area
{
	height: 191px;
	background: url(/images/top_header_bg.jpg) no-repeat right;
}

	#headword
	{
		position:relative;
		top:89px; left:100px;
		font-size:20px;
		font-weight:bold;
		font-family:arial;
		color:#efefef;
	}

	#logo a
	{
		position:relative;
		display:block;
		top:95px; left:25px;
		width:450px; height:70px;
	}
	
	#logo-help
	{
		font-family: trebuchet ms;
		font-size:  13px;
		float: right;
		margin: 28px 210px 0 0;
		height: 134px;
		width: 316px;
		color: #CD3B7C;
	}
	#logo-help span.title
	{
		font-weight: bold;
		font-size: 16px;
	}
	
	#logo-help .block
	{
		margin-top: 1em;
		padding: 0 0 0 26px;
		width: 126px;
		float: left;
	}
	
	#logo-help .phone { background: url(/images/icons/cellphone.gif) no-repeat 6px 1px;}
	#logo-help .skype {	background: url(/images/icons/skype.gif) no-repeat; }
	#logo-help .mail { background: url(/images/icons/letter.gif) no-repeat 3px 4px; }
	#logo-help .gg { background: url(/images/icons/gadugadu.gif) no-repeat;	}
	
/********************
 * SEARCH BAR
 ********************/

#menu_bar
{
	height: 43px;
	background: url(/images/menu_bar_bg.png);
	background-repeat:repeat-x;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	color:#222222;
}
	
	#menu_bar #sbi
	{
		background: url(/images/search_bg.png) repeat-x;
		border: 1px solid #424242;
		padding:2px;
		height:16px;
	}
	
	#menu_bar fieldset {padding:5px;}
	
	#menu_bar input#sbb
	{
		background: url("/images/search_button.png");
		font-family: tahoma;
		font-size: 10px;
		color: #ffffff;
		height: 21px;
		width: 59px;
		border:none;
	}
	
	#menu_bar ul.help {text-align:left; margin:0; padding: 0 10px; float:left;}
	#menu_bar ul {list-style:none;}
	#menu_bar ul li {padding:0; display: block; float: left;}
	#menu_bar ul li a
	{
		color: #ffffff;
		display: block; padding: 0 10px; line-height: 43px;
	}
	
	#menu_bar ul li a:hover, #menu_bar ul li a.active
	{
		text-decoration: none; 
		background: url("/images/mainmenu_bg_active.png");
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		margin-left:-1px;
		padding:0 9px 0 10px;
	}


div#brand-links {
	float: left;
	width: 320px;
	line-height:42px;
}

	div#brand-links a
	{
		display:block;float:left;
		margin-left: 9px;
		color:white;
	}
	
	div#brand-links a#lm-link 
	{
		background-image: url(/images/icons/lm.gif);
		background-repeat: no-repeat;
		background-position:0px 8px;
		padding-left:20px;
	}
	div#brand-links a#dg-link 
	{
		background-image: url(/images/icons/dg.gif);
		background-repeat: no-repeat;
		background-position:0px 8px;
		padding-left:30px;
	}
	div#brand-links a#ks-link 
	{
		background-image: url(/images/icons/kablesklep.gif);
		background-repeat: no-repeat;
		background-position:0px 8px;
		padding-left:44px;
	}

	/***********************
	 * breadcrumb
	 ***********************/

div#breadcrumb
{ 
	background: url(/images/breadcrumb_bg.png) repeat-x;
	height: 27px;
	line-height:27px;
	padding:0 4px;
}
	div#breadcrumb ul { float:left;display:block;}
	div#breadcrumb ul li
	{
		display:block;float:left;
		padding-left:5px;
	}
	div#breadcrumb ul li a.logishop {color:#000;}
	a.print_link 
	{
		background-image:url(/images/icons/print.gif);
		background-position: right center;
		background-repeat:no-repeat;
		padding-right:12px;
	}
	
	a.recommend_link 
	{
		background-image:url(/images/icons/polec.png);
		background-position: right center;
		background-repeat:no-repeat;
		padding-right:12px;
	}

#content
{
}

#content_main
{
	float:left;
	width:776px;
}


div#bottom
{
	margin-top: 2em;
}

#footer
{
	width: 650px;
	margin: 0 auto;
	float:left;
}

	
	#footer p
	{
		line-height: 1em;
	}


#content_center
{
	float:right;
	width:574px;
	padding:0 5px;
}

#hr-block
{
	background:url(/images/hr-block-bg.png) repeat-x;
	height:3px;	
}

#left-bar
{
	width:192px;
	float:left;
}

	/*#left-bar .header a
	{
		color: #7b7b7b;
	}*/

div.left-box
{
	clear: both;
	border-right:1px solid #872700;
	border-bottom:1px solid #872700;
}

	div.left-box .content
	{
		margin: 0 1px;
	}
	
	div.left-box .contact
	{
		margin:8px 5px;
		padding:8px;
		border:1px solid #e06000;
	}

	#left-bar ul, #right-bar ul
	{
		list-style:none;
	}
	
	#left-bar ul li, #right-bar ul li
	{
		display: block;
	}

	#left-bar ul li a, #right-bar ul li a
	{
		display: block;
		background:url(/images/menu_marker.gif);
		background-repeat:no-repeat;
		background-position:5px 6px;
		padding:3px 0 3px 15px;
	}
	
	#left-bar ul li a:hover, #left-bar ul li a.active, #right-bar ul li a:hover, #right-bar ul li a.active
	{
		color:#b44411;
		text-decoration:none;
		background:url(/images/menu_marker_active.gif);
		background-repeat:no-repeat;
		background-position:4px 6px;
	}
	
	#left-bar div.transport { border:1px solid #CFCFCF; background-color:#F8F8F8; width:170px; margin-left:5px;margin-top:5px; }
	#left-bar div.transport div.title { 
		font-family:arial black; font-size:9pt; 
		background-color:#EEEEEE; padding:5px 20px; border-bottom:1px solid #CFCFCF; 
	}
	 

#right-bar
{
	width:192px;
	float:right;
}

div.left-box div.header, div.right_box div.header
{
	font-family: 'trebuchet ms';
	font-size: 14px;
	color:#ffffff;
	padding: 12px 0 0 7px;
	text-transform: uppercase;	
	height: 38px;
	background-image:url(/images/left-menu-header-bg.png);
	background-repeat:repeat-x;	
}

div.left-box div.header a, div.left-box div.header h3, div.right_box div.header a, div.right_box div.header h3
{
	font-family: 'trebuchet ms';
	font-size: 14px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
}

div.right_box
{
	clear: both;
	border-left:1px solid #872700;
	border-bottom:1px solid #872700;
}

	div.right_box .content
	{
		border-right: 1px solid #ffffff;
		padding: 10px 5px 10px 5px;
	}

	div.right_box div.box_icon
	{
		margin: 2px 0 0 0;
		float: right;
	}
	div.right_box_item { margin:5px 0; }
	div.right_box_item h4 { margin:0; }
	div.right_box_item p {margin:1px;}
	div.right_box_item p.date {text-indent:5px;font-size:10px;}
	
	div.right_box div.box_icon
	{
		float:right;
		margin-right:10px;
	}
	
	div#trust {
		background: #371f13;
		height: 59px;
		width: 130px;
		padding: 15px 18px;
		margin: 15px 0 0 10px;
		font: 15px tahoma;
		font-weight:bold;
		color: #ffffff;
		text-align: center;	
	}
	
/* CUSTOMER SERVICE */
div#customer_service
{
	width: 190px;
	height: 150px;
	background-image: url(/images/customer_service.png);
	background-repeat: no-repeat;
	background-position:2px 0;
}

div#customer_service div.content
{
	padding: 0 5px 0 5px;
	color: white;
	font-size: 10px;
}

div#customer_service_content a
{
	color: #aaa;
}



/******************
 * MENU CSS STYLE *
 ******************/
#upper_menu
{
}

	#upper_menu ul
	{
		position:relative;
		width: 100%;
	}
	
	#upper_menu li
	{
		display: block;
	}
	
	#upper_menu li.see-also
	{
		display: block;
		color: #872700;
		padding: 3px 0 3px 7px;
		font-weight: bold;
		border-bottom:1px solid #872700;
	}
	
	#upper_menu li a
	{
		display: block;
		padding: 4px 0 4px 10px;
	}

div#menu
{
	clear:both;
	z-index:50;
	position:relative;
}

	#menu ul
	{
		margin:0;
		padding:0;
		z-index:1;
	}
	
	#menu a.roll
	{
	}
	
		/************ POZIOM 1 - MENU HORYZONTALNE **************/
	
	div#menu ul.level1
	{
		padding-left: 0;
		position:relative;
		width: 100%;
	}
	
	div#menu li.level1 a
	{
		display: block;
		padding: 3px 0 3px 15px;
	}
	
	div#menu li.level1 a.roll:hover
	{
		background:url(/images/menu_marker_active_arrow.gif) no-repeat;
		background-position:5px 3px;
		text-decoration: none;
	} 
	
	#menu ul.level1 > li.level1 a
	{
	  	width: auto;
	}
	
	/************ POZIOM 2, 3, ... - MENU ROZWIJANE **************/
	
	
	#menu ul.level2, #menu ul.vert
	{
		position: absolute;
		top: 0px;
		left: 0px;
		visibility: hidden;
		width: 150px;
		border: 2px solid #B5732C;
		border-left: 1px solid #ffffff;
		background: #B5732C; 
		text-align: left;
	}
	
	#menu ul.level2 li.level2, #menu ul.vert li.vert
	{
		display: block;
		padding:0;
		margin:0;
		height:1%;
	}
	
	#menu ul.level2 li.level2 a, #menu ul.vert li.vert a
	{
		text-align:left;
		color: #ffffff;
		padding: 3px 10px;
		background-image:none;	
	}
	
	#menu ul.level2 li.level2 a:hover
	{ 
	  	background: #5B4023;
	  	font-weight:normal;
	}
	
		/************ POZIOM OSTATNI **************/
	
	#menu ul.last li.last
	{
		/* display: block; ?? */
		width: 150px;
		padding: 0;
		margin: 0;
	}
	
	#menu ul.last li.last a
	{
		width: 130px;
		text-align:left;
		padding: 3px 10px;
	}

/*******************************
 * strony tekstowe (pages)
 *******************************/

div#pages
{
	float:left;
	width:772px;
	height:190px;
	background: url('/images/pages_bg.png') no-repeat;
}

	div#pages .header
	{
		background: url('/images/pages_header.png') no-repeat;
		background-position: 35px 30px;
		height:45px;
	}
	
	div#pages h5
	{
		font-family: 'trebuchet ms';
		text-transform: uppercase;
		color: #BEA17B;
		font-size: 12px;
		font-weight: normal;
		line-height:13px;
	}

	div#pages .content
	{ 
		padding: 12px 0 0 30px;
	}

	#pages table {margin:0 5px;}
	#pages table tr td {vertical-align:top;padding:5px 0;width:180px;}
	#pages ul { }
	#pages ul li { margin-left:10px;list-style-image:url(/images/icons/list-marker.gif);list-style-position:left center;line-height:18px; }
	#pages ul li a { font-size: 11px; color: #BEA17B; }
	#pages ul li a:hover { color: #ffffff; }

/********************************
 * newsletter
 ********************************/

div#newsletter
{
	float:left;
	width:200px;
	height: 190px;
	background: url('/images/newsletter_bg.png') no-repeat;
	color: #ffffff;
}
	div#newsletter .header
	{
		background: url('/images/newsletter_header.png') no-repeat;
		background-position: 35px 27px;
		height:45px;
	}

	div#newsletter .content
	{ 
		margin: 0 8px 0 7px;
		font-size:10px;
	}
	
	div#newsletter .newsletter_save_button
	{
		width:53px;
		height:20px;
		background:url(/images/newsletter_save_button.png);
		border:none;
	}

#overlay { background-image: url(/images/overlay.png); }